«Скучные» интерфейсы — где найти вдохновение
Доклад Анастасии Режепп из DataArt на ProfsoUX 2016.
«Используйте строгий визуальный стиль. Поскольку пользователь смотрит на монопольное приложение в течение продолжительного времени, позаботьтесь о том, чтобы притушить цвета и текстуру визуальной части. Придерживайтесь консервативной цветовой палитры», — Алан Купер.
Сложные корпоративные системы — это бесконечные таблички и прочие 50 оттенков синего. Проектировщикам интересно их проектировать, а вот дизайнерам рисовать — не очень.
Чем заняться дизайнеру в таком проекте?
Вертикальный ритм
Интерфейс с выстроенным вертикальным ритмом выглядит аккуратнее, его проще верстать.
Придерживайтесь единого ритма на всей странице или придумывайте свой для каждого блока.
Вёрстка таблиц
Читайте Тафти и упрощайте внешний вид таблиц.
«Таблица не должна быть похожа на рыболовную сеть, где каждая цифра в своей клеточке», — Ян Чихольд.
Тафти против чересполосиц, но разделители полезны, когда:
- в ряду — больше одной строчки текста;
- есть столбец с кнопками.
Инфографика
Читайте Storytelling with Data (автор Cole Nussbaumer Knaflic) и Information Dashboard Design (автор Stephen Few).
Круговые диаграммы — почти всегда зло. Если бизнес-аналитик просит сделать круговую диаграмму, переработайте задачу, поймите, какая цель. Предложите вместо неё другое представление.
Доступность
Повышайте доступность интерфейса. Изучайте сайт WebAIM. На эту тему много пишут Salesforce.
Проверьте в фотошопе, как видят интерфейс люди с разными видами дальтонизма. Color contrast checker поможет понять, когда интерфейс неудобен для близоруких.
Читайте также пересказ доклада Виктора Ерофеева «Зачем проектировать доступный интерфейс. Взгляд из бизнеса» с ITGM6.
Анимация
Она точно поможет отвести душу. Анимация в сложных корпоративных системах:
- индикаторы загрузки;
- перетаскивание;
- иконки;
- интерактивное меню.
С анимацией интерфейс становится человечнее. И дизайнер занят чем-то для него приятным. Но не забывайте о реализации: обсудите с разработчиками идеи по анимации, чтобы не тратить силы на то, что команда не сможет или не успеет реализовать.
Вывод
Если включить голову, то и скучать не придётся, и продукт станет лучше.
Понравилось — подписывайтесь
- Заметки UX-проектировщика ВКонтакте или в Фейсбуке;
- Рассылка UX-проектировщика.
Конспект подготовил Антон Григорьев.
Другие доклады с ProfsoUX 2016:
- Начало работы в большой компании;
- Позвоните пользователям. Сила телефонного интервью;
- Как команде юиксеров работать без начальника;
- Контекст — король. Один из лучших докладов по итогам голосования;
- Построить зазеркалье;
- Навыки проектировщика в стилизации интерфейсов;
- Программистский подход в дизайне;
- Дзен и искусство проектирования себя.