Микротекст: часть интерфейса, сильно влияющая на UX

Статью «Microcopy: Tiny Words With A Huge UX Impact» написал Николай Бабич 1 марта 2016 года.

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

Что это

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

Читать далее Микротекст: часть интерфейса, сильно влияющая на UX

Лучшая иконка — это текст

Статью «The best icon is a text label» написал Томас Байтибер 23 марта 2015 года.

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

Читать далее Лучшая иконка — это текст

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

Статью «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 правил дизайна каруселей для главных страниц

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

Статью «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). Сделать интерфейс доступным — это в целом инженерная задача, но работа будет и для разработчиков, и для проектировщиков: новые кейсы, новые фичи.

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

О чём вы никогда не догадаетесь, пока не протестируете

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

Павел Плотников (слева). Фотография Никиты Ефимова
Читать далее О чём вы никогда не догадаетесь, пока не протестируете

Влияние технологических компаний на дизайнерские портфолио

Краткий перевод статьи «The Death of Design Portfolios» Рейчел Бергер от 26 августа 2019 года.

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

Читать далее Влияние технологических компаний на дизайнерские портфолио