«Скучные» интерфейсы — где найти вдохновение

Доклад Анастасии Режепп из DataArt на ProfsoUX 2016.

«Используйте строгий визуальный стиль. Поскольку пользователь смотрит на монопольное приложение в течение продолжительного времени, позаботьтесь о том, чтобы притушить цвета и текстуру визуальной части. Придерживайтесь консервативной цветовой палитры», — Алан Купер.

Сложные корпоративные системы — это бесконечные таблички и прочие 50 оттенков синего. Проектировщикам интересно их проектировать, а вот дизайнерам рисовать — не очень.

Чем заняться дизайнеру в таком проекте?

Вертикальный ритм

Интерфейс с выстроенным вертикальным ритмом выглядит аккуратнее, его проще верстать.

Придерживайтесь единого ритма на всей странице или придумывайте свой для каждого блока.

Вёрстка таблиц

Читайте Тафти и упрощайте внешний вид таблиц.

«Таблица не должна быть похожа на рыболовную сеть, где каждая цифра в своей клеточке», — Ян Чихольд.

Тафти против чересполосиц, но разделители полезны, когда:

  • в ряду — больше одной строчки текста;
  • есть столбец с кнопками.

Инфографика

Читайте Storytelling with Data (автор Cole Nussbaumer Knaflic) и Information Dashboard Design (автор Stephen Few).

Круговые диаграммы — почти всегда зло. Если бизнес-аналитик просит сделать круговую диаграмму, переработайте задачу, поймите, какая цель. Предложите вместо неё другое представление.

Доступность

Повышайте доступность интерфейса. Изучайте сайт WebAIM. На эту тему много пишут Salesforce.

Проверьте в фотошопе, как видят интерфейс люди с разными видами дальтонизма. Color contrast checker поможет понять, когда интерфейс неудобен для близоруких.

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

Анимация

Она точно поможет отвести душу. Анимация в сложных корпоративных системах:

  • индикаторы загрузки;
  • перетаскивание;
  • иконки;
  • интерактивное меню.

С анимацией интерфейс становится человечнее. И дизайнер занят чем-то для него приятным. Но не забывайте о реализации: обсудите с разработчиками идеи по анимации, чтобы не тратить силы на то, что команда не сможет или не успеет реализовать.

Вывод

Если включить голову, то и скучать не придётся, и продукт станет лучше.

Слайды презентации + видео.


Понравилось — подписывайтесь


Конспект подготовил Антон Григорьев.


Антон Григорьев

Written by

UX-проектировщик, сооснователь projectorat.ru, редактор UX Notes

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade