Плюс лучше уголка

Статью «Plus Sign Better Than Chevron For Show/Hide Content» написал Джеймс Фостер 20 февраля 2015 года.

Иногда нужно скрыть содержимое и позволить пользователю его раскрыть. App Store для этого активно использует слово «Еще»:

Хотя «Еще» труднее найти чем то, что было раньше.

Чем плох плюс

В одном UX-исследовании плюс не зашёл. Фактически, один из респондентов сказал: «Плюс — это добавление чего-либо, а я ничего добавлять не собираюсь». Мда.

Проект был связан с бухгалтерией и финансами, возможно, поэтому плюс привёл к путанице.

Читать далее Плюс лучше уголка

8 правил дизайна каруселей для главных страниц

Статью «8 UX Requirements for Designing a User-Friendly Homepage Carousel» написал Джейми Эплсид 13 января 2015 года.

Карусели часто встречаются в интернет-магазинах. Особенно на главных страницах. Мы обнаружили их на главных страницах десктопных версий 52% топовых американских интернет-магазинов. Мы ещё не закончили соответствующее исследование, но предварительные данные показывают, что на мобильных версиях карусели тоже популярны.

Примечание переводчика: desktop site переводится как «версия сайта для настольных компьютеров», но в тексте я пишу «десктопная версия» ради лаконичности и противопоставления «мобильной версии».

Полезны ли карусели пользователям? Или единственная их цель — примирить отделы интернет-магазина, дерущиеся за баннерное место на самом видном месте? Ответ прост: карусели на главных страницах могут быть полезны, но часто на практике работают они очень плохо. Исследование выявило 8 проблем в реализации каруселей. Проблемы и решения отличаются для мобильных и десктопных версий сайтов.

Читать далее 8 правил дизайна каруселей для главных страниц

89. Продуктовый проектировщик интерфейсов

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

Читать далее 89. Продуктовый проектировщик интерфейсов

88. Правила написания интерфейсного текста

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

Читать далее 88. Правила написания интерфейсного текста

87. Результат проектирования

В этой рассылке Проектората: о результате проектирования, как заставить читать документацию, зачем писать ФС к интерфейсам, видео с ProfsoUX 2019 года, мысли о продуктоводстве, идеальный customer journey посетителя ресторана, интервью с Денисом Башевым, нюансы исследований с помощью интервью.

Читать далее 87. Результат проектирования

Избегайте многоколоночных форм

Статью «Form Field Usability: Avoid Multi-Column Layouts» написал Джейми Эплсид 8 марта 2011 года.

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

Вкратце: не надо в формах располагать поля в несколько колонок.

Читать далее Избегайте многоколоночных форм

Как показывать древовидные обсуждения в вебе

Статью «How to display threaded discussions on the web» написал 21 сентября 2015 года Rian van der Merwe, директор по дизайну продукта Jive Software и автор книги Making It Right: Product Management For A Startup World.

Я работал над древовидными обсуждениями и комментариями в своём приложении для веба и мобильных. Пытался понять, что делать с бесконечным ветвлением, пример которого можно встретить на Hacker News и Reddit. И решил, что рассказ о моих изысканиях будет полезен.

Читать далее Как показывать древовидные обсуждения в вебе

Зачем проектировать доступный интерфейс. Взгляд из бизнеса

Доклад Виктора Ерофеева из CG Projects Group. Секция UX SPb на IT Global Meetup 6, который прошёл 28 ноября 2015 года в Санкт-Петербурге.

Зачем

Доступный интерфейс учитывает проблемы пользователей с ограниченными возможностями. Не путаем доступность (accessibility) и юзабилити (usability). Сделать интерфейс доступным — это в целом инженерная задача, но работа будет и для разработчиков, и для проектировщиков: новые кейсы, новые фичи.

Читать далее Зачем проектировать доступный интерфейс. Взгляд из бизнеса

86. Канцеляризмы

В этой рассылке Проектората: как созваниваться по телефону, видео с петербургского Design Prosmotr 2018 года, о красном цвете в ночном режиме интерфейса, способах отображения цены, канцеляризмах, способе проектировать быстрее, особенностях подхода к дизайну в реальном производственном секторе.

Читать далее 86. Канцеляризмы

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

В этой рассылке Проектората: как общаться с другими людьми (мнение Егора), о добавлении и поиске данных в таблицах, всплывающих подсказках, страницах-заглушках, Турбостраницах и AMP, работе с Google Optimize для проведения АБ-тестов.

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