Как замотивировать пользователей заполнить длинную форму из 13 полей
Эффективный способ заполнения …
57
Uiux
46 публикаций
Почему кнопка «Посмотреть ещё» лучше пагинации
Скажем «нет» пагинации Легко ли пользователям …
79
Более эффективный способ представления данных вместо формата «Поле: Значение»
Как организовать данные с позиции визуального восприятия
105
Как упростить запутанное мегаменю из 65 пунктов
Создайте более эффективную навигацию
116
Лучшие практики UX-дизайна подсказок в полях формы
Как правильно отображать текстовые подсказки
78
Как оптимизировать поле выбора со 147 вариантами
Скажем «Нет» прокрутке в меню Представьте, что вы заполняете …
86
Как упростить запутанный переключатель между сегментами
Улучшенные компоненты переключателей для настроек
68
Почему не стоит дробить поля для текстового ввода
Всегда используйте локализованные поля ввода
47
Как упростить длинную страницу настроек с 15 параметрами
Сокращаем количество радиобаттонов
138
Делаем поля формы адаптивными с помощью двухколоночной сетки
Дизайн формы под мобильные экраны
63
8 правил для переноса названия поля внутрь поля и его выравнивания по верхнему краю
Будущее полей формы
104
Как обезопасить нажатие на опасные кнопки удаления
Дизайн с фокусом на предотвращение ошибок
56
Как преобразовать цвета интерфейса для тёмной темы
Простой способ создать тёмный режим
65
Почему стоит отображать тултипы в тёмном режиме
Повышаем удобство использования всплывающих подсказок
57
Почему разноцветные сектора непригодны для использования в диаграммах
Дизайн с учётом потребностей людей с нарушением цветового зрения
66
Как сделать действия специфических кнопок более предсказуемыми
Делаем неоднозначные кнопки более понятными
129
Как превратить списки с данными в интерактивные диаграммы
Проектируем удобный интерфейс для работы с данными
69
Как разгрузить информационно-насыщенный дизайн
Сила правильной расстановки акцентов
177
Почему рассказывать о функциях на экране онбординга — плохая идея
Снижаем когнитивную нагрузку
95
Почему точки плохо отражают прогресс в слайдерах
Лучший способ показать прогресс
141
Формула идеальных углов в дизайне карточек
Улучшайте восприятие пользователя
119
Список в столбик — лучший шаблон дизайна для отображения таблиц в мобильных интерфейсах
Оптимальный дизайн таблиц на мобильных экранах
307
Скелетные экраны
Ключевые выводы: Скелетные экраны (или скелетон-экраны) применяют в качестве заполнителя страницы во время ожидания пользователями её…
155
Путешествия пользователя vs пути пользователя
Ключевые выводы: Путешествия пользователя (user journeys) и пути пользователя (user flows) описывают процессы, через которые проходят…
123
Какие карточки лучше: вертикальные или горизонтальные?
Лучший способ отображения контента
180
Слайдеры с коллекциями: новый мобильный паттерн для устранения ошибок при свайпе
Улучшенные мобильные слайдеры
164
Миф о том, что слайдеры не привлекают пользователей
Как проектировать вовлекающие слайдеры
149
Калибровка дополненной реальности в мобильных приложениях: 10 рекомендаций
Ключевые выводы: Сделайте инструкции по калибровке чёткими, контрастными, описательными и дополните их понятными визуальными примерами…
18
Нарезка карточек: Простой метод создания оптимальной композиции
Отказ от базовых сеток
147
Как сделать отзывчивый дизайн карточек
Красивые карточки на всех устройствах
91
Сделайте категории товаров элементами главной навигации в мобильных интерфейсах (на 33% сайтов…
КЛЮЧЕВЫЕ ВЫВОДЫ
125
Подвал в карточках для размещения метаданных
Дизайн данных для быстрого сканирования
67
Как правильно проектировать компоненты предупреждающих сообщений
Детальный разбор дизайна
376
Проектируем новую функцию в интернет-магазине
Дизайн функции «список подарков»
42
3 типа предупреждающих сообщений и как правильно их использовать
Контекстные сценарии применения предупреждающих сообщений
75
Как сделать 18 чекбоксов доступными для пользователей мобильных устройств
Чебоксы или чипы для выбора …
117
Как сделать поля формы удобными для восприятия без резкого контраста
Дизайн с акцентом на максимальной …
126
Как применять плейсхолдеры для удобного ввода данных в форму
Оптимизируйте формат полей Многие дизайнеры …
97
Как сделать формы обмена сообщениями удобными с помощью чипов ввода
Мотивируем пользователей писать в формах обмена сообщениями
109
Как сделать белый текст в названиях кнопок хорошо читаемым
Проектируем цветные кнопки удобными для восприятия
129
Когда стоит закреплять панель навигации на странице
Понимание тенденций в дизайне
135
Оптимальный интервал между элементами выпадающего списка
Улучшаем дизайн пунктов меню
196
Опция «Посмотреть всё» на каждом уровне каталога товаров в главном меню мобильного интерфейса
Только 24% сайтов реализовали эту опцию правильно
110
Избегайте неоправданно сложных требований к созданию паролей
В 82% случаях пользователям сайтов приходится придумывать сложные пароли
49
Как правильно оформить страницу «Спасибо за покупку»
Проектирование правильного подтверждения заказа
130
Лучший способ отображения информации в строках
Как оптимизировать традиционное представление данных
333