Как стать автором
Обновить
34.87

Usability *

Удобство использования

Сначала показывать
Порог рейтинга
Уровень сложности

Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

Уровень сложности Средний
Время на прочтение 12 мин
Количество просмотров 935

При работе над паттерном навигации моя команда выяснила интересный факт — мало материалов для дизайнеров. Я провела своё исследование: поговорила с разработчиками, проанализировала множество приложений и заглянула в гайдлайны.

В статье покажу три самых популярных вида навигации, которые есть на рынке на начало 2024 года. Я выкладывала этот материал на английском языке и собрала 25 тысяч просмотров. Теперь делюсь ей с русскоязычным комьюнити.

Вы узнаете:

какие основные виды навигации существуют,

как логически работает навигация,

некоторые особенности и различия платформенных решений (iOS vs Android).

Расскажу, почему найти что-то в приложении бывает так трудно. Вы сходу будете отличать, где хорошая навигация, а где продуктовая команда недоработала.

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 2

Новости

fido2-token как инструмент администрирования FIDO2 токенов

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 619

Всем привет! Хочу рассказать о практическом применении такой утилиты как fido2-token. Утилита создана для поиска и управления токенами работающими со стандартом FIDO2. В русскоязычном сегменте не нашел публикаций на эту тему, поэтому опишу свой опыт её использования. Не буду описывать о самом стандарте, а сразу перейду к практическому применению.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Комментарии 2

Я полностью слеп и я сам себе техподдержка

Время на прочтение 5 мин
Количество просмотров 6.7K
Я пользуюсь Интернетом уже 20 лет. Думаю, примерно в 2004 году, у меня наконец-то на семейном компьютере была установлена нормальная программа для чтения с экрана. Я не так долго наблюдал, чем у некоторые, но все же это позволило мне увидеть некоторые радикальные изменения, произошедшие с разработкой программного обеспечения, доступностью и большими технологиями.

Во-первых, 20 лет назад вы могли написать практически в любую компанию и получить от нее персонализированный ответ. Теперь все расписано по скриптам, и в таких действительно крупных компаниях, как Google, любой технически подкованный человек, который потратил приличное количество времени на использование продукта, вероятно, будет более осведомлен, чем агенты службы поддержки. Я рассматриваю это скорее как результат плохого обучения, чем чего-либо еще, хотя подозреваю, что рабочая среда и низкая оплата труда, вероятно, способствуют полному отсутствию желания выходить за рамки этого обучения.

Десять лет назад (я взял эту цифру с потолка, но я думаю, что она точна) это все еще было в какой-то степени верно, но чтобы компенсировать это, агенты обычно имели определенный уровень прозрачности и контроля над системами, которые они поддерживали, и некоторые возможности, которых нет у пользователей. Сейчас часто кажется, что служба поддержки существует только для того, чтобы делать то же самое, что мы уже можем делать с веб-сайта или приложения.
Читать дальше →
Всего голосов 32: ↑25 и ↓7 +18
Комментарии 11

Переменные и условия: как быстро сделать в Фигме нелинейный прототип

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 5.6K

Например, прототип формы, поля которой можно заполнять непоследовательно.

Иногда сценарии и механики перехода между экранами (или состояниями одного экрана) получаются такими сложными, что для подготовки прототипа и тестирования на респондентах приходится переносить макеты из Фигмы в специальные инструменты вроде ProtoPie или Axure.

Летом 2023 года в Фигме появились условия и переменные, благодаря которым можно показывать всё более сложные взаимодействия. А также меньшими усилиями добиваться того, что раньше требовало усилий значимых, например, давать респондентам возможность заполнить поля формы в произвольном порядке.

Не все дизайнеры, с которыми я общался, знают о подобных способах применения связки переменных с условиями. Поэтому я и решил об этом рассказать на примере кейса с непоследовательным заполнением полей формы.

Читать далее
Всего голосов 27: ↑26 и ↓1 +25
Комментарии 20

Истории

«Не заставляйте меня вводить цифры»: реализуем сложный повтор в мобильном календаре

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 2.1K

Сегодня многие пользуются календарем на мобильном устройстве: приложение своевременно напоминает о рабочих встречах, походах к врачу, днях рождения друзей и в целом помогает чётче следовать своему расписанию.

