проектирование — Страница 3

Бесконечный скрол, пагинация и кнопка «Загрузить ещё»

Статью «Infinite Scrolling, Pagination Or „Load More“ Buttons? Usability Findings In eCommerce» написал Кристиан Холст 1 марта 2016 года. Сокращённый перевод: 14 минут чтения на английском → 5 минут на русском.

Baymard Institute исследует интерфейсы интернет-магазинов и публикует результаты своих наблюдений. Из тех, что я перевёл:

Сооснователь института Кристиан Холст сравнил шаблоны представления списка товаров:

Автоматическая подгрузка («бесконечный скрол»);
Постраничная навигация («пагинация»);
Кнопка «Загрузить ещё».

Постраничная навигация — решение по умолчанию на многих платформах электронной коммерции, поэтому встречается чаще всего. «Бесконечный скрол» иногда бывает неудобен: в результатах поиска и на мобильных. А вот «Загрузить ещё» в сочетании с «ленивой» подгрузкой товаров создаёт приятный опыт использования.

Axure 7 для начинающих за 100 минут

В Epic Skills я рассказываю начинающим дизайнерам об Axure, инструменте для создания интерактивных прототипов. В течение 3 часов (минус небольшой перерыв) объясняю, как работают те возможности программы, которые нужны мне для большинства проектов. И закрепляю знания практикой.

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

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

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

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

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

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

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

Зачем

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

Концептуальное проектирование

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

Цель

Концептуальное проектирование необходимо, когда система большая, в ней много ролей, бизнес-процессов и отклонений от них у конкретных клиентов. Такие системы теряют единообразие и превращаются во Франкенштейна. Их сложно поддерживать. Вспомните разнообразие панелей в MS Office до 2007 года.

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

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

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

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

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

UX by Geeks

Пересказ доклада Артёма Тиунова из Jetbrains на IT Global Meetup 5, который прошёл 6 июня 2015 года в Санкт-Петербурге.

Главные мысли:

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

Популярный принцип работы с интерфейсом: Найди → прицелься → жми.

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

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

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

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