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

Статью «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 года. Райан — директор по дизайну продукта Jive Software и автор книги «Making It Right: Product Management For A Startup World».

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

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

Раздвигающееся меню: результат тестирования иконок и их положения

Статью «Testing Accordion Menu Designs & Iconography» написал Ленс Гатин 18 февраля 2015 года.

Раздвигающееся меню или аккордеон (accordion menu) — рабочая лошадка среди интерфейсных паттернов, которая превращает длинные списки объектов в короткие списки групп. Хорошо работает в навигационных меню и особо хорошо — в поисковых фильтрах.

Читать далее Раздвигающееся меню: результат тестирования иконок и их положения

Защита от вредных запросов на фичи

Статью «Put an end to feature creep» написали специалисты компании Intercom.

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

Читать далее Защита от вредных запросов на фичи

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

Статью «Why Users Miss Form Buttons Placed in the Action Bar» написал редактор UX Movement Энтони от 2 июня 2015 года.

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

Трата даже нескольких секунд на поиск кнопки напрягает пользователя и ведёт к тому, что он нажимает «Назад». Кнопка отправки должна быть прямо перед ним в тот момент, когда он заполнил последнее поле.

Исследование показало, что пользователи часто не видят кнопок отправки формы и сохранения изменений, если они — на панели действий (action bar, navigation bar). Пользователи уходят, оставив изменения несохранёнными.

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

Лучший стиль вайрфрейма

Статью «Why the Best Wireframe Style Is No Style» написал редактор UX Movement Энтони 21 апреля 2015 года.

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

Молоток

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

Читать далее Лучший стиль вайрфрейма

5 мифов об информационной архитектуре

Статью «What you know about information architecture, might not be true» написал Пол Боаг 4 ноября 2014 года.

В последнее время термин информационная архитектура встречается не так часто. Люди много говорят о том, как понять потребность пользователя и дать ему подходящий контент. И совсем мало о том, как ему этот контент найти.

Причина в том, что тема уже тщательно проработана. Написаны отличные книги, например, «Информационная архитектура» Питера Морвиля, и блогерам просто нечего добавить.

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

Читать далее 5 мифов об информационной архитектуре

Краткая история иконки-гамбургера

Статью «A Brief History of the Hamburger Icon» написала Карла Урбина 29 октября 2014 года.

Гамбургер и иконка-гамбургер
Гамбургер и иконка-гамбургер

Все мы видели иконку-гамбургер. Фактически, большинство использует её каждый день. Она стала стандартом в дизайне сайтов и приложений. Прямо сейчас я вижу её в правом-верхнем углу своего Google Chrome.

Читать далее Краткая история иконки-гамбургера