Текст в прототипе — 2

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

Егор Камелев даёт проектированию такое определение: «Это процесс визуализации хотелок заказчика с учётом переменных, о которых он узнает лишь во время этого процесса».

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

Читать далее Текст в прототипе — 2

Текст в прототипе

Проектировщик не должен писать?

В докладе на ITGM #10 Ольга Павлова из КБ «Собака Павлова» сказала, что проектировщик не должен писать текст в своих проектах вплоть до микротекста. При этом контент в прототипе должен быть реалистичным — никакой рыбы или lorem ipsum.

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

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

Виды текста

Я выделяю следующие:

  1. Постоянно меняющийся: анонсы и текст новостей, имена сотрудников, UGC (user generated content);
  2. Справочный: о компании, политика конфиденциальности;
  3. Решающий определённые задачи: преимущества компании, порядок работы, способы оплаты и доставки, список наград;
  4. Микротекст: подписи к полям, надписи на кнопках, пункты меню, служебные сообщения.
Читать далее Текст в прототипе

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

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