Чуйте аудио версията на тази статия

Таблата са уникален и мощен начин за представяне на базирана на данни интелигентност, използвайки техники за визуализация на данни, които показват релевантни, действащи данни, както и статистически данни за проследяване и ключови показатели за ефективност (KPI). Таблата трябва да представят тези данни в бърз, лесен за сканиране формат с най-подходящата информация, разбираема с един поглед.

Терминът е роден от традиционното автомобилно табло и те са се развили, за да изпълняват същата функция в цифровия свят. В неговата книга , Стивън Малко се изрази най-добре:

Таблото е визуално показване на най-важната информация, необходима за постигане на една или повече цели; консолидирани и подредени на един екран, така че информацията да може да се следи с един поглед.

В тази статия ние очертаваме стратегически, аналитични, оперативни и информационни примери, както и основните принципи, които лежат в основата на всеки успешен дизайн на таблото, независимо от неговия тип.

Правилният подход към визуализация на данни е ключова характеристика при полагането на основите на успешно табло. Визуализацията на данните е представяне на данни чрез графики и картини - основната му цел е да помогне на вземащите решения да идентифицират модели или да разберат трудни концепции, които могат да останат неоткрити в текстови приложения.

В тяхната книга , Визуализация на данни , Ной Илийски и Джули Стийл заявяват:

Целта на дизайнера при проектирането на визуализация на данни е да създаде резултат, който ще бъде добре приет и лесно разбираем от читателя. Всички избори за дизайн и конкретни изпълнения трябва да служат на тази цел.

Основни характеристики на страхотните табла

Ефективното табло за управление показва на пръв поглед полезна и полезна информация. Той опростява визуалното представяне на сложни данни и помага на заинтересованите страни да разберат, анализират и представят ключови идеи.

Страхотните табла за управление са ясни, интуитивни и персонализирани.

• Те предават информация бързо.
• Те показват информация ясно и ефективно.
• Те показват тенденции и промени в данните във времето.
• Те са лесно приспособими.
• Най-важните джаджи и компоненти за данни са ефективно представени в ограничено пространство.

Първоначалното персонализиране на визуални данни и информация според ключовите изисквания на потребителя ще помогне да се подобри използваемостта и да се елиминира необходимостта от различни потребителски персони.

Страхотните табла осигуряват всичко на един клик разстояние.

• Цялата важна информация е незабавно достъпна.
• Данните са с приоритет.
• Информацията се показва ясно във визуална йерархия на един екран.
• Дизайнът осигурява съгласуван преглед, който включва оскъдни, ясни първоначални данни с допълнителни възможности за разглеждане за още.
• Елементите (диаграма, таблица, форма) се показват в минимизиран изглед с възможност за извеждане на повече подробности в модален прозорец или отиване на страница с повече подробности.
• Дизайнът подобрява използваемостта с филтри, позволяващи на потребителите да персонализират начина на показване на данните и филтрират съдържанието, като използват етикети, категории и KPI.

Намалената сложност осигурява яснота

В свят, затрупан с данни, предоставянето на ясна информация е едно от най-трудните неща за постигане. Представянето само на най-подходящите данни на таблата е от съществено значение - колкото повече информация показваме, толкова по-трудно е за потребителите да намерят това, от което се нуждаят.

Когато се сблъскате с твърде много данни за избор, дизайнери трябва да показва само най-подходящото подмножество. Трябва да приоритизираме и внимателно да премахнем подвеждащите и неясни показатели.

Ефективните решения за проектиране на таблото трябва да се ръководят от:

• целите на проекта
• естеството на данните
• нуждите на потребителите

Когато четете визуализация (или какъвто и да е друг вид комуникация), вашият читател разполага с ограничено количество мозъчни сили, за да се посвети на проблема. Част от тази мозъчна мощ ще бъде посветена на декодирането на визуализацията; всички останали мозъчни сили могат да бъдат използвани за разбиране на съобщението (ако читателят все още не се е отказал разочарован). Ной Илийски и Джули Стийл (Визуализация на данни)

Основната цел на таблото е да направи сложната информация достъпна и лесна за усвояване. Следователно интерфейсът, представящ данните, трябва да бъде изчистен и ясен, за да се сведе до минимум когнитивното натоварване на потребителите и времето, прекарано в търсене.