Некоторые события в календарной сетке являются регулярными, то есть повторяются с определённой периодичностью. Например, можно отметить в календаре день рождения бабушки, чтобы вовремя её поздравить. Бывают повторы посложнее — скажем, для тренировок в фитнес-клубе, которые проходят каждую среду и пятницу в 19:00. Чтобы не вносить в календарь каждую тренировку по отдельности, есть возможность настроить повторяющееся событие.

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

Читать далее
Всего голосов 19: ↑19 и ↓0 +19
Комментарии 26

Вырезаем кусочек из объема, не залезая в объем

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.4K

Задача разработки простого и понятного UI для непростого функционала каждый раз требует определенной доли смекалки, но даже при этом удачного решения не гарантировано. Нам кажется, что в этот раз у нас получилось, и поэтому мы хотим поделиться, ведь чем больше качественных решений видел разработчик, тем больше шанс, что в следующий раз у него тоже получится хорошо.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 1

Что внутри портфолио продуктовых и ux/ui-дизайнеров из Figma, Notion, Яндекс, Тинькофф и Ozon?

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 8K

Проанализировал более 100 резюме и портфолио российских и зарубежных дизайнеров. Здесь поделюсь их структурой, описанием, слабыми местами и фишками

Читать →
Всего голосов 11: ↑6 и ↓5 +1
Комментарии 4

Как работать с текстом при дизайне игровых интерфейсов

Время на прочтение 5 мин
Количество просмотров 2.3K

Статья про приёмы, упрощающее восприятие текста игроками и про особенности работы с текстом на игровых проектах.

Читать далее
Всего голосов 21: ↑20 и ↓1 +19
Комментарии 6

Аналоговые индикаторы против цифровых. Жертвы маркетинга против ретроградов

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 5.7K

На просторах сети частенько можно наткнуться на споры про то, что же лучше - стрелочные приборы или цифровые.

Что же лучше? Предлагаю проверить на практике c помощью программы-теста, которая измеряет время, необходимое на считывание значений со стрелочного индикатора и цифрового.

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Комментарии 97

Как я проектирую формы

Время на прочтение 6 мин
Количество просмотров 6.7K

В начале карьеры проектирование любой формы казалось мне очень простой и понятной задачей. Особенно когда речь шла о чём-то банальном и незначительном, вроде обратной связи на сайте. А что — выяснил, какие нужны данные и для чего, накидал поля с подписями, приделал кнопку — и готово! На всё про всё — пять минут. Пустяки! Или нет?

Читать далее
Всего голосов 9: ↑7 и ↓2 +5
Комментарии 2

Техники usability — как проектировать сложные системы, чтобы они стали простыми для использования

Время на прочтение 17 мин
Количество просмотров 5K

Существует заблуждение, что дизайн — это вопрос вкуса, и у него нет объективных критериев оценки. Но не стоит забывать об условиях использования приложения. Например, таких факторах, как шум, низкое качество, старое тормозное оборудование или программное обеспечение, ограничение доступа в интернет из-за  безопасности. Если копнуть поглубже можно найти много критериев. Поэтому давайте наконец развенчаем этот миф!

Привет, Хабр! Меня зовут Кирилл Голубовский. И сегодня хочу поделиться информацией, которая пригодится всем, кто хочет понять, насколько удобным является их решение. Вы разберётесь, что нужно учесть при логическом проектировании сложных систем с запутанными сценариями. 

Сейчас я возглавляю дизайн Bimeister. Мы с командой занимаемся разработкой BIM и ERP-систем, способных эффективно цифровизировать предприятия.

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Комментарии 9

Паттерн поиска в мобильном приложении. Какую механику выбрать дизайнеру?

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 3.3K

Поиск помогает пользователям быстро находить то, что им нужно. Но как создать такой поиск, а главное — сделать его полезным инструментом?

В статье:

— проанализируем, какие варианты паттерна поиска есть,

— заглянем в гайдлайны,

— рассмотрим UX-ошибки.

Как же выбрать оптимальный вариант поиска для вашего мобильного приложения?

Давайте разберемся
Всего голосов 17: ↑16 и ↓1 +15
Комментарии 0

Без онлайн-курсов! Гайд для ux-дизайнера: какие навыки развивать и как учиться бесплатно (без пиратства)

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 5.9K

«А зачем платить за курсы? 99% материала, который там дают, можно найти на ютубе. Покупай, если не найдешь нужный материал. Но сначала попробуй бесплатно!» — сказал мой брат после того, как я поделился идеей пойти учиться на дизайнера.

