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

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

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

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

Мобилен дизайн на таблото на Mason Yarnell за Mixpanel

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

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

Наемете най-добрите световни дизайнери в Toptal

Изпитване без риск, плащайте само ако сте доволни

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

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

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

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

Табло за управление на договора от дизайнера на Toptal Войчех Добри

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

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

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

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

Наемете най-добрите световни дизайнери в Toptal

Изпитване без риск, плащайте само ако сте доволни

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

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

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

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

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

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

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

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

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

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

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

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

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

Продължете да четете в блога Toptal Design на www.toptal.com >>

Написано от Стелиян Суботин

Наемете най-добрите световни дизайнери в Toptal

Изпитване без риск, плащайте само ако сте доволни