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

Статью «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 года в Санкт-Петербурге.

Артём Тиунов
Артём Тиунов из Jetbrains

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

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

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

Читать далее UX by Geeks

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

Статью «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 мифов об информационной архитектуре

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

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

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

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

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

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

Читать далее Глупые смарт-часы

7 нерушимых законов дизайна пользовательского интерфейса

Статью «7 unbreakable laws of user interface design» написал Питер Вукович (смотрит на вас с иллюстрации третьего закона) 15 января 2014 года.

Вы веб-дизайнер? Если так, значит вы также и дизайнер пользовательских интерфейсов. И в ближайшем будущем эта роль станет для вас ещё более значимой.

Сейчас у сайтов простые интерфейсы, на уровне навигации и контактных форм, но развитие новых технологий и стандартов создаст спрос на более динамическое и специализированное взаимодействие.

Это неминуемо приведёт к тому, что работы над интерфейсами станет больше. Давайте посмотрим, что нужно помнить.

Читать далее 7 нерушимых законов дизайна пользовательского интерфейса