Обновить

Dashboards. Часть I

Интерфейсы
В сегодняшней статье речь пойдет о Dashboards (инструментальных панелях, информационных панелях, панельях управления или, как мне больше нравится, о дашбордах :).

Что же понимается под дашбордом? В современном мире под дашбордом понимается (я думаю, все понимают английский и смогут сами перевести):

A dashboard, dash board, or simply dash (and sometimes facia in British English) is a control panel located under the windscreen of an automobile. It contains indicators, dials, controls and displays to assist operation of the vehicle. Originally, a «dashboard» was the upturned front of a horse-drawn chariot or waggon, which protected the driver from mud and debris thrown up by the horse's hooves

Стоит, конечно, отметить, что дашборд можно отнести не только к автомобилю, но и ко многим другим механизмам и системам, в том числе и компьютерным.

Проектирование дашборда – это ни что иное, как проектирование пользовательского интерфейса взаимодействия «человек-машина», «человек-система» и даже «система-система». Данная область проектирования UI как никогда актуальна сегодня.

У дашборда (как у экрана приложения системы) можно четко выделить основные пять свойств: Дашборд = 1) визуальное представление 2) самой необходимой информации, 3) сгруппированной и расположенной особым образом, 4) которая обязательно располагается на одном экране системы или в другом ограниченном пространстве 5) и изменение которой можно удобно и быстро отслеживать.

При проектировании дашбордов следует отталкиваться от определения и не делать типичных ошибок. Стефан Фью (Stephan Few) выделяет основные их них:
  1. поддержка скроллеров, ненужной разбивки информации на части, отображение информации на нескольких экранах;
  2. поддержка неправильного формата данных;
  3. отображение ненужной детальности данных;
  4. использование недостаточного масштаба или единицы измерения;
  5. неправильный выбор типа отображения информации;
  6. использование недостаточно эффективных типов графиков;
  7. плохая организация информации на экране;
  8. недостаточное выделение важной и необходимой информации;
  9. чрезмерное использование неоправданной анимации и других оформительских эффектов;
  10. неправильное использование цветовой гаммы.

Ссылки по теме

Дашборды:
en.wikipedia.org/wiki/Dashboard
• Stephen Few. Information Dashboard Design: The Effective Visual Communication of Data (http://www.amazon.com/Information-Dashboard-Design-Effective-Communication/dp/0596100167/sr=1-1/qid=1170505949/ref=sr_1_1/103-5091211-2079010?ie=UTF8&s=books)
• Colin Ware. Information Visualization, Second Edition: Perception for Design (The Morgan Kaufmann Series in Interactive Technologies) (http://www.amazon.com/Information-Visualization-Second-Interactive-Technologies/dp/1558608192/sr=1-1/qid=1170506294/ref=pd_bbs_sr_1/105-9697960-8761245?ie=UTF8&s=books)

Гештальт-теория визуального восприятия:
en.wikipedia.org/wiki/Visual_perception#Gestalt_theory
coe.sdsu.edu/eet/articles/gestalt/index.htm
www.users.totalise.co.uk/~kbroom/Lectures/gestalt.htm
www.usask.ca/education/coursework/skaalid/theory/gestalt/gestalt.htm
• Ian E. Gordon. Theories of Visual Perception (http://www.amazon.com/Theories-Visual-Perception-Ian-Gordon/dp/1841693839/sr=1-1/qid=1170507673/ref=sr_1_1/105-9697960-8761245?ie=UTF8&s=books)
Теги:UI DesignUI ДизайнДизайнПользовательский интерфейсДашбор
Хабы: Интерфейсы
Рейтинг +11
Количество просмотров 19,1k Добавить в закладки 16
Комментарии
Комментарии 3

Похожие публикации

UX/UI дизайнер
17 марта 2021104 900 ₽Нетология
Веб-дизайн
22 марта 202115 000 ₽Loftschool
UI-дизайнер
31 марта 202159 900 ₽Нетология
Веб-дизайнер со знанием юзабилити (UX/UI)
13 марта 202193 390 ₽Специалист.ру
Школа тестирования. Тест-дизайн
15 марта 202114 900 ₽Luxoft Training

Лучшие публикации за сутки