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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

--

--

Дизайнер интерфейсов, редактор UX Notes · vandergrav.ru

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store