проектирование — Страница 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 года.

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

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

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

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

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

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

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

Глупые смарт-часы

Эссе «Stupid Smart Stuff: Watches and Automation» написал Дональд Норман 8 марта 2014 года.

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

Было 4:30 ночи.

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

«Спасибо, что дали знать», — сказал я немного другими словами, снял часы и забросил их в угол, где они и лежат уже неделю. Спасибо, Sony, за такие умные-преумные часы.