Информационната архитектура трябва първо да представя основните данни, като същевременно позволява достъп до поддържащи или вторични показатели. Трябва да се проектира прогресивна система за подробно разчитане, която започва с общ преглед и след това се задълбочава - улеснява приоритизирането на данните и създава яснота.

Определяне на целите на таблото и показване на подходящи данни

При проектирането на табла за управление, успешно дизайнери на таблото започнете с добре дефиниран набор от цели, фокусирани върху проблема, който трябва да бъде решен, и ключовите, действащи прозрения, които хората трябва да извадят от данните.

Добрите дизайнерски цели насърчават ефективно и прецизно изпълнение. Използвайки Рамка на S.M.A.R.T. за поставяне на целите поставя фокуса върху специфични , измерим , действащ , реалистично , и базирани на времето цели.

Няколко ключови въпроса, които трябва да зададете при определяне на целите на дизайна на таблото:

• Колко стъпки трябва да предприемат потребителите, за да постигнат конкретна цел?
• Достатъчно интуитивен ли е интерфейсът, за да може потребителят сам да постигне целта си?
• Каква информация е необходима на потребителя, за да постигне успешно целта си?

За да определите каква е целта на даден дизайн на таблото за управление, дефинирайте го, като попитате: „Какъв конкретен проблем ще реши този дизайн за потребителя?“ Отговорът ще даде представа за това какви показатели, свойства, стойности, визуални елементи и данни са от значение.

Ориентираният към целите дизайн се фокусира върху решения на реални проблеми и е основата за всички страхотни дизайни на таблото. Започнете с ясно разбиране на бизнес целите, обмислете целите на потребителите и след това предайте ключовата информация, която трябва да бъде съобщена.

Контекст в дизайна на таблото

Едно от най-големите предизвикателства при дизайна на таблото е обслужването на множество персони. След като всяка потребителска роля е дефинирана, става критично да се разбере къде техните потребности се припокриват и къде се различават.

Ефективната комуникация е основният принцип на всеки успешен дизайн на таблото. Предвиждането на потенциални сценарии, в които потребителите могат да се окажат, ще допринесе за по-доброто разбиране на обстоятелствата на потребителя.

Винаги имайте предвид контекста на потребителите при проектирането - идентифицирайте техническите им познания, тяхното познаване на системата като цяло, техните цели и т.н.

Не забравяйте да зададете следните въпроси, когато се опитвате да определите поведението и контекста на потребителя:

• Дизайнът отчита ли посоката, в която посетителят е свикнал да чете?
• Изисква ли взаимодействие с таблото за управление технически познания?
• Ще успеят ли потребителите да изпълнят повечето от действията само с няколко кликвания?
• Съвпада ли дизайнът с потребителския контекст чрез създаване на разгънати менюта; използва ли сугестивна иконография и цветови палитри?

Цветовата палитра, използвана в дизайна на таблото, също трябва да се разглежда като контекст. Много бизнес-табла за управление на продуктите на SaaS са проектирани в потребителски интерфейс с тъмна тематика, тъй като се използват няколко часа подред.

Потребителските интерфейси с тъмна тематика могат да помогнат за намаляване на напрежението в очите и да поддържат визуална яснота в интерфейса. Приемането на този подход обаче изисква внимателна оценка на посоката на проектиране - предимствата, недостатъците и потенциалните клопки, както е посочено в предишна статия в блога за дизайн: Dark UI Dos and Don’ts .

По-добър дизайн на таблото с потребителски изследвания

Изследванията на потребителите помагат да се създаде среда, в която на потребителите се предоставят данни, които са подходящи, ясни и кратки. Това им помага да мислят за съдържанието и данните, които търсят, а не как да използват и да имат достъп до тях.

Някои табла трябва да работят - или да бъдат лесно приспособими за потребители с различни роли, гледащи едно и също основно табло. Изследванията на потребителите са важни, тъй като помагат да се определят целите, умствените модели, контекста на околната среда и точките на болка. Това са фактори, които оказват значително влияние върху крайния дизайн на таблото.

Дизайнер, изследовател и автор на потребителски опит Майк Кунявски отбелязва, че е така „Процесът на разбиране на въздействието на дизайна върху аудитория.“

