Как замотивировать пользователей заполнить длинную форму из 13 полей
Эффективный способ заполнения …
57
Статья
50+ публикаций
Почему кнопка «Посмотреть ещё» лучше пагинации
Скажем «нет» пагинации Легко ли пользователям …
79
Лучшие практики UX-дизайна подсказок в полях формы
Как правильно отображать текстовые подсказки
78
Как оптимизировать поле выбора со 147 вариантами
Скажем «Нет» прокрутке в меню Представьте, что вы заполняете …
86
Как упростить длинную страницу настроек с 15 параметрами
Сокращаем количество радиобаттонов
138
Делаем поля формы адаптивными с помощью двухколоночной сетки
Дизайн формы под мобильные экраны
63
Как упростить поля ввода времени без применения выпадающих списков
Экономьте время, не выбирая время
67
8 правил для переноса названия поля внутрь поля и его выравнивания по верхнему краю
Будущее полей формы
104
Как обезопасить нажатие на опасные кнопки удаления
Дизайн с фокусом на предотвращение ошибок
56
Как пофиксить отвратительные интерфейсы с помощью подходящих цветов бренда
Практический метод брендинга
399
Как преобразовать цвета интерфейса для тёмной темы
Простой способ создать тёмный режим
65
Почему разноцветные сектора непригодны для использования в диаграммах
Дизайн с учётом потребностей людей с нарушением цветового зрения
66
Как превратить списки с данными в интерактивные диаграммы
Проектируем удобный интерфейс для работы с данными
69
Как разгрузить информационно-насыщенный дизайн
Сила правильной расстановки акцентов
177
Почему рассказывать о функциях на экране онбординга — плохая идея
Снижаем когнитивную нагрузку
95
Почему точки плохо отражают прогресс в слайдерах
Лучший способ показать прогресс
141
Скелетные экраны
Ключевые выводы: Скелетные экраны (или скелетон-экраны) применяют в качестве заполнителя страницы во время ожидания пользователями её…
155
Путешествия пользователя vs пути пользователя
Ключевые выводы: Путешествия пользователя (user journeys) и пути пользователя (user flows) описывают процессы, через которые проходят…
123
Какие карточки лучше: вертикальные или горизонтальные?
Лучший способ отображения контента
180
Почему вам нужны разные варианты карточек в каталоге
Создание лучшего дизайна страницы каталога
312
Слайдеры с коллекциями: новый мобильный паттерн для устранения ошибок при свайпе
Улучшенные мобильные слайдеры
164
Миф о том, что слайдеры не привлекают пользователей
Как проектировать вовлекающие слайдеры
149
Калибровка дополненной реальности в мобильных приложениях: 10 рекомендаций
Ключевые выводы: Сделайте инструкции по калибровке чёткими, контрастными, описательными и дополните их понятными визуальными примерами…
18
Сделайте категории товаров элементами главной навигации в мобильных интерфейсах (на 33% сайтов…
КЛЮЧЕВЫЕ ВЫВОДЫ
125
Как создать интуитивно понятный слайдер для категорий
Лучший способ просмотра категорий
184
UX онлайн-платежей: подтверждение и обработка заказов
Предотвращение ошибок при оплате
77
Как правильно проектировать компоненты предупреждающих сообщений
Детальный разбор дизайна
376
Проектируем новую функцию в интернет-магазине
Дизайн функции «список подарков»
42
3 типа предупреждающих сообщений и как правильно их использовать
Контекстные сценарии применения предупреждающих сообщений
75
Как сделать 18 чекбоксов доступными для пользователей мобильных устройств
Чебоксы или чипы для выбора …
117
Как сделать поля формы удобными для восприятия без резкого контраста
Дизайн с акцентом на максимальной …
126
Одно текстовое поле vs 118 меню с выбором вариантов
Оптимальное поле для ввода даты рождения Поле для указания …
109
Как сократить время заполнения поля «Подтвердите пароль»
Уменьшаем трение при заполнении формы регистрации
115
Как превратить 4 вложенных модальных окна в одно
Одно модальное окно для управления всеми операциями
151
UX онлайн-платежей: ввод данных банковской карты
Лучшие практики дизайна форм для заполнения платёжных данных
82
UX онлайн-платежей: выбор способа оплаты
Как сделать оформление заказа бесшовным
109
Как сделать формы обмена сообщениями удобными с помощью чипов ввода
Мотивируем пользователей писать в формах обмена сообщениями
109
Как правильно проектировать всплывающее окно подтверждения
Давайте закроем все вопросы, связанные с подтверждением
121
Когда стоит закреплять панель навигации на странице
Понимание тенденций в дизайне
135
Оптимальный интервал между элементами выпадающего списка
Улучшаем дизайн пунктов меню
196
Как улучшить юзабилити дополненной реальности в мобильных приложениях
Ключевые выводы: Функции дополненной реальности в мобильных приложениях страдают от проблем, связанных с удобством использования. К таким…
54
Как продать себя заказчику за 100.000$
Прошлой ночью я занимался тем, чем занимаются все дизайнеры в два часа ночи — в 47-й раз переделывал свое портфолио, заодно заправляясь…
192
4 способа сделать функцию сравнения товаров удобной для восприятия
ОСНОВНЫЕ ВЫВОДЫ
67
Опция «Посмотреть всё» на каждом уровне каталога товаров в главном меню мобильного интерфейса
Только 24% сайтов реализовали эту опцию правильно
110
Избегайте неоправданно сложных требований к созданию паролей
В 82% случаях пользователям сайтов приходится придумывать сложные пароли
49
Как создавать карточки, по которым хочется кликнуть
Не перегружайте их информацией!
236
Как проектировать хлебные крошки для мобильного интерфейса
Дизайн навигации с глубокой иерархией
207
Искусство создания теней в интерфейсе
Сделайте так, чтобы пользовательский интерфейс выглядел профессионально
258
Оптимальный дизайн для компонентов выбора чисел
Выбор значений ввода
150
Свайп — быстрый способ навигации по страницам мобильного интерфейса
Делаем мобильную навигацию удобнее
97