Я так и сделал. Но вскоре понял, что самый сложный вопрос «какие навыки мне важнее развивать именно сейчас», а не «найду ли я нужный материал». Новичкам проще — им нужна база. Но какие навыки надо развивать когда ты middle или senior?

Читать →
Всего голосов 10: ↑5 и ↓5 0
Комментарии 4

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн

Тёмные паттерны UX себя не оправдывают

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 4.2K

У меня было хорошее настроение: я опубликовал свою статью об RSS, и она оказалась довольно популярной.

Я решил, что лучше всего отпраздновать это, зайдя на Feedly и почитав что-нибудь. Нажал на фид блога разработчиков, чтобы просмотреть там пару последних постов. Посередине фида я заметил рекламу. Вполне справедливо: я пользуюсь бесплатной версией Feedly, поэтому вполне логично, что мне показывают баннеры.

Я нажал на крестик в правом верхнем углу рекламного блока. И именно тогда всё пошло не так.

Вместо того, чтобы закрыть рекламу, Feedly показал мне всплывающее окно, сообщающее, что единственный способ удаления «этого модуля» (читай: рекламы) — «напрямую поддержать Feedly, купив Feedly Pro».

Повторюсь, я не против, что Feedly показывает рекламу бесплатным пользователям, но неработающая кнопка закрытия — это тёмный UX. Я почувствовал себя обманутым: я не буду платить за ваш сервис, я не буду нажимать на рекламу.

Читать далее
Всего голосов 17: ↑15 и ↓2 +13
Комментарии 8

Как прокачивать насмотренность в UX для дизайнера интерфейсов (личный опыт)

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 5.3K

Хочу поделиться своим опытом и рассказать, как я прокачиваю насмотренность в ux (не ui). Надеюсь, это кому-нибудь поможет.

Читать далее →
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 6

Совершенствуем UX. Разговоры о серьёзном с администраторами

Время на прочтение 8 мин
Количество просмотров 2.2K

Чтобы развивать наши продукты осмысленно, мы регулярно проводим исследования с участием пользователей. И на этот раз пообщались с людьми, чей опыт работы с ПО заслуживает отдельного внимания — администраторами приложений.

Разумеется, администратор — это не конечный пользователь, и далеко не всегда его мнение соответствует общему мнению о продукте. Вместе с тем он ключевая фигура в работе ИТ-системы: то, насколько успешно он справляется с задачами по её настройке и обслуживанию, влияет на комфорт и эффективность остальных пользователей. Значит, сделав что-то хорошее для администратора, мы помогаем в работе многим другим.

Мы провели наше первое исследование среди администраторов и не избежали ряда ошибок. Но также сделали важные выводы — и составили чеклист, который в будущем поможет планировать подобные исследования на более качественном уровне.

Под катом делимся полученными знаниями: возможно, с их помощью вы не наступите на те же грабли, что и мы.

Читать далее
Всего голосов 19: ↑19 и ↓0 +19
Комментарии 0

Как я проектирую интерфейсы

Время на прочтение 13 мин
Количество просмотров 21K

Привет, я Егор Камелев, проектировщик интерфейсов (UX-дизайнер). За последние 20 лет я поработал с командами десятков агентств, IT-отделов, действующих проектов и продуктов, стартапов (и запущенных, и незавершённых). Я знаком с сотней команд, не меньше. И среди них не нашлось и двух, использующих одинаковые подходы к работе. Верно говорят: «У каждого додика — своя методика!».

У всех свои названия должностей, артефактов, процессов. Свои требования и наборы компетенций. Где-то проектированием занимается маркетолог и разработчик (потому что в команде больше никого и нету), а где-то эта задача распределена между десятью разными специалистами (системные- и бизнес-аналитики, технические писатели, UX-дизайнеры, продакт оунеры и так далее).

Поэтому в этой статье я не буду заявлять, что мой подход к работе — единственно верный. Он один из тысяч и в моём случае прекрасно работает: клиенты не заваливают меня правками, платят 100% предоплату и рекомендуют окружающим. Я распишу во всех деталях свой процесс предоставления услуги проектирования (создания интерактивного прототипа информационной системы на заказ). Уверен, что многим пригодятся мои знания. Погнали!

Читать далее
Всего голосов 29: ↑25 и ↓4 +21
Комментарии 20

Я стал зарабатывать вдвое больше, когда начал писать техническую документацию

Время на прочтение 8 мин
Количество просмотров 25K