Дизайнерът трябва да дефинира различните типове потребители и да разбере къде целите им са еднакви и къде се различават. Каква информация е най-полезна за един тип потребител спрямо друг? Те трябва да обмислят дали трябва да има различно оформление от един тип потребител до друг, или има решение за по-общ случай на употреба.

Като се има предвид това, е добра идея да започнете с елементарни телени рамки и да преминете към прототипи, които могат да бъдат тествани с реални потребители по време на фаза на потребителско проучване. Наистина ценна информация може да излезе от кратка фаза на потребителско проучване само с пет потребители - и ще спести огромно количество време надолу.

Прогресивно разкриване в дизайна на таблото

Прогресивно разкриване е техника, използвана за поддържане на вниманието на потребителя чрез намаляване на безпорядъка. Създаването на система за прогресивно разкриване помага за създаването на среда, ориентирана към потребителя, която помага да се даде приоритет на вниманието на потребителя, да се избегнат грешки и да се спести време. Той също така позволява на потребителите да се съсредоточат върху ключовите функции, които имат значение за тях, и да не бъдат принудени да преминават през всички функции - включително тези, от които не се нуждаят или не се интересуват.

Прогресивното разкриване е най-добрата практика за дизайн на таблото, което също ще намали значително процента на грешки; това ще подобри ефективността и ще помогне на потребителите да подобрят своите разбиране на таблата, когато системата се основава на приоритизиране на характеристиките.

Прогресивното разкриване отлага разширени или рядко използвани функции на вторичен екран, което прави приложенията по-лесни за учене и по-малко склонни към грешки. - Якоб Нилсен

Анимацията е чудесен начин за задоволяване на различни нужди на потребителя, като същевременно изпълнява множество функции. Това е чудесна възможност за използване, докато се зареждат данни и визуални елементи и е усъвършенствано решение за прогресивно разкриване.

Анимацията е процес на създаване на илюзия за движение; това е динамика, която създава усещане за напредък и постоянна обратна връзка, като по този начин намалява несигурността на потребителя и увеличава възприеманата производителност.

Предимства на използването на прогресивно разкриване в таблата:

• Намаляване на несигурността и безпокойството на потребителите (чрез показване на признаци на напредък потребителите се уверяват, че всичко работи по предназначение)
• Предоставяне на потребителите с нещо, което да гледат (частично показване на данни), вместо да ги карат да чакат
• Предоставяне на потребителите с ясно очакване на предстоящите стъпки и създаване на разбиране за начина, по който информацията се представя йерархично

Потенциални проблеми с прогресивното разкриване и зареждането на данни включват:

• Използване на индикатори и оповестявания по неподходящ начин. Кратко време за зареждане и безполезни стъпки ще създадат разсейване и ще работят срещу принципите на използваемост.
• Закъснението в извличането на данни без ясен индикатор за напредък може да доведе до несигурност на потребителя и по-високи нива на отпадане.
• Използването на статични индикатори за напредък е решение с малко значение и не предлага достатъчно информация за напредъка, което също може да доведе до несигурност на потребителя и по-високи нива на отпадане.

Обобщение

Таблата са мощен начин за комуникация на данни и друга информация, особено с ориентиран към потребителя, целенасочен дизайн, който следва най-добрите практики за дизайн на таблото и правилната визуализация на данните. Въпреки че всяко табло за управление е различно и има свои собствени цели, изисквания и ограничения, спазването на тези основни принципи ще помогне за създаването на изключителни дизайни, независимо от спецификата:

• Първо и най-важно, съпреживете се с вашите потребителски типове и разберете целите им.
• Предайте ясна история на потребителите, като използвате внушителни визуални ефекти, етикети, прогресивни техники за разкриване и анимация.
• Улеснете сложните неща, като приложите техники за изследване на потребителите.
• Разкрийте данните и информацията в подходящото време, в система за разгъване.
• Използвайте визуализация на данни, за да изразите информацията по смислен начин.

• • •

Допълнително четене в блога за дизайн на ApeeScape:

• eCommerce UX - преглед на най-добрите практики (с инфографика)
• Значението на ориентирания към човека дизайн в продуктовия дизайн
• Най-добрите портфейли на UX Designer - вдъхновяващи казуси и примери
• Евристични принципи за мобилни интерфейси
• Предвиден дизайн: Как да създадем магически потребителски опит