формы — Антон Григорьев

Ввод номера кредитной карты

Статью «The ‘Credit Card Number’ Field Must Allow and Auto-Format Spaces» написал Кристиан Холст 11 января 2017 года. Немного сокращённый перевод.

Всем пользователям во время чекаута приходится вводить номер карты, если, конечно, на сайте нет оплаты через Apple Pay или пользователь не сохранил параметры карты в «связке ключей».

Безошибочно ввести 15−16 цифр — непростая задача для большинства из них. Большое исследование удобства чекаута, проведённое Baymard Institute, показало, что трудно не только вводить номер карты, но и проверять корректность ввода. При этом обычные опечатки приводят к ошибкам валидации формы и вынуждают пользователей отказываться от покупки.

Чекбоксы и радиокнопки для gov.uk

Статью «We’ve updated the radios and checkboxes on gov.uk» написал Тим Пол 30 ноября 2016 года.

В Великобритании есть организация Government Digital Service, развивающая местные госуслуги. У неё есть блог с заметками о дизайне, где они написали, как и почему обновили стиль чекбоксов и радиокнопок в сервисах gov.uk.

Избегайте многоколоночных форм

Статью «Form Field Usability: Avoid Multi-Column Layouts» написал Джейми Эплсид 8 марта 2011 года.

Мы исследовали процесс чекаута в интернет-магазинах и увидели, как пользователи работают с формами, скомпонованными в несколько колонок.

Вкратце: не надо в формах располагать поля в несколько колонок.

Почему пользователи не видят кнопок на панели действий

Статью «Why Users Miss Form Buttons Placed in the Action Bar» написал редактор UX Movement Энтони от 2 июня 2015 года.

Расположение кнопок в мобильных формах влияет на эффективность выполнения задач. Если пользователь не находит кнопку там, где ожидает, он может покинуть форму и провалить задачу.

Трата даже нескольких секунд на поиск кнопки напрягает пользователя и ведёт к тому, что он нажимает «Назад». Кнопка отправки должна быть прямо перед ним в тот момент, когда он заполнил последнее поле.

Исследование показало, что пользователи часто не видят кнопок отправки формы и сохранения изменений, если они — на панели действий (action bar, navigation bar). Пользователи уходят, оставив изменения несохранёнными.

7 нерушимых законов дизайна пользовательского интерфейса

Статью «7 unbreakable laws of user interface design» написал Питер Вукович (смотрит на вас с иллюстрации третьего закона) 15 января 2014 года.

Вы веб-дизайнер? Если так, значит вы также и дизайнер пользовательских интерфейсов. И в ближайшем будущем эта роль станет для вас ещё более значимой.

Сейчас у сайтов простые интерфейсы, на уровне навигации и контактных форм, но развитие новых технологий и стандартов создаст спрос на более динамическое и специализированное взаимодействие.

Это неминуемо приведёт к тому, что работы над интерфейсами станет больше. Давайте посмотрим, что нужно помнить.

Состояние чекбокса по умолчанию

Кейс из доклада Дэна Ариели Are we in control of our own decisions? на TED.

Диаграмма показывает процент водителей, указавших, что они готовы посмертно пожертвовать органы для трансплантации.

Процент водителей, согласившихся стать донорами

В первой группе стран наблюдается высокая готовность к пожертвованию. Во второй — значительно меньшая. Даже страны, которые мы воспринимаем весьма схожими, отличаются с точки зрения пожертвования органов: Швеция и Дания, Германия и Австрия, Нидерланды и Бельгия.

Читать далее Состояние чекбокса по умолчанию

Линч формы заказа билетов на мероприятия с kudago.com

После своей публикации на хабре (про выпадающие списки) я получил сообщение с вопросом о юзабилити. Ответ на вопрос вылился в линч формы с сайта kudago.com.

Форма заказа билетов на мероприятия с kudago.com

Читать далее Линч формы заказа билетов на мероприятия с kudago.com

Хватит неправильно использовать выпадающие списки

Статью «Stop Misusing Select Menus» написал редактор UX Movement Энтони 22 января 2013 года.

Примечание: в разных компаниях и даже среди разных специалистов одной компании встречаются различные варианты перевода select menu, dropdown menu и т.п. Я использую привычные мне русскоязычные термины. Оригинальные на всякий случай указаны в скобочках.