Пришло время заполнить пробел в разработке дизайна

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

UX и HTML5: Поможем пользователю заполнить вашу мобильную форму. 4/4

Это четвёртая и последняя статья в серии советов по улучшению UX мобильных форм. Предыдущие части вы найдёте здесь: первая, вторая, третья. Авто в HTML5: Автоисправление, Автозаполнение, Автокапитализация и Автофокус В HTML5 есть масса автоматических аттрибутов. Для улучшения мобильного UX нужно решить, что можно перевести в автоматический режим, а что не стоит. Вот несколько основных правил: Отключите автоисправление там, где словари слабо справляются: email, номера, имена, адреса, города,…

UX и HTML5: Поможем пользователю заполнить вашу мобильную форму. 1/4

Вы тестируете свои формы на реальных пользователях и реальных девайсах? Нет? А следовало бы. В этой статье рассмотрим некоторые методы, которые помогут прокачать ваши формы и облегчить пользователям процесс их заполнения. Формы — одни из наиболее базовых и основных путей взаимодействия пользователей с вашими вебсайтами (и мобильными приложениями). Они связывают людей и помогают им…

UX и HTML5: Поможем пользователю заполнить вашу мобильную форму. 2/4

Это вторая часть в серии статей «UX и HTML5: Поможем пользователю заполнить вашу мобильную форму». Первую часть ищите по ссылке. По возможности скажите «нет» дропдаунам на мобильных Дропдауны, или раскрывающиеся списки (элемент выбора HTML) в вебе требуют множества табов и взаимодействий. Поэтому, как сказал Люк Вроблевски, в UI они должны использоваться…

UX и HTML5: Поможем пользователю заполнить вашу мобильную форму. 3/4

Перед вами третья часть серии статей по усовершенствованию мобильных форм для удобства пользователей. В первой и второй частях мы рассмотрели несколько общих рекомендаций относительно того, как улучшить читабельность в формах, как подобрать правильное расположение и размер подписей, а также поговорили о способах снижения стоимости взаимодействия и о работе с ошибками. В этой части я бы хотела уделить внимание особым возможностям мобильных устройств. В HTML5 есть по-настоящему классные штуки, используя…