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

Немного сокращённый перевод статьи Кристиана Холста из Baymard Institute.

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

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

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

Всплывающие подсказки — зло

Перевод статьи Пулкита Агравала (Pulkit Agrawal) «Почему всплывающие подсказки — зло. И почему их нужно использовать».

Сервис Braid пригласил его исправить процесс знакомства. Положение было плачевным:

Читать далее Всплывающие подсказки — зло

Интерфейсная борьба с расизмом

Нашёл интересный пример влияния на пользовательское поведение через небольшие изменения интерфейса.

Снижение количества расистских сообщений

Nextdoor — социальная сеть для соседей. В разделе «Преступления и безопасность» участники сообщают о подозрительной активности в окрестностях.

Проблема в том, что сообщения часто основываются только на цвете кожи «подозрительных личностей». Генеральному директору и сооснователю Nextdoor Нираву Толии узнать об этом было особенно неприятно, так как… вот его фото:

Читать далее Интерфейсная борьба с расизмом

Как пароль изменил мою жизнь

Эти события произошли между :-( и :-)

«Как она могла так поступить со мной?» — раздавалось у меня в голове. Постоянно. Каждый день.

В 2011 году, когда везде были градиенты, иконки iOS имели смысл, а люди пользовались дезодорантами, я погряз в глубочайшей депрессии из-за развода.

К счастью, я оказался достаточно сообразительным, чтобы найти способ остаться на плаву (плюс, со мной были замечательные люди).

Однажды я пришёл в офис и начал свой день перед экраном компьютера. Всё было хорошо, пока я не увидел сообщение:

Ваш пароль устарел. Нажмите «Заменить пароль», чтобы заменить ваш пароль.

Читать далее Как пароль изменил мою жизнь

Архив рассылки UX-проектировщика

С августа 2016 по июнь 2017 года каждую неделю я писал небольшие статьи на тему проектирования и дизайна: переводы, пересказы или собственные мысли. Подписка стоила 150 рублей в месяц.

Сделал список выпусков. Часть доступна бесплатно, со временем опубликую ещё. Если какая-то тема заинтересовала, выпуски продаются в базе знаний Проектората.

Читать далее Архив рассылки UX-проектировщика

Глупые смарт-часы

Эссе Дона Нормана

Я спал, когда часы на запястье начали вибрировать. Они продолжали и продолжали — достаточно долго и сильно, чтобы разбудить меня.

Было 4:30 ночи.

Я сонно посмотрел на них. Пиктограмма сообщала о разрядившемся аккумуляторе и выключении часов.

«Спасибо, что дали знать», сказал я немного другими словами, снял часы и забросил их в угол, где они и лежат уже неделю. Спасибо, Sony, за такие умные-преумные часы.

Читать далее Глупые смарт-часы

Стиральная машина для мужчин

Переделка интерфейса стиральной машины

За последние 2 года я пожил в 6 разных местах. Везде мне приходилось пользоваться стиральными машинами, и это были мучения! Мне стало интересно, и я расспросил своих друзей, сталкиваются ли они с той же проблемой. Да, сталкиваются. Я понял, что в большинстве мои друзья всегда использовали одну и ту же программу стирки.

Возможно, проблема была только у меня и моих друзей, и я отправился гуглить. Я наткнулся на исследование из Великобритании, основной результат которого гласил:

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

В эпоху самоуправляемых автомобилей более половины мужчин не умеют пользоваться стиральными машинами?

Читать далее Стиральная машина для мужчин

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

Когда продукт близок к запуску, я становлюсь перфекционистом. Любой невыровненный элемент или неудобное взаимодействие — как бельмо на глазу. Всегда найдётся с дюжину мелких ошибок внедрения дизайна, которые отвлекают меня каждый раз, когда я на них натыкаюсь. Как будто всё поломалось.

Но для остальной команды продукт выглядит нормально. Он работает. Они спрашивают: «Улучшит ли наш продукт смещение этой кнопки на 3 пикселя?» И спорят: «Когда мы в прошлый раз исправили мелкий баг с дизайном, для продукта не было никакой разницы». И команда принимается за следующую большую идею или набор фич.

Если вы похожи на меня, то вы понимаете, как это расстраивает. Как дизайнеры мы несём ответственность за качество взаимодействия от начала и до конца. Но в то же время мы находимся во власти наших команд. Мы можем создать красивый и сложный дизайн с восхитительными деталями, но мы не можем всё это разработать, протестировать и выложить.

Как нам убедить инженеров и других коллег внимательно относиться к мелочам в дизайне? Я много боролся с этим. И вот, что я понял.

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

Редизайн наугад

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

— Итак, как бы вы изменили главную страницу Амазона?

Читать далее Редизайн наугад

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

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

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

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

1. Закон ясности

Пользователь избегает непонятных элементов интерфейса.

Абстрактная иконка меню в Gmail

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