В сегодняшней статье речь пойдет о Dashboards (инструментальных панелях, информационных панелях, панельях управления или, как мне больше нравится, о дашбордах :).
Что же понимается под дашбордом? В современном мире под дашбордом понимается (я думаю, все понимают английский и смогут сами перевести):
Стоит, конечно, отметить, что дашборд можно отнести не только к автомобилю, но и ко многим другим механизмам и системам, в том числе и компьютерным.
Проектирование дашборда – это ни что иное, как проектирование пользовательского интерфейса взаимодействия «человек-машина», «человек-система» и даже «система-система». Данная область проектирования UI как никогда актуальна сегодня.
У дашборда (как у экрана приложения системы) можно четко выделить основные пять свойств: Дашборд = 1) визуальное представление 2) самой необходимой информации, 3) сгруппированной и расположенной особым образом, 4) которая обязательно располагается на одном экране системы или в другом ограниченном пространстве 5) и изменение которой можно удобно и быстро отслеживать.
При проектировании дашбордов следует отталкиваться от определения и не делать типичных ошибок. Стефан Фью (Stephan Few) выделяет основные их них:
Ссылки по теме
Дашборды:
• 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)
Что же понимается под дашбордом? В современном мире под дашбордом понимается (я думаю, все понимают английский и смогут сами перевести):
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) выделяет основные их них:
- поддержка скроллеров, ненужной разбивки информации на части, отображение информации на нескольких экранах;
- поддержка неправильного формата данных;
- отображение ненужной детальности данных;
- использование недостаточного масштаба или единицы измерения;
- неправильный выбор типа отображения информации;
- использование недостаточно эффективных типов графиков;
- плохая организация информации на экране;
- недостаточное выделение важной и необходимой информации;
- чрезмерное использование неоправданной анимации и других оформительских эффектов;
- неправильное использование цветовой гаммы.
Ссылки по теме
Дашборды:
• 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)