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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хватит путать вайрфреймы, прототипы и мокапы

Примечание: попытки перевести wireframe и mockup породили уже, наверное, дюжину терминов разной адекватности и распространённости. Я это учёл и в статье ограничился простыми «вайрфрейм» и «мокап», чтобы каждый подставил такие русификации, какие заведены у него в компании.

Wireframe

Вайрфрейм

Что такое вайрфрейм?

Вайрфрейм — это низко детализированное представление дизайна. Он чётко должен показывать:

  • Основные группы содержимого. Что?
  • Информационную структуру. Где?
  • Описание взаимодействия пользователя с интерфейсом и его примерную визуализацию. Как?

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

Читать далее Хватит путать вайрфреймы, прототипы и мокапы

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

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

Формы состоят из самых разных элементов интерфейса. Если вы не знаете, как правильно с ними обращаться, вы можете сильно усложнить заполнение форм. Чаще всего ошибаются, применяя выпадающие списки (select menu).

Когда использовать

Иногда можно встретить выпадающие списки с 2 вариантами, иногда — с более чем 20. В обоих случаях это неправильно. Если у пользователя есть менее 5 вариантов выбора, следует использовать радиокнопки. Так выбор будет проще и быстрее, потому что пользователю нужно лишь взглянуть на варианты и один раз кликнуть. С выпадающим списком ему нужно нажать на него, найти подходящий вариант и кликнуть снова. Также другие варианты не видны, пока вы не нажмёте на выпадающий список. Если их меньше 5, лучше наглядно показать их в форме в виде радиокнопок — пользователи смогут быстро их просмотреть.

select-menus-1

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

Работает ли геймификация для клиентского сообщества

В июле 2012 мы геймифицировали наше интернет-сообщество Topliners. До этого у нас были очки и статусы для участников разного уровня, но у пользователей не было чёткого представления, как у них обстоят дела по сравнению с коллегами. С запуском модуля по геймификации на главной странице появился список лидеров, где пользователи могли увидеть своё положение в сообществе из 7000 участников и своих ближайших соперников. Мы также добавили значки: маленькие иконки, которые появляются в профиле участника сообщества после выполнения им ряда действий.

Результат геймификации сообщества Topliners

Читать далее Работает ли геймификация для клиентского сообщества