Верстка и красочное оформление приборных панелей
- или dashboard layout & graphic design. Когда основной функционал приложения и ключевые сквозные и переменные игроки страницы уже известны, нужно думать о дизайне. Вопрос верстки остро встает в случае модульного дизайна, состоящего из нескольких отключаемых/модулируемых элементов, и особенно это касается дэшбордов.
Особенности дэшбордов
1. На странице содержится много информации одновременно (модули соревнуются за внимание пользователя)
2. Пользователи должны иметь возможность понятно и удобно управлять информацией
3. Пользователи должны иметь возможность легко ориентироваться в модулях и управлять ими
ставят дизайнера перед следующими задачами:
1. Коэффициент дата-инк должен быть высоким, а цветово-контрастный баланс выдержанным, консистентность дизайна играет большую роль, дизайн должен быть гармоничным, чтобы обеспечить хорошее распознавание.
2. Продуманный UX взаимодействия пользователя с информацией в модуле (интерактивизация датавиза), взаимодействие и взаимовлияние модулей.
3. Продуманный служебный UX модулей - возможности сворачивать/разворачивать, уменьшать/увеличивать, добавлять/скрывать и перемещать модули. Модульная сетка верстки здесь добавит интуитивности ориентировке пользователя в размерах и позиционировании модулей.
Ссылки:
Почти что исчерпывающая статья о дизайне пользовательского опыта работы с панелью
Базовый гайд по красочному оформлению панели
Пост о расчете сетки панели по золотому сечению
Книга Information Dashboard Design: Effective Communication
Особенности дэшбордов
1. На странице содержится много информации одновременно (модули соревнуются за внимание пользователя)
2. Пользователи должны иметь возможность понятно и удобно управлять информацией
3. Пользователи должны иметь возможность легко ориентироваться в модулях и управлять ими
ставят дизайнера перед следующими задачами:
1. Коэффициент дата-инк должен быть высоким, а цветово-контрастный баланс выдержанным, консистентность дизайна играет большую роль, дизайн должен быть гармоничным, чтобы обеспечить хорошее распознавание.
2. Продуманный UX взаимодействия пользователя с информацией в модуле (интерактивизация датавиза), взаимодействие и взаимовлияние модулей.
3. Продуманный служебный UX модулей - возможности сворачивать/разворачивать, уменьшать/увеличивать, добавлять/скрывать и перемещать модули. Модульная сетка верстки здесь добавит интуитивности ориентировке пользователя в размерах и позиционировании модулей.
Ссылки:
Почти что исчерпывающая статья о дизайне пользовательского опыта работы с панелью
Базовый гайд по красочному оформлению панели
Пост о расчете сетки панели по золотому сечению
Книга Information Dashboard Design: Effective Communication