Илья Бирман о формах ввода данных кредитки

Дизайнеры забывают посмотреть на кредитку, когда берутся делать форму для ввода её данных.

На кредитке срок пишут так: 08/15.

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

Нет ничего тупее выпадающей выбиралки четырёхзначного года. Причём ведь изначально не выбрано ничего, поэтому я ещё не знаю, что автор — дебил, спокойно перевожу фокус на поле табом и пишу 15. Но получаю хрен, ведь чтобы угодить надо писать 2015!

Вообще, выпадающие выбиралки тут ни к чему. Надо поставить два цифровых двухзначных поля и слеш между ними.

Из заметки Ильи «Формы ввода данных кредитки».

Артём Горбунов о правильных вопросах

Виталий Кузнецов: дизайн — это проектирование. У нас в России понимают под дизайном внешний вид и всё что угодно, но никак не процесс. Как вы доносите своим клиентам, что дизайн — это не внешний вид, а совершенно иная деятельность?

Артём Горбунов: если к моменту первой встречи клиент всё же почти ничего о вас не знает, мнение о вашей работе ему помогут составить ваши вопросы. Если будете спрашивать о внешнем виде, решит, что вы занимаетесь оформлением. Заговорите о товарах и услугах клиента — поймёт, что вы хотите копать глубже. Тут он и задумается, какой подход ему нужен.

Пишите важное в начале

Какими бы клёвыми ни были тексты, в большинстве случаев их никто не будет читать. Пользователи работают быстро и невнимательно. Адаптируйте тексты для беглого чтения. Соль в том, чтобы самая важная информация в предложении стояла в начале. Например: «В целях безопасности совершения перевода средств на другой счет, на ваш мобильный +7…1245 отправлено смс с проверочным кодом».

Важная информация всегда должна быть впереди: «На ваш мобильный +7…1245 отправлено смс с проверочным кодом. Это сделано в целях безопасности совершения перевода средств на другой счет».

В статье «Дюжина дизайнерских косяков» есть толковые / капитанские (подчеркните верное) советы дизайнерам по компоновке и даже по вёрстке, но добрая половина — посвящена текстам.

Поиск по принципу разумной достаточности

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

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

Такое поведение обозначается термином «разумная достаточность» и является хорошо изученной в области психологии стратегией принятия решений.

Миф №15: Пользователи всегда делают оптимальный выбор.

ГОСТ по юзабилити

С недавнего времени в России есть национальный стандарт по юзабилити, официально называемый ГОСТ Р ИСО 9241-210-2012 «Эргономика взаимодействия человек-система. Часть 210. Человеко-ориентированное проектирование интерактивных систем».

Почему этот документ — не пустой звук, — узнать можно из небольшой вводной статьи по ссылке. Мы любим квесты, поэтому ссылку на сам нацстандарт вы найдёте в той статье.

Тем, кто ещё не успел ознакомиться, теперь есть, что почитать на выходных.

Артем Геллер о требованиях к проектировщикам

Пожалуйста, не лезьте в проектировщики, пока не поставите галки под всеми пунктами:

  • Я был хорошим дизайнером.
  • Я был менеджером.
  • Я очень много общался с программистами и технологами и даже сам могу.
  • Я принимал участие в десятках проектов.
  • Я изучаю пользователей, статистику и аналитику, но это не единственный или приоритетный источник. Я не прикрываю этими данными любые свои решения.
  • Я постоянно учусь.

Если галок в каком-то месте нет, то вы — вредитель.

P.S. Мы к перечню Артема Геллера можем добавить разве что знаков препинания.

Раскладка клавиатуры QWERTYUIOP

В 1870-е годы изобретатель пишущей машинки Кристофер Шоулз совершенствовал раскладку клавиатуры, он поместил в верхний ряд буквы QWERTYUIOP, чтобы продавцы могли эффектно выбивать название устройства — TYPE WRITER, — поражая покупателей.

С тех пор прошло много лет, фирмы Remington, которая первой использовала изобретение в массовом производстве, давно нет, да и с самими пишущими машинками проблемы, но вот название осталось, а вместе с ним — соответствующая раскладка.

Это при том что расположение букв на QWERTY-клавиатуре далеко не оптимальное, существуют гораздо более эргономичные раскладки вроде «клавиатуры Дворака». Но менять её никто не собирается — все слишком к ней привыкли.

Из статьи «Изменения как колея: Александр Аузан об экономических болезнях России».

Подкасты по теме UX & UI

Мы решили посвятить заметку подкастам по теме UX & UI. Пока что их встретилось всего 2. На отдельные выпуски мы ссылались ранее, так что внимательные читатели ничего нового не обнаружат:

Метрика
Ведут его Платон Днепровский из UIDG и Дмитрий Кабанов. Последние выпуски тематические, хотя встречаются и просто интервью с интересными персонами. Представлены в iTunes. Раньше выходили еженедельно. О закрытии подкаста не объявлялось, но последний выпуск датирован аж 30 октября.

UX Bastards
Ведёт Андрей Зайцев, менеджер продукта в ivi.ru. Записано 12 интервью с разными проектировщиками и дизайнерами. Периодичность выхода, судя по всему, случайная. Чтобы слушатели особо не завышали ожидания, на входе написано «независимый подкаст на коленке».

Посоветуете что-нибудь ещё?

Джефф Раскин о подтверждении операции

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

Из книги Джеффа Раскина «Интерфейс: новые направления в проектировании компьютерных систем».