Речь идёт о функциональных спецификациях к сайтам, приложениям и прочим информационным системам.

В начале карьеры UX-дизайнера я просто делал интерактивные прототипы, а документацию предпочитал не писать. Почему так:

Во-первых, сложно. Этому навыку никто не обучал, а написать 100 и более страниц текста по проекту — это как диссертацию накатать. Поэтому я говорил клиентам, что, мол, и так справитесь.

Во-вторых, у меня не было опыта в роли заказчика. И только после того, как я на собственном проекте увидел, сколько денег экономит этот документ, стал предлагать его каждому новому клиенту.

Продавать это было легко. Достаточно было рассказать о том, как я, заплатив несколько десятков тысяч за документ, экономил несколько сотен тысяч на разработке. И подкрепить рассказ конкретными цифрами и примерами. Чаще всего я рассказываю о том, как пожалел 50к на функциональную спецификацию на участок собственного проекта, и разработчики делали его два с половиной месяца вместо привычного одного. А месяц их работы обходился моей казне почти в 300к рублей. И если бы я не сэкономил на функциональной спецификации, то задача обошлась бы на 400к рублей дешевле.

Читать далее
Всего голосов 14: ↑11 и ↓3 +8
Комментарии 8

QA инженер и дизайн

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 2.9K

Современные технологии меняют жизнь человечества, предлагая огромное количество различных возможностей. Появляется всё больше и больше разнообразных платформ и устройств, с помощью которых можно легко выполнять различные действия. Разработчики предлагают широкий ассортимент различных приложений. В связи с этим остро встаёт вопрос с качеством продукта. Ведь даже приложение обладающее огромной функциональностью, но содержащее множество ошибок и имеющее неудобный интерфейс, не будет пользоваться популярностью.

Обеспечение качества программного обеспечения направлено на улучшение рабочих процессов и повышение эффективности, позволяя компаниям завоевать доверие клиентов и повысить свой авторитет. Как результат большую роль начинает играть QA инженер. Это человек, который несёт ответственность за качество конечного продукта, улучшая и тестируя его на протяжении всего процесса разработки. Будучи частью команды, QA-инженеры участвуют в процессе разработки продукта с самого начала. Они не только тестируют, выявляют риски, но и отвечает за то, чтобы пользователю было "хорошо". QA должен сопереживать потребителю, а именно чтобы приложение было отзывчивым, интуитивно понятным и удобным в использовании.

Да, за внешний вид отвечает дизайнер и это его зона ответственности. Но данное утверждение верно отчасти. Во-первых, все мы люди и можем ошибаться, поэтому в современных командах приняты политики открытости. При этом любая потенциальная проблема может быть замечена и устранена. Во-вторых, дизайн должен подтверждаться исследованиями, а самое главное — являться результатом тесного сотрудничества с командой разработки и тестирования. Это означает принимать во внимание все возможные точки зрения.

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 5

Искусство взаимодействия: как продуктовый дизайн влияет на пользовательский опыт

Уровень сложности Простой
Время на прочтение 13 мин
Количество просмотров 1K

Продуктовый дизайн — это неотъемлемая часть нашей цифровой реальности, где каждое приложение, веб-сайт или гаджет представляют собой тщательно продуманный результат творческого процесса. Введение в это понятие не только раскрывает технические аспекты, но и обнаруживает тонкости, которые делают продукт привлекательным и функциональным для пользователя.

1. Эстетика, задачи и эмоции:
Продуктовый дизайн начинается с понимания взаимосвязи визуального и функционального. Эстетика продукта не только привлекает внимание, но и формирует первое впечатление, оставляя след в эмоциональной сфере пользователя.

2. Взаимодействие формы и функции:
Современный пользователь оценивает продукты не только по их внешнему виду, но и по тому, насколько эффективно они выполняют свои функции. Идеальное сочетание формы и функции — ключевая составляющая успешного продуктового дизайна.

3. Пользовательский опыт как приоритет:
Одним из основных принципов продуктового дизайна является создание позитивного пользовательского опыта. От интуитивной навигации до мельчайших деталей интерфейса — все нацелено на то, чтобы сделать взаимодействие с продуктом легким и удовлетворительным.

4. Инновации и развитие:
В мире продуктового дизайна, где технологии постоянно развиваются, инновации становятся движущей силой. Постоянное исследование новых технологий и трендов помогает создавать продукты, способные удовлетворить растущие потребности пользователей.

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Комментарии 4

Вклад авторов