В этом выпуске: статьи об упрощении ввода номера карты, проектировании автобусной остановки, правильном рассказе о продукте, формах подписки на рассылку, мысли дизайнера из компании Lego.
Ввод номера пластиковой карты
Кристиан Холст из Baymard Institute по итогам большого исследования чекаута написал, как упростить ввод номера карты.
Рассмотрены: разделение номера на блоки, валидация с учётом пробелов и разной длины номера, форматы и разметка номера (есть шпаргалка). Основные рекомендации:
- Дайте пользователям ввести пробелы в поле ввода номера карты;
- Сайты не должны запрещать символ пробела и устанавливать ограничения на количество символов;
- В идеале поле должно на лету форматировать введённый номер;
- Для номеров карт VISA, MasterCard, JCB и Discover, состоящих из 16 цифр, можно автоматически добавить пробел после каждой 4-й цифры;
- Для состоящей из 15 цифр AMEX — использовать схему 4−6−5.
Автобусная остановка
Интересный кейс создания автобусной остановки, который не ограничился красивыми макетами. Внутри: 4 месяца согласования с мутными экспертами, выдающееся качество работы подрядчиков, создание официальной транспортной схемы. И это за свой счёт, без намерения залезть в бюджет.
Раз в две недели начали ходить на заседания градостроительного совета и рассказывать о нашем проекте. Раз в две недели нам отказывали. Причин было много, но основные три: она была чёрной, на ней не было функции обращения к правительству и она не несла патриотической нагрузки. Да. Управление транспорта ставило остановки из металла со скамейками, раскрашенными в триколор.
Раз в две недели мы объясняли, что тёмный цвет и прозрачные стенки делают её менее заметной в среде. Что ржавчина и теги не так бросаются в глаза. На каждом заседании повторяли, что разукрасить остановку в триколор и поставить тачскрин с возможностью написать сообщение правительству не кажется нам возможным. Каждый раз нам отказывали. Так прошло 4 месяца. Мы продолжали ходить.
(Самая популярная ссылка в этой подборке, если судить по количеству лайков в ВК.)
Рассказ о продукте
Страницы с описанием продукта часто скатываются в перечисление его свойств или, наоборот, эмоциональные формулировки преимуществ. Пользователи покидают их с вопросом «Что делает этот продукт на самом деле?»
Чтобы такого не происходило, Мэтт Ходжес рекомендует (и показывает, как это делает Intercom):
- Поймите, ради какой работы пользователи нанимают ваш продукт (методика JTBD);
- Определите, на какие вопросы и в каком порядке следует ответить;
- Подумайте, как на страницу попадут люди без конкретного образа продукта, и поправьте текст и URL;
- Покажите на первом экране, как продукт справляется с работой;
- Если есть возможность, добавьте объясняющие видео (не длиннее 2 минут);
- Используйте прилипающую шапку со ссылками на ключевые разделы, чтобы облегчить навигацию;
- Покажите, из каких подзаданий складывается выполнение работы;
- Расскажите, за счёт какой функциональности это возможно (функции необходимые, плюс, отличающие продукт от конкурентов);
- Предъявите доказательства качества: покажите клиентов и достигнутые ими результаты;
- Помогите определить, сколько продукт будет стоить;
- Дайте возможность легко перейти к регистрации: разместите несколько призывов к действию;
- Измеряйте эффективность страницы и тестируйте другие варианты.
Форма подписки на рассылку
Михаил Кафанов написал, почему в форме подписки на рассылку не стоит писать «без спама».
Во многих формах подписки на email-рассылку встречается фраза «без спама» и её вариации. Не уверен, существовали ли времена, когда любой бизнес тут же присылал новому пользователю тонны спама, но это не так важно.
Продавать рассылку обещанием не присылать спам — всё равно что продавать пиццу, обещая не добавлять в неё крысиные хвосты. Мы как вид уже давно условились, что в пицце не должно быть крысиных хвостов, а в рассылках — спама.
Оставляя «мы не будем присылать спам», бизнес говорит пользователям «да, наши стандарты настолько низки», лишает их действительно полезной информации (содержание рассылки и частота выхода) и сужает пространство для экспериментов в духе очень личных обращений.

Мысли дизайнера из компании Lego
Джонатан Бри написал, чему он научился, работая дизайнером в Lego:
- Надо думать о пути клиента в целом, а не только о взаимодействии с вашим продуктом;
- Продукт должен быть не только функциональным, но и приятным в использовании. Эта идея отлично раскрыта в книге Аарона Уолтера «Эмоциональный веб-дизайн»;
- Думайте руками — делайте физические прототипы;
- Если решение не учитывает какие-то нюансы, можно добавить костыль, но лучше придумать концептуально новое решение, которое учтёт всё;
- Прототипы должны быть грубыми, чтобы делаться быстро, снизить входной барьер и избавить участников от страха ошибиться;
- Будьте готовы к изменению планов.
Вот только я не понял, причём тут Lego? Идеи правильные, но уже множество раз сформулированные дизайнерами и без пластикового допинга.