Как замотивировать пользователей заполнить длинную форму из 13 полей
Эффективный способ заполнения …
Article
Или Статьи, Статья.
Почему кнопка «Посмотреть ещё» лучше пагинации
Скажем «нет» пагинации Легко ли пользователям …
Лучшие практики UX-дизайна подсказок в полях формы
Как правильно отображать текстовые подсказки
Как оптимизировать поле выбора со 147 вариантами
Скажем «Нет» прокрутке в меню Представьте, что вы заполняете …
Как упростить длинную страницу настроек с 15 параметрами
Сокращаем количество радиобаттонов
Делаем поля формы адаптивными с помощью двухколоночной сетки
Дизайн формы под мобильные экраны
Как упростить поля ввода времени без применения выпадающих списков
Экономьте время, не выбирая время
8 правил для переноса названия поля внутрь поля и его выравнивания по верхнему краю
Будущее полей формы
Как обезопасить нажатие на опасные кнопки удаления
Дизайн с фокусом на предотвращение ошибок
Как пофиксить отвратительные интерфейсы с помощью подходящих цветов бренда
Практический метод брендинга
Как преобразовать цвета интерфейса для тёмной темы
Простой способ создать тёмный режим
Почему разноцветные сектора непригодны для использования в диаграммах
Дизайн с учётом потребностей людей с нарушением цветового зрения
Как превратить списки с данными в интерактивные диаграммы
Проектируем удобный интерфейс для работы с данными
Как разгрузить информационно-насыщенный дизайн
Сила правильной расстановки акцентов
Почему рассказывать о функциях на экране онбординга — плохая идея
Снижаем когнитивную нагрузку
Почему точки плохо отражают прогресс в слайдерах
Лучший способ показать прогресс
Скелетные экраны
Ключевые выводы: Скелетные экраны (или скелетон-экраны) применяют в качестве заполнителя страницы во время ожидания пользователями её…
Путешествия пользователя vs пути пользователя
Ключевые выводы: Путешествия пользователя (user journeys) и пути пользователя (user flows) описывают процессы, через которые проходят…
Какие карточки лучше: вертикальные или горизонтальные?
Лучший способ отображения контента
Почему вам нужны разные варианты карточек в каталоге
Создание лучшего дизайна страницы каталога
Слайдеры с коллекциями: новый мобильный паттерн для устранения ошибок при свайпе
Улучшенные мобильные слайдеры
Миф о том, что слайдеры не привлекают пользователей
Как проектировать вовлекающие слайдеры
Калибровка дополненной реальности в мобильных приложениях: 10 рекомендаций
Ключевые выводы: Сделайте инструкции по калибровке чёткими, контрастными, описательными и дополните их понятными визуальными примерами…
Сделайте категории товаров элементами главной навигации в мобильных интерфейсах (на 33% сайтов…
КЛЮЧЕВЫЕ ВЫВОДЫ
Как создать интуитивно понятный слайдер для категорий
Лучший способ просмотра категорий
UX онлайн-платежей: подтверждение и обработка заказов
Предотвращение ошибок при оплате
Как правильно проектировать компоненты предупреждающих сообщений
Детальный разбор дизайна
Проектируем новую функцию в интернет-магазине
Дизайн функции «список подарков»
3 типа предупреждающих сообщений и как правильно их использовать
Контекстные сценарии применения предупреждающих сообщений
Как сделать 18 чекбоксов доступными для пользователей мобильных устройств
Чебоксы или чипы для выбора …
Как сделать поля формы удобными для восприятия без резкого контраста
Дизайн с акцентом на максимальной …
Одно текстовое поле vs 118 меню с выбором вариантов
Оптимальное поле для ввода даты рождения Поле для указания …
Как сократить время заполнения поля «Подтвердите пароль»
Уменьшаем трение при заполнении формы регистрации
Как превратить 4 вложенных модальных окна в одно
Одно модальное окно для управления всеми операциями
UX онлайн-платежей: ввод данных банковской карты
Лучшие практики дизайна форм для заполнения платёжных данных
UX онлайн-платежей: выбор способа оплаты
Как сделать оформление заказа бесшовным
Как сделать формы обмена сообщениями удобными с помощью чипов ввода
Мотивируем пользователей писать в формах обмена сообщениями
Как правильно проектировать всплывающее окно подтверждения
Давайте закроем все вопросы, связанные с подтверждением
Когда стоит закреплять панель навигации на странице
Понимание тенденций в дизайне
Оптимальный интервал между элементами выпадающего списка
Улучшаем дизайн пунктов меню
Как улучшить юзабилити дополненной реальности в мобильных приложениях
Ключевые выводы: Функции дополненной реальности в мобильных приложениях страдают от проблем, связанных с удобством использования. К таким…
Почему раскрывающееся при наведении меню должно касаться панели навигации
Правильно проектируем навигацию
Как продать себя заказчику за 100.000$
Прошлой ночью я занимался тем, чем занимаются все дизайнеры в два часа ночи — в 47-й раз переделывал свое портфолио, заодно заправляясь…
4 способа сделать функцию сравнения товаров удобной для восприятия
ОСНОВНЫЕ ВЫВОДЫ
Опция «Посмотреть всё» на каждом уровне каталога товаров в главном меню мобильного интерфейса
Только 24% сайтов реализовали эту опцию правильно
Избегайте неоправданно сложных требований к созданию паролей
В 82% случаях пользователям сайтов приходится придумывать сложные пароли
Как создавать карточки, по которым хочется кликнуть
Не перегружайте их информацией!
Как проектировать хлебные крошки для мобильного интерфейса
Дизайн навигации с глубокой иерархией
Искусство создания теней в интерфейсе
Сделайте так, чтобы пользовательский интерфейс выглядел профессионально
Оптимальный дизайн для компонентов выбора чисел
Выбор значений ввода
