Таблата са уникален и мощен начин за представяне на управлявана от данни интелигентност, използвайки техники за визуализация на данни, които показват подходящи и действащи данни, както и статистически данни за проследяване и ключови показатели за ефективност (KPI). Таблата трябва да представят тези данни в бърз и лесен за сканиране формат с най-подходящата информация, разбираема с един поглед.
Терминът е роден от традиционното автомобилно табло и те са се развили, за да изпълнят същата функция в цифровия свят. В неговата книга , Стивън Малко се изрази най-добре:
Таблото за инструменти представлява визуализация на най-важната информация, необходима за постигане на една или повече цели, консолидирана и организирана на един екран, така че информацията да може да се следи с един поглед.
Мобилен дизайн на таблото от Мейсън Ярнел за Mixpanel
В тази статия ние очертаваме стратегически, аналитични, оперативни и информативни примери, както и основните принципи, които лежат в основата на всеки успешен дизайн на таблото, независимо от типа.
Правилният подход към визуализацията на данни е ключова характеристика при полагането на основите за успешно табло. Визуализацията на данните е представяне на данни чрез графики и изображения. Основната му цел е да помогне на вземащите решения да идентифицират модели или да разберат трудни концепции, които могат да останат незабелязани в текстови приложения.
научаване на кодиране в c
В неговата книга , Визуализация на данни , Ной Илийски и Джули Стийл заявяват:
Целта на дизайнера при проектирането на визуализация на данни е да създаде резултат, който е добре приет и лесен за разбиране от читателя. Всички избори за дизайн и конкретни изпълнения трябва да служат на тази цел.
Основни характеристики на таблата за инструменти на Great
Ефективното табло за управление накратко показва полезна и полезна информация. Той опростява визуалното представяне на сложни данни и помага на заинтересованите страни да разберат, анализират и представят ключови идеи.
Табло за управление на договор от дизайнера на ApeeScape Войчех Добри
Големите панели са ясни, интуитивни и персонализируеми.
- Те предават информация бързо.
- Те показват информация ясно и ефективно.
- Те показват тенденции и промени в данните с течение на времето.
- Те са лесно приспособими.
- Най-важните джаджи и компоненти за данни са представени ефективно в ограничено пространство.
Първоначалното персонализиране на визуални данни и информация за ключови потребителски изисквания ще помогне да се подобри използваемостта и да се премахне необходимостта от различни потребители.
Персонализируеми елементи на таблото - Договорник от дизайнера на ApeeScape Войчех Добри
Големите панели осигуряват всичко на един клик разстояние.
- Цялата важна информация е незабавно достъпна.
- Данните са приоритет.
- Информацията се показва ясно във визуална йерархия на екран.
- Дизайнът осигурява последователен преглед, който включва оскъдни и ясни първоначални данни с допълнителни възможности да се задълбочите.
- Елементите (диаграма, таблица, формуляр) се показват в минимизиран изглед с възможност за показване на повече подробности в модален прозорец или отиване на страница с повече подробности.
- Оформлението подобрява използваемостта с филтри, позволявайки на потребителите да персонализират начина на показване на данните и да филтрират съдържанието, като използват маркери, категории и KPI.
Намалената сложност осигурява яснота
В свят, затрупан с данни, предоставянето на ясна информация е едно от най-трудните неща за постигане. Представянето само на най-подходящите данни на таблата е от съществено значение: колкото повече информация показваме, толкова по-трудно ще бъде за потребителите да намерят това, от което се нуждаят.
Когато се сблъскате с твърде много данни за избор, дизайнерите те трябва да показват само най-подходящото подмножество. Трябва внимателно да приоритизираме и премахнем подвеждащите и неясни показатели.
Ефективните решения за проектиране на арматурното табло трябва да се ръководят от:
- целите на проекта
- естеството на данните
- нуждите на потребителя
Когато четете визуализация (или друг вид комуникация), вашият четец има ограничен мозъчен капацитет да се фокусира върху проблема. Част от тази мозъчна мощ ще бъде посветена на декодирането на визуализацията, всяка останала мозъчна мощ може да се използва за разбиране на съобщението (ако читателят все още не се е отказал разочарован).
- Ной Илийски и Джули Стийл (Визуализация на данни)
Основната цел на таблото е да направи сложната информация достъпна и лесна за усвояване. Следователно интерфейсът, който представя данните, трябва да бъде ясен и опростен, за да се сведе до минимум когнитивното натоварване на потребителите и времето за търсене.
Информационната архитектура трябва първо да представя основни данни, като същевременно позволява достъп до поддържащи или вторични мерки. Трябва да бъде проектирана прогресивна система за разширяване, която започва с общ преглед и след това се задълбочава - улеснява приоритизирането на данните и създава яснота.
Определяне на целите на таблото и визуализация на подходящи данни
Успешните проекти на таблото за управление на инструментите започват с добре дефиниран набор от цели, който се фокусира върху проблема, който трябва да бъде решен, и ключа, който да се научите да премахвате от набора от данни. Поставянето на тези цели идва от ясното разбиране на задачите, които потребителят трябва да изпълнява.
Добрите дизайнерски цели насърчават ефективно и точно изпълнение. Използвайки рамка S.M.A.R.T за поставянето на цели фокусът е върху тези, които са специфични , измерим , действащ , реалистично Y. базирани на времето .
Някои ключови въпроси, които трябва да зададете при определяне на целите:
- Колко стъпки трябва да предприемат потребителите, за да постигнат конкретна цел?
- Достатъчно интуитивен ли е интерфейсът, за да може потребителят сам да постигне целта си?
- Каква информация е необходима на потребителя, за да постигне успешно целта си?
За да определите каква е целта на конкретен дизайн на таблото, го дефинирайте, като попитате: „Какъв конкретен проблем ще реши този дизайн за потребителя?“ Отговорът ще предостави информация за това кои показатели, свойства, стойности, изображения и данни са важни.
Ориентираният към целите дизайн се фокусира върху решения на реални проблеми и е в основата на всички страхотни дизайни на таблото. Започва с ясно разбиране на бизнес целите, разглежда целите на потребителите и след това предава ключова информация, която трябва да бъде съобщена.
Контекст в дизайна на таблото
Едно от най-големите предизвикателства в дизайна на таблото е обслужването на множество хора. След като всяка потребителска роля е дефинирана, е от решаващо значение да се разбере къде техните потребности се припокриват и къде се различават.
Ефективната комуникация е основният принцип на всеки успешен дизайн на арматурното табло. Предвиждането на възможни сценарии, в които потребителите могат да се окажат, ще допринесе за по-доброто разбиране на обстоятелствата на потребителя.
Винаги имайте предвид контекста на потребителите при проектиране: идентифицирайте техническите им познания, тяхното познаване на системата като цяло, техните цели и т.н.
къде да науча C++
Не забравяйте да зададете следните въпроси, когато се опитвате да определите поведението и контекста на потребителя:
- Отчита ли оформлението посоката, която посетителят е свикнал да чете?
- Необходими ли са технически познания за взаимодействието с таблото?
- Ще могат ли потребителите да извършват повечето от действията само с няколко щраквания?
- Съвместим ли е дизайнът с контекста на потребителя чрез създаване на подробни менюта? Използвате ли внушителна иконография и цветови палитри?
Цветовата палитра, използвана при проектирането на табло, също трябва да се разглежда като контекст. Много бизнес табла за управление на продуктите на SaaS са проектирани в потребителски интерфейс с тъмна тематика, тъй като се използват часове в даден момент.
Потребителските интерфейси с тъмна тематика могат да помогнат за намаляване на напрежението в очите и да поддържат визуална яснота в интерфейса. Приемането на този подход обаче изисква внимателна оценка на посоката на дизайна - компромисите и потенциалните рискове, както е посочено в предишна публикация в блога за дизайн: Две неща, които не трябва да се правят в тъмния потребителски интерфейс .
По-добър дизайн на таблото с проучване на потребителите
Изследванията на потребителите помагат да се създаде среда, в която на потребителите се предоставят данни, които са подходящи, ясни и кратки. Това им помага да мислят за съдържанието и данните, които търсят, а не как да използват и да имат достъп до тях.
Някои табла трябва да работят или могат лесно да бъдат персонализирани за потребители в различни роли, като се гледа едно и също основно табло. Изследванията на потребителите са важни, защото помагат да се определят целите на потребителите, умствените модели, контекста на околната среда и точките на болка. Това са фактори, които оказват голямо влияние върху крайния дизайн на таблото.
Дизайнер, изследовател и автор на потребителския опит Майк Кунявски отбелязва, че това е „процесът на разбиране на въздействието на дизайна върху аудиторията“.
Дизайнерът трябва да определи различните типове потребители и да разбере къде се крият целите им и къде се различават. Каква информация е по-полезна за един тип потребители в сравнение с друг? Те трябва да обмислят дали трябва да има различен дизайн от един тип потребител до друг, или има решение за по-общ случай на употреба.
Имайки предвид това, е добра идея да започнете с елементарни телени рамки и да преминете към прототипи, които могат да бъдат тествани с реални потребители по време на фаза на потребителско проучване. Кратка фаза на потребителско проучване само с пет потребители може да предостави наистина ценна информация и ще спести огромно количество време онлайн.
Прогресивно разкриване в дизайна на таблото за инструменти
The прогресивно разкриване е техника, използвана за задържане на вниманието на потребителя чрез намаляване на бъркотията. Създаването на прогресивна система за разкриване помага да се създаде среда, ориентирана към потребителите, като помага да се даде приоритет на вниманието на потребителя, да се избегнат грешки и да се спести време. Също така позволява на потребителите да се съсредоточат върху ключовите функции, които ги интересуват, и да не бъдат принудени да преглеждат всички функции, дори тези, от които не се нуждаят или не се интересуват.
Прогресивното разкриване е най-добрата практика за дизайн на таблото, което също ще намали значително процента на грешки; подобряване на ефективността и помощ на потребителите да подобрят своите разбиране на таблата, когато системата се основава на приоритизиране на характеристиките.
ако ценовата еластичност на търсенето измерва 2, това означава, че потребителите биха
Прогресивното разкриване се различава от рядко използвани или разширени функции от вторичния дисплей, което прави приложенията по-лесни за учене и по-малко склонни към грешки. - Якоб Нилсен
Анимацията е чудесен начин да отговорите на различни нужди на потребителя, докато обслужвате множество функции. Това е чудесна възможност за използване, докато данните и изображенията се зареждат, и това е усъвършенствано решение за прогресивно разкриване.
Анимацията е процес на създаване на илюзия за движение; това е динамика, която създава усещане за напредък и постоянна обратна връзка, намалявайки несигурността на потребителя и увеличавайки възприеманата производителност.
Предимства на използването на прогресивно разкриване на панели:
- Намалете несигурността и безпокойството на потребителите (като показват признаци на напредък, потребителите се уверяват, че всичко работи по предназначение)
- Предоставете на потребителите нещо, което да разгледат (частично визуализиране на данни), вместо да ги карате да чакат
- Осигурете на потребителите ясни очаквания за следващите стъпки и създайте разбиране за това как информацията се представя йерархично
Потенциалните проблеми с прогресивното разкриване и качването на данни включват:
- Неподходящо използване на показатели и оповестявания. Кратко време за зареждане и безполезни стъпки ще създадат разсейване и ще работят срещу принципите на използваемост.
- Забавянето при извличането на данни без ясен индикатор за напредъка може да доведе до несигурност на потребителя и по-високи нива на отпадане.
- Използването на статични индикатори за напредък е много безсмислено решение и не предоставя достатъчно информация за напредъка, което също може да доведе до несигурност на потребителя и по-високи нива на отпадане.
Обобщение
Таблата са мощен начин за комуникация на данни и друга информация, особено с ориентиран към потребителя, целенасочен дизайн, който следва най-добрите практики за дизайн на таблото и правилната визуализация на данните. Въпреки че всяко табло за управление е различно и има свои собствени цели, изисквания и ограничения, спазването на тези основни принципи ще ви помогне да създадете изключителни дизайни, независимо от детайлите:
- Първото и основно нещо е да съпреживеете типовете потребители и да разберете целите им.
- Предайте ясна история на потребителите чрез използване на внушителни изображения, тагове, прогресивни техники за разкриване и анимация.
- Улеснете сложните неща, като прилагате техники за изследване на потребителите.
- Разкрийте данните и информацията в подходящия момент в система за разбивка.
- Използвайте визуализация на данни, за да изразите информацията по смислен начин.
