Веб формы: распространенные ошибки и как их исправить / Веб-форми: розповсюджені помилки та способи їх вирішення

источник: https://uxdesign.cc/design-better-forms-96fadca0f49c
0джерело: https://uxdesign.cc/design-better-forms-96fadca0f49c
Жизнь коротка. Никто не хочет заполнять формы. Будьте общительным. Будьте веселым. Вовлекайте пользователя постепенно. Удивляйте. Роль дизайнера в том, чтобы выразить бренд своей компании, чтобы вызвать эмоциональную реакцию. Если все сделано правильно, это увеличит скорость заполнения. Просто убедитесь, что вы не нарушаете правила, перечисленные выше.
0Життя коротке. Ніхто не хоче заповнювати форми. Будьте товариським. Будьте веселим. Залучайте користувача поступово. Дивуйте. Роль дизайнера у тому, щоб виразити бренд своєї компанії, щоб викликати емоційну реакцію. Якщо все зроблено правильно, це збільшить швидкість заповнення. Просто переконайтеся що ви не порушуєте правила, перераховані вище.
Сделайте процесс забавным
0Зробіть процес кумедним
Сбор данных все чаще и чаще автоматизируется. Например, мобильные устройства и интернет вещей собирают большие объемы данных без ведома пользователя. Подумайте о том, как можно использовать диалоговый UI, SMS, OCR, e-mail, голос, размещение, отпечатки пальцев, биометрию, и т.п.
0Збирання даних все частіше й частіше автоматизується. Наприклад, мобільні пристрої та розумні годинники збирають великі об'єми даних без погодження користувача. Подумайте про те, як можна використати діалоговий UI, SMS, OCR, e-mail, голос, розміщення, відбитки пальців, біометрію, і т.д.
Опустите необязательные поля и подумайте о других способах сбора данных. Всегда спрашивайте себя, можно ли отложить вопрос, или полностью его исключить.
0Опустіть необов'язкові поля і подумайте про інші способи збору даних. Завжди питайте себе, чи можна відкласти питання, або повністю його виключити.
Зачем спрашивать?
0Навіщо питати?
(картинка) Пользователи думают комплексно, поэтому создание логических групп поможет им быстрее распознать контент.
0(картинка) Користувачі думають комплексно, тому створення логічних груп допоможе розпізнати контент.
Сгруппируйте связанную информацию
0згрупуйте пов'язану інформацію
(картинка) Пользователи не всегда знают, что обозначает символ *, поэтому, вместо него, необязательные поля лучше обозначать словесно.
0(картинка) Користувачі не завжди знають, що значить символ *, тому, замість нього, необов'язкові поля краще позначати словесно.
Вместо * используйте словесное обозначение необязательных полей
0Замість * використовуйте словесне позначення необов'язкових полів
(картинка) Длина поля должна говорить о длине предполагаемого ответа. Применяйте эту практику для полей, с определенным количеством символов, например, в случае с полями ввода номера телефона, почтового индекса, и т.д.
0(картинка) Довжина поля має говорити про довжину передбачуваної відповіді. Застосовуйте цю практику для полів, із визначеною кількістю символів, наприклад, у випадку з полями введення номера телефону, поштового індекса, і т.д.
Используйте длину поля в качестве аффорданса
0Використовуйте довжину поля у якості аффорданса
Отделите основные действия от второстепенных
0Відокремте основні дії від другорядних
(картинка) По возможности показывайте вспомогательный текст. Если текст сложный, то рассмотрите вариант его размещения возле поля ввода, когда оно находится в фокусе.
0(картинка) При можливості показуйте додатковий текст. Якщо текст складний, то розгляньте варіант його розміщення біля поля для введення, коли воно знаходиться у фокусі.
Не скрывайте основной вспомогательный текст
0Не приховуйте основний текст-підказку
(картинка) Не применяйте встроенную проверку в то время, когда пользователь печатает, за исключением тех случаев, когда это может ему помочь, например, при создании пароля, имени пользователя, или сообщения с ограниченным количеством символов.
0(картинка) Не застосовуйте перевірку в той час, коли користувач друкуж, за виключенням тих випадків, коли це може йому допомогти, при створенні пароля, імені користувача, або повідомлення із обмеженою кількістю символів.
Используйте встроенную проверку только после того, как пользователь заполнит форму
0Використовуйте перевірку тільки після того, як користувач заповнить форму
(картинка) Покажите пользователю где именно была допущена ошибка и по какой причине.
0(картинка) Покажіть користувачу де саме було припущено помилки і з якої причини.
Укажите причину ошибок
0Вкажіть причину помилок
(картинка) Все СТА должны выражать намерение
0(картинка) Всі CTA мають виражати намір

Резюме
Стать:
чоловік
Рідна мова:
українська
З нами:
з 11 жовтня 2016 р. (709 днів)
Діяльність:
540 версій перекладу з загальним рейтингом 3
91 коментар
Написати TSpell приватне повідомлення