Linkedin недавно провів редизайн і я маю намір обговорити



Корпоративна ділова мережу Linkedin зовсім нещодавно змінила дизайн. Це було зроблено руками нового власника — Microsoft. Абсолютно своєчасний і виправданий крок з їхнього боку. Старий дизайн був застарілим, так і повним UX-багів. Деякі сценарії просто неможливо було відтворити по пам'яті. Зможете зараз згадати як потрапити в режим відкликання відісланих запрошень?

Вибачте, що «в лоб» запитав. Можливо, багато хто з Вас навіть акаунтів там не мають.

Добре якщо ви згадали, проте там був повний хаос. Відсутня фільтрація по датам в хісторі як така. До того ж підвантаження старих запрошень працювала криво.

Загалом я, як фахівець з пошуку usability багів (ну прямо як у тій приказці «Сліпий у чужому оці більмо помітить»), не зміг пройти мимо цього оновлення. Давайте проанилизируем то…

Читати далі →

UI/UX події 2017 року, які вас точно не втомлять

Який дизайнер не хоче стати найкращим у своїй галузі? А найкращий спосіб дізнатися щось дійсно круте – це поспілкуватися з людьми, які на цьому собаку з'їли. Тому сьогодні ми пропонуємо вашій увазі список всіляких цікавих заходів (в першу чергу, присвячених темі UI/UX) як для дизайнерів-початківців, так і для просунутих, які ви, можливо, захочете внести в свій щоденник.



Читати далі →

Realistic UI: реалістичний погляд на Optimistic UI

Logo
останнім часом набирає популярність концепція Optimistic UI. На мій погляд, її гідності сильно переоцінені, а недоліки замовчуються. У цій статті я хочу більш явно продемонструвати недоліки, а також запропонувати гідну альтернативу, яку назвав Realistic UI.

Читати далі →

Створення музичних інтерфейсів

Дзвінок будильника, характерний писк, з яким відкриваються дверцята машини — ми постійно взаємодіємо з технікою за допомогою звуків. Тим не менш, у багатьох зберігається переконання, що інтерфейс транслює інформацію переважно через вікно, в той час як величезний потенціал мови звуків залишається без уваги.



Я займаюся дизайном вже 16 років, а у вільний час пишу музику. Володіння цими навичками ствердило мене в думці, що інтерфейси повинні поєднувати в собі як мінімум звук і зображення. Команда з компанії Udemy, де я зараз працюю, в даний момент розробляє новий підхід до навчання. В ході мозкового штурму виникла ідея підключити звукові сигнали до проміжним екранів. Я захопився і почав експериментувати з синтезатором and MIDI-семплами, щоб забезпечити користувачеві аудиофидбэк в процесі проходження та завершення курсу. Ми пробували різні інструменти, акорди і темп. Складність полягала в тому, щоб аудіоконтент осмислено демонстрував прогрес і разом з тим, висловлював цінності нашої компанії. Які звуки можуть розповісти про нас? У результаті ми зупинилися на коротких, ненав'язливих мотиви в ля мажор, награних на маримбе та арфі.


Читати далі →

ТехноLive: Гравець і гра, інтерфейс як сполучна ланка, Ольга Шуберт



Ми продовжуємо публікувати розшифровки наших трансляцій про розробку ігор. Як зробити ігровий досвід максимально комфортним? Про це розповість UX/UI-дизайнер Ігрового спрямування Mail.Ru Group Ольга Шуберт, яка має дев'ятирічним досвідом розробки інтерфейсів та ігрових механік.

Минулі випуски:


Читати далі →

Грудневий дайджест продуктового дизайну: Книга Atomic Design, Adobe XD для Windows і UX-тренди 2017 року

Вже шість років я публікую регулярні огляди свіжих статей з теми інтерфейсів, нових інструментів і колекцій патернів, цікавих кейсів і історичних оповідань. З стрічок кількох сотень тематичних підписок відбирається приблизно 5% стоять публікацій, якими цікаво поділитися. Попередні матеріали: квітень 2010-листопад 2016.

Дайджест продуктового дизайну, грудень 2016
Читати далі →

Серйозне проектування серйозних сайтів. Частина 2. Візуалізація

Це друга частина статті про проектування великих сайтів. У ній ми розповімо про візуальну частину проектування, про інтерфейси. Якщо ви не читали першу частину, то рекомендую це зробити тут: habrahabr.ru/company/SECL_GROUP/blog/318598

Динамічний прототип


Рис. 9. Демонстрація динамічного прототипу для проекту «Маркетплейс».

На цьому етапі ми переходимо від аналітики до інтерфейсів, до візуальної частини. На основі Mind map необхідно спроектувати інтерфейси для кожної функції і сторінки. Таких інтерфейсів в нас буде багато, від декількох десятків до декількох сотень унікальних прототипів, а ще є розкадровки, коли одна сторінка може мати ряд станів, спливаючих вікон, що випадають блоків і т. д. У процесі всі прототипи об'єднуються в один великий динамічний прототип і зв'язуються між собою.

Читати далі →

Базові моделі мобільної навігації

Навігація в додатку повинна бути інтуїтивної та передбачуваною. Розібратися, як переміщатися по ньому, повинна бути легко для тих, хто вже користувався додатком, так і для тих, хто вперше відкриває його. Але на мобільних пристроях зробити навігацію доступній і легкій для виявлення непросто через обмеження, які накладає маленький розмір екрану, і необхідність віддавати пріоритет над UI елементами контенту. Різні моделі навігації намагаються розв'язати цю проблему по-різному, але кожна з них страждає від низки проблем, пов'язаних з юзабіліті.

У своїй статті Нік Бабич, спеціаліст по розробці мобільних додатків і UX дизайну, розглядає три базові моделі навігації — меню-гамбургер, Tab bar і управління жестами — і описує їх сильні і слабкі сторони.


Читати далі →

Серйозне проектування серйозних сайтів. Частина 1. Аналітика

Майже 4 роки тому ми написали одну з самих популярних статей в рунеті про проектування великих проектів з такою ж назвою, як і ця: частина 1 і частина 2. Тільки на Хабре її прочитало понад 170 тис. осіб, а взагалі вона публікувалася в самих різних виданнях світу. Більше 1000 стартапів використовували напрацювання з цієї статті для проектування, і це тільки ті, про яких я чув і які нам писали. Але час не стоїть на місці, а ми постійно розвиваємося. З тих пір наша технологія проектування значно еволюціонувала і стала ще краще. У цій статті ми опишемо нашу оновлену технологію проектування і покажемо багато живих прикладів для кожної стадії.

Проектування — це перший етап розробки будь-якого великого проекту. Це основа його успішності. Коли ми будуємо хмарочос, нам потрібно продумати все до кожного гвинтика: зовнішній вигляд будівлі, кількість поверхів, локації всередині, використовувані матеріали. А ще потрібно зробити його стійким до землетрусів, подбати про екологію, зробити в ньому офіси та магазини. Це все вирішується на етапі проектування хмарочоса. І проектування в даному випадку — це гарантія якості майбутньої будови, що воно не розвалиться і не поховає під уламками людей. Цей етап дозволяє зрозуміти владі міста і власникам, як саме виглядатиме споруда у підсумку, побачити попередню проектну модель, провести точні розрахунки.



Читати далі →