Статьи 6 мин на чтение 18 Всегда используйте локализованные поля ввода Качество входящих данных влияет на результат. Большинство дизайнеров и разработчиков понимают этот принцип и дробят текстовые поля, чтобы обеспечить правильный формат ввода. Однако это неправильный способ, который может привести к проблемам с восприятием информации и увеличить когнитивную нагрузку на пользователей. К наиболее распространённым текстовым…
Статьи 3 мин на чтение 41 Дизайн формы под мобильные экраны Одна из самых важным проблем, связанная с удобством использования форм — отсутствие адаптивности под размеры мобильных экранов. Пользователи лишь частично видят поля, а остальное обрезается краем экрана. Разумеется, это не самый приятный опыт при заполнении формы. С помощью двухколоночной сетки в форме вы сможете…
Статьи 3 мин на чтение 26 Экономьте время, не выбирая время Вид многочисленных выпадающих списков у любого отобъёт желание заполнять форму. Поэтому дизайнерам стоит перестать использовать выпадающие списки для выбора времени. Эта ошибка в UX увеличивает время выполнения задачи и разочаровывает пользователей. К счастью, есть более эффективный подход к дизайну, который упрощает ввод времени и…
Статьи 4 мин на чтение 37 Будущее полей формы В формах вы выравниваете названия полей по левому или верхнему краю? Если да, то вы лишаете пользователей лучшего опыта взаимодействия. Названия, выровненные по левому и верхнему краю, провоцируют большее количество фиксаций и перемещений взгляда. Другими словами, они замедляют и затрудняют процесс сканирования информации. Будет гораздо лучше,…
Статьи 3 мин на чтение 45 Дизайн с акцентом на максимальной доступности Все дизайнеры стараются делать формы хорошо читаемыми, но они никогда не задумываются о проблеме резкого контраста между цветами в их элементах дизайна. Если увеличить контрастность цветов, форма будет лёгкой для восприятия. Но одновременно это может отвлекать пользователей от сканирования и обработки информации. Например,…
Статьи 4 мин на чтение 24 Уменьшаем трение при заполнении формы регистрации Какое поле самое сложное для пользователей, когда они заполняют форму регистрации? Поле с именем, электронной почтой, паролем или номером телефона? Как вы могли догадаться, самое трудное — поле ввода пароля. Его заполнение занимает у пользователей больше всего времени, и у него самый высокий…
Продолжаю рассказ о компонентах и стилях в figma. На этот раз поговорим о полях ввода, выпадающих списках, чекбоксах, радиобоксах. Перед чтением этой статьи рекомендую ознакомиться с первыми двумя частями: Часть 1: типографика, цвета и стили Часть 2: Кнопки Вспомогательный компонент form_stroke Для начала я создам вспомогательный компонент, который будет содержать в себе стиль оформления самого…
Конечно, туманности часто являются звездными фабриками, но астрономы действительно заинтересованы в понимании того, какие факторы могут влиять на развитие звезд. Войдите в телескоп НАСА SOFIA, который чрезвычайно чувствителен к инфракрасному излучению, а также указывает на самолет, летящий в небе над погодой. (Работа в ясном небе позволяет избежать проблемы размытия изображений облаками.) В последнее время ученые…