Примеры и антипримеры дизайна форм ввода и выбора данных

Статьи 1 мин на чтение 28 Визуальный чек-лист при проектировании форм Представьте, что у вас есть книга, которая помогает вам создать отличный UX-дизайн форм ввода и выбора данных. В ней подробно перечислены все примеры и антипримеры в отношении каждого компонента формы. И вы больше никогда не столкнётесь с проблемой, какое дизайн-решение принять при работе с…

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

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

Как упростить поля ввода времени без применения выпадающих списков

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

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

Статьи 3 мин на чтение 41 Оптимизируйте формат полей Многие дизайнеры неправильно используют плейсхолдеры в полях формы. В результате, когда пользователи заполняют форму, возникает путаница и беспорядок. Чаще всего ошибки встречаются при использовании плейсхолдера в качестве:  • Инструкций к вводу информации   • Дополнительной текстовой справочной информации Нет необходимости указывать пользователям на то, что им нужно…

Как сделать формы обмена сообщениями удобными с помощью чипов ввода

Статьи 2 мин на чтение 21 Мотивируем пользователей писать в формах обмена сообщениями Когда люди пользуются формой обмена сообщениями, вовлечь их в этот процесс довольно сложно. Иногда они не знают, что писать в сообщении. Они тратят много сил на обдумывание ответов, что может привести к умственному перенапряжению. В приложениях для размещения объявлений с целью продажи…

Поля ввода и выпадающие списки

Продолжаю рассказ о компонентах и стилях в figma. На этот раз поговорим о полях ввода, выпадающих списках, чекбоксах, радиобоксах. Перед чтением этой статьи рекомендую ознакомиться с первыми двумя частями: Часть 1: типографика, цвета и стили Часть 2: Кнопки Вспомогательный компонент form_stroke Для начала я создам вспомогательный компонент, который будет содержать в себе стиль оформления самого…

Das Keyboard 5Q Review: отлично подходит для ввода текста, не так много для уведомлений

Оказывается они не шутили, когда говорили, что облако будет повсюду. Его последним домом является Das Keyboard 5Q, самопровозглашенная как первая компьютерная клавиатура с поддержкой облачных вычислений. Некоторые логические следующие вопросы обязательно последуют. А именно, что такое клавиатура с поддержкой облачных вычислений, и почему вы хотите такую ​​вещь ? Оба из них немного сложны, чтобы ответить.…

5 советов для ввода в эксплуатацию иллюстрации

Вы просматривали разные портфолио дизайнов целую вечность, и вы наконец нашли идеальный иллюстратор для совместной работы над вашим последним проектом. Но как вы убедитесь, что получите от них самое лучшее? Читайте пять советов ведущих агентств о том, как правильно привести иллюстрации. 01. Установите четкую краткую Ввод в эксплуатацию большой иллюстрации — это отличная коммуникация. Чтобы…