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

3 min readApr 25, 2016

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

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

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

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

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

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

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

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

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

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

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

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

Инфографика

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

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

Доступность

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

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

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

Анимация

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

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

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