Визуализацията на данни и дизайнът на таблото са едновременно изкуство и наука и не са толкова лесни за създаване, колкото може да изглеждат за първи път. Как върха UX дизайнери и визуални дизайнери илюстрират сложна информация, без да объркват потребителите?
Три начина: по-добро разбиране на UX принципи зад добрия дизайн на таблото , прилагането на графични постижения и практика.
Следва дизайнът на UX таблото специфични принципи и най-добри практики . Графичните постижения, от друга страна, изискват по-задълбочен преглед.
Графичното съвършенство се определя като:
- Добре проектирано и ефективно представяне на интересни данни.
- Сложни идеи, комуникирани с ефективност, яснота и прецизност.
- Даване на зрителя на най-голям брой идеи, изискващи най-малко време в рамките на малко пространство и използващо най-малко количество мастило.
- Казване на истината за данните.
Отличен ресурс за по-добро разбиране на графичните постижения е Едуард Туфте работа. Той е считан за „Леонардо да Винчи на данните“ и има голям брой публикувани произведения, книги и лекции. Дейвид Маккендълис , който основа информацията е красива , уебсайт, който представлява най-доброто във визуализации на данни и графични постижения, е друг отличен ресурс.
Принципите на примерен UX дизайн и графични постижения се отнасят както за дизайна на таблото, така и за визуализации на данни . Ето някои от най-добрите примери за визуализация на данни и дизайн на таблото.
Най-добри визуализации на данни
1812 г. на Наполеон
Визуализацията на Минар от похода на Наполеон през 1812 г. се счита за една от „ най-добрите статистически чертежи, създавани някога ”: Създаването на визуализация с толкова информация, колкото е направил Minard, би било невъзможно, ако не беше прилагането на графични постижения.
Тази единична визуализация показва броя на войските на Наполеон по местоположение, температурата, изпитана от войските, и пътя, по който войските са тръгнали към и от Москва.
Карта на холера на Джон Сноу
Джон Сноу Графика от 1854 г., показваща местоположението на 13 обществени кладенци в Лондон и 578 смъртни случая от холера с помощта на подредени барове, перпендикулярни на местоположението им: Лесно е да се разбере, разкрива истината в данните и дава на потребителя цялата информация, от която се нуждае, за да направи правилно заключение относно смъртни случаи от холера.
История на рок музиката
Представлявайки само част от цялата визуализация на данните, графиката по-долу показва част от над 30 музикални стила от над 700 изпълнители през периода от 1955 до 1978 г.
Той не просто представя художници и стилове, но показва влияния, обема на продажбите на записи, стилистични категории и къде те са приключили или продължили. Постигането на този вид графични постижения не е малко постижение.
Където населението на Европа расте и намалява
Най-добра визуализация на данни, показваща как да се справите с огромно количество данни по несложен, добре проектиран и правдив начин. В интерактивната версия са включени и филтри, които позволяват още повече проучване на данни, като например раждаемостта.
Ежедневни съчетания на емблематични известни хора
Не само това визуализация на данни интересно , това е класически пример за графични постижения. В една отделна графика можем да видим подробно изображение на ежедневните навици, ритуали, занимания и приоритети на емблематични известни хора.
Използвайки проста цветна кодирана диаграма, тази визуализация е лесна за разбиране, проста, ефективна и преди всичко информационна.
Графика на световните езици
Тази класическа визуализация на данни изобразява брой езици, които съществуват на планетата , където се говори и кой ги говори в различни джобове на света.
Без високо ниво на графични постижения би било трудно да се покажат толкова много данни по толкова елегантен начин, който също да е информативен и лесен за разбиране.
Най-добрите дизайни на таблото
За да може дадено табло да се счита за по-добро, то трябва да отговаря на набор от специфични UX критерии:
- Ясни и последователни конвенции за именуване
- Потокът и оформлението на данните са приоритетни
- Маржовете са подходящи за четливост
- Данните не са нито скрити, нито претоварени
- Разбираемо и лесно за четене
Табло за управление на KPI
Примерът по-долу е отличен пример за улесняване на разбирането на сложна бизнес информация. Сдържаната цветова схема е приятна и използването на отделни карти е меко за очите.
Една от причините това табло да е отличен дизайн е съотношението му към данни и мастило. Данните и пространството се допълват взаимно. Вместо да запълват екрана с повече графики, се използват отделни карти с малки раздели. Това е гениален начин за поддържане на достъпна критична информация (т.е. да не се крие), като същевременно дава на потребителя лесен и поучителен начин да я разглежда при собствените им условия.
Табло за ивици
The Табло за ивици е отличен пример за най-добрите практики за дизайн на таблото. Той е прост, отговаря на най-уместните потребителски въпроси и има почти перфектни полета във всяка карта.
Табло за телемедицина
Анализът на телемедицината е известен с предоставянето на много сурови данни. Организирането на тези данни в смислено и информативно табло за управление може да бъде предизвикателство. Този пример използва най-добрите практики за дизайн на таблото за UX. Маржовете се удвояват, информацията се представя с въпроси и отговори, а данните не се скриват от погледа.
Стоково табло
Запасите може да бъде трудно да се концептуализират на едно табло поради броя на точките с данни, които се конкурират за пространство. Този пример за дизайн на таблото е успял да постигне изчистен, минимален външен вид с цялата подходяща информация отпред и в центъра.
Табло за управление на уеб аудиторията
Google Analytics се справя отлично с техните табла за управление; обаче може да отнеме много персонализиране, за да се постигне конкретна цел. Това табло за управление изведе анализа на ново ниво, като предложи изглед, който е прост, лесен за разбиране, лесен за четене и полезен, без да увеличава когнитивното натоварване.
кой от следните принципи не е важен принцип, който трябва да се вземе предвид при персонализиране на система
Табло за управление на документацията
Управлението на документи е трудно, но поддържането им организирано и лесно за навигация може да бъде още по-трудно. Отлично решение е това табло, което поддържа нещата прости, разбираеми и изненадващо оскъдни.
Дори и с минималистичен подход, този отличен пример за дизайн на таблото дава на потребителя всичко, от което се нуждае, за да разбере и да се ориентира в системата за документи.
Приложение за засаждане на растения - Мобилно табло за управление
Това мобилно табло за управление е информативно и лесно за разбиране. Галета помагат за навигация, а иконите с общи езикови описания помагат да се създаде страхотен UX дизайн.
Табло за кредитни карти - табло за мобилни устройства
Подобно на банкирането, таблата за управление на кредитни карти са известни с лошия UX, особено на мобилно устройство. Този мобилен дизайн на таблото се превръща в нова посока. Информацията е не само добре организирана, но разбираема и богата на функции, без да бъде поразителна.
Превъзходната визуализация на данните и дизайнът на таблото изискват графични постижения и разбиране и прилагане на принципите на проектиране на таблото. Прилагани последователно, потребителите ще се възползват от информативни визуализации на данни и табла за управление, които осигуряват висококачествено потребителско изживяване.
• • •
Допълнително четене в блога за дизайн на ApeeScape:
- Дизайн на таблото - съображения и най-добри практики
- Визуализация на данни - най-добри практики и основи
- Вдъхновете се с тези визуализации на данни
- Надстройте своя анализ с тези вдъхновения за дизайн на таблото
- Дизайн и взаимодействия на таблото за мобилни устройства - Урок за Флинто
Разбиране на основите
Какво представлява UX на таблото за управление?
Dashboard UX включва принципите на добрия UX дизайн, за да осигури превъзходно потребителско изживяване, като например да показва прозрения, а не само данни, да проектира за потребителя, да спазва принципите на звуковия дизайн, да показва истината в данните и да има високо съотношение на мастилото на данните.
Какво представлява визуализацията на данните и защо е толкова важна?
Визуализацията на данните е графично представяне на информация и данни. Тя може да бъде изобразена като диаграма, диаграма, картина и др. Използвайки тези елементи, визуализацията на данни може да осигури по-добър начин да видите и разберете тенденциите, отклоненията и моделите.
Как помага визуализацията на данните?
Визуализацията на данните помага на потребителите да идентифицират тенденции и модели в данните. Неговата сила е в графичното представяне, което позволява на хората способността да разберат по-добре сложните и понякога обемни количества информация.
Какво представлява дизайнът на таблото?
Дизайнът на таблото е способността да се компилират и показват важни данни / информация в едно, видимо пространство. Той следва принципите на UX дизайн и най-добрите практики за визуализация на данни и е организиран така, че потребителите да могат да се ориентират директно към различни области, които изискват най-голямо внимание.
Как се прави добро табло?
Добрият дизайн на таблото следва добре установени най-добри практики, стандарти и конвенции за визуализация на данни. Те имат предназначение и представят данни ясно и последователно. Добрите оформления на таблото за управление се движат естествено отляво надясно, използват широки полета и подложки и показват правилното количество информация.
