Η οπτική ιεραρχία είναι η διάταξη μεγέθους, χρώματος, θέσης και αντίθεσης που λέει στον θεατή τι να διαβάσει πρώτο, δεύτερο και τρίτο. Σε έναν πίνακα ελέγχου, η ιεραρχία ξεχωρίζει το σήμα από τη διακόσμηση. Χωρίς αυτήν, κάθε γράφημα φωνάζει το ίδιο δυνατά. Οι χρήστες σαρώνουν στην τύχη, χάνουν κρίσιμες αλλαγές και φεύγουν με λιγότερη σιγουριά απ' ό,τι ήρθαν.
Η καλή ιεραρχία δεν αφορά το να είναι όμορφοι οι πίνακες. Αφορά τη μείωση του γνωστικού φόρτου, ώστε το σωστό άτομο να προσέξει τη σωστή ανωμαλία και να δράσει. Οι σχεδιαστικές επιλογές πρέπει να αντιστοιχούν άμεσα στην προτεραιότητα των αποφάσεων.
Ξεκίνα με μία κύρια ερώτηση ανά πίνακα ελέγχου
Πριν βάλεις ένα widget, γράψε την ερώτηση που απαντά ο πίνακας. Είμαστε στον δρόμο για τα τριμηνιαία έσοδα; Ποιο κανάλι απέδωσε λιγότερο αυτή την εβδομάδα; Βελτιώνεται η υιοθέτηση του προϊόντος μετά την κυκλοφορία; Η κύρια ερώτηση καθορίζει ποιος δείκτης παίρνει την κορυφαία θέση και το μεγαλύτερο μέγεθος.
Οι δευτερεύουσες ερωτήσεις στηρίζουν την κύρια. Ανήκουν πιο κάτω ή πιο μικρά στη διάταξη. Η τριτεύουσα λεπτομέρεια ζει πίσω από ανάλυση σε βάθος ή συνδεδεμένες διαγνωστικές προβολές. Αν όλα απαντούν στο ίδιο επίπεδο προτεραιότητας, η ιεραρχία καταρρέει.
Χρησιμοποίησε συνειδητά τη θέση και το μέγεθος
Οι θεατές διαβάζουν πρώτα πάνω αριστερά σε διατάξεις από αριστερά προς τα δεξιά. Βάλε εκεί τον πιο σημαντικό αριθμό ή τάση. Οι βασικοί δείκτες απόδοσης που καθοδηγούν τις εβδομαδιαίες αποφάσεις αξίζουν την πιο μεγάλη τυπογραφία και την πιο προβεβλημένη θέση κάρτας.
Κράτα την πάνω σειρά για δείκτες που θέλουν καθημερινή παρακολούθηση. Βάλε στη δεύτερη σειρά τους δείκτες πλαισίου που κινούνται πιο αργά, όπως συγκρίσεις με πέρσι ή αναλύσεις ανά τμήμα. Τα υποστηρικτικά γραφήματα γεμίζουν τον υπόλοιπο χώρο χωρίς να ανταγωνίζονται για την πρώτη προσοχή.
Έλεγξε το χρώμα για νόημα, όχι για διακόσμηση
Το χρώμα πρέπει να δείχνει κατάσταση ή κατηγορία, όχι αισθητική. Ουδέτεροι τόνοι για τα γραφήματα βάσης. Ένα χρώμα έμφασης για θετική κίνηση. Ένα διακριτό χρώμα για ειδοποιήσεις ή αρνητική απόκλιση. Περισσότερα από τρία λειτουργικά χρώματα φέρνουν σύγχυση.
Απόφυγε παλέτες ουράνιου τόξου σε ένα γράφημα, εκτός αν κάθε χρώμα αντιστοιχεί σε σταθερή κατηγορία που οι χρήστες ήδη γνωρίζουν. Η τυχαία ανάθεση χρωμάτων αναγκάζει τους θεατές να διαβάζουν το υπόμνημα σε κάθε επίσκεψη, κάτι που επιβραδύνει την κατανόηση.
Ενδείξεις κατάστασης
Το πράσινο, το κεχριμπαρί και το κόκκινο δουλεύουν όταν συνδέονται με ρητά όρια που είναι γραμμένα στον πίνακα. Ένας δείκτης γίνεται κεχριμπαρί στο πέντε τοις εκατό κάτω από τον στόχο, κόκκινος στο δέκα τοις εκατό. Τα όρια πρέπει να ταιριάζουν με τους ορισμούς στο λεξικό δεικτών σου, ώστε τα σήματα χρώματος να είναι αξιόπιστα.
Υποβάθμισε τα δεδομένα που δεν οδηγούν σε ενέργεια
Το πλαίσιο υποβάθρου, όπως ο συνολικός ιστορικός όγκος, πρέπει να χρησιμοποιεί πιο λεπτές γραμμές και μικρότερες ετικέτες. Η σύγκριση της τρέχουσας περιόδου αξίζει έντονη αντιμετώπιση. Η ιεραρχία αφορά τόσο το τι σβήνεις όσο και το τι τονίζεις.
Διάλεξε τύπους γραφημάτων που ταιριάζουν με τη σημασία
Τα απλά σχήματα επικοινωνούν πιο γρήγορα από τα σύνθετα. Ένας μεγάλος δείκτης με έναν αριθμό και μικρή γραμμή τάσης κερδίζει ένα λεπτομερές γράφημα πολλών σειρών για την προσοχή της διοίκησης. Κράτα τα γραφήματα στοιβαγμένης περιοχής και τα διαγράμματα με δύο άξονες για διαγνωστικούς πίνακες, όπου οι θεατές περιμένουν αναλυτικό βάθος.
Οι πίνακες δεδομένων ανήκουν κάτω ή πίσω από καρτέλες, εκτός αν η λεπτομέρεια ανά γραμμή είναι η κύρια είσοδος για την απόφαση. Όταν χρειάζονται πίνακες δεδομένων, τόνισε μόνο τις γραμμές που παραβιάζουν τα όρια. Οι γραμμές χωρίς τονισμό δίνουν πλαίσιο χωρίς να κλέβουν την προσοχή.
Εφάρμοσε συνεπή πρότυπα διάταξης σε όλους τους πίνακες
Όταν οι πίνακες μάρκετινγκ και πωλήσεων μοιράζονται το ίδιο πλέγμα, την ίδια τυπογραφία και τους ίδιους κανόνες χρώματος, οι χρήστες μεταφέρουν όσα έμαθαν από τον ένα στον άλλο. Η συνέπεια είναι η κόλλα της ιεραρχίας. Μια κόκκινη αιχμή σημαίνει πάντα το ίδιο πράγμα. Οι κύριοι δείκτες βρίσκονται πάντα πάνω αριστερά.
Καθώς πολλαπλασιάζονται οι πίνακες, δημοσίευσε ένα πρότυπο διάταξης. Οι νέοι πίνακες κληρονομούν το πρότυπο αντί να εφευρίσκουν ξανά τη δομή. Έτσι συνδέονται οι αρχές ιεραρχίας με τη γενικότερη στρατηγική σου για την κλιμάκωση των πινάκων ελέγχου.
Μείωσε την ακαταστασία χωρίς να κρύψεις χρήσιμο βάθος
Η ακαταστασία καταστρέφει την ιεραρχία. Αφαίρεσε τα περιττά στοιχεία των γραφημάτων: υπερβολικές γραμμές πλέγματος, τρισδιάστατα εφέ, περιττές ετικέτες και διπλούς δείκτες που φαίνονται και ως αριθμός και ως γράφημα. Κάθε στοιχείο πρέπει να κερδίζει τα pixel του.
Χρησιμοποίησε προοδευτική αποκάλυψη. Δείξε τη συνοπτική ιεραρχία στην κύρια προβολή. Παρέπεμψε στην προχωρημένη τμηματοποίηση και ανάλυση ομάδων χρηστών για τους θεατές που θέλουν να καταλάβουν γιατί κινήθηκε ένας βασικός δείκτης. Ο κύριος πίνακας μένει γρήγορος στη σάρωση.
Δοκίμασε τους πίνακες με πραγματικούς θεατές
Ζήτα από έναν συνάδελφο που δεν έφτιαξε τον πίνακα να βρει μέσα σε πέντε δευτερόλεπτα αν τα έσοδα πάνε καλά. Αν δεν μπορεί, η ιεραρχία απέτυχε, όσο προσεγμένη κι αν φαίνεται η διάταξη. Επανάλαβε τη δοκιμή μετά από κάθε μεγάλο ανασχεδιασμό.
Παρακολούθησε τη χρήση στους ίδιους τους πίνακες όταν το σύστημά σου το υποστηρίζει. Τα widgets που δεν ανοίγει κανείς πρέπει να κατεβαίνουν ή να εξαφανίζονται. Η ιεραρχία πρέπει να εξελίσσεται προς αυτό που οι θεατές χρησιμοποιούν πραγματικά, όχι προς αυτό που οι δημιουργοί υποθέτουν ότι χρειάζονται.
Συχνές ερωτήσεις
Πόσα KPI πρέπει να υπάρχουν στην πάνω σειρά;
Τρία έως πέντε το πολύ. Περισσότερα από πέντε δίνουν ίσο οπτικό βάρος και αφαιρούν το σαφές κέντρο προσοχής. Αν η διοίκηση θέλει περισσότερους δείκτες, μοίρασέ τους σε πίνακες ανά ρόλο αντί να στριμώξεις έναν πίνακα. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να ευθυγραμμίσεις τους στόχους της ιστοσελίδας με τα KPI που τονίζουν οι πίνακές σου.
Πρέπει τα χρώματα ειδοποίησης να εμφανίζονται σε κάθε widget;
Όχι. Κράτα τα έντονα σήματα χρώματος για δείκτες που συνδέονται με άμεση ενέργεια. Η υπερβολική χρήση κόκκινου και πράσινου εκπαιδεύει τους θεατές να αγνοούν τις ειδοποιήσεις. Η ουδέτερη παρουσίαση κάνει για σταθερούς δείκτες μέσα στο αναμενόμενο εύρος.
Ποιο είναι το μεγαλύτερο λάθος ιεραρχίας στους πίνακες διοίκησης;
Να βάζεις ένα διακοσμητικό γράφημα τάσης εκεί που πρέπει να βρίσκεται ο κύριος δείκτης. Τα στελέχη χρειάζονται πρώτα τον βασικό αριθμό, όχι μια απεικόνιση γεμάτη υπομνήματα που θέλει τριάντα δευτερόλεπτα ερμηνείας.
Πώς αλλάζει η ιεραρχία όσο μεγαλώνει ο αριθμός των πινάκων;
Κάθε πίνακας στενεύει σε μία κύρια ερώτηση, ενώ τα κοινά πρότυπα κρατούν συνεπείς τους κανόνες θέσης και χρώματος. Δες την κλιμάκωση των πινάκων ελέγχου για το πώς δουλεύουν μαζί η αρχιτεκτονική επιπέδων και η ιεραρχία.
Πού πρέπει να ζουν τα λεπτομερή γραφήματα τμηματοποίησης;
Σε διαγνωστικές προβολές που συνδέονται από τον κύριο πίνακα, όχι στη βασική διαδρομή σάρωσης. Οι θεατές που χρειάζονται βάθος σε ομάδες χρηστών ή τμήματα μπορούν να ακολουθήσουν σύνδεσμο προς την προχωρημένη τμηματοποίηση και ανάλυση ομάδων χρηστών χωρίς να γεμίσει η διάταξη της διοίκησης.
Πόσο συχνά πρέπει να αναθεωρούμε την ιεραρχία των πινάκων;
Έλεγχε την κάθε τρίμηνο και μετά από κάθε μεγάλη αλλαγή επιχειρηματικών προτεραιοτήτων. Ένας δείκτης που ήταν δευτερεύων το περασμένο τρίμηνο μπορεί να γίνει κύριος αυτό το τρίμηνο μετά από κυκλοφορία προϊόντος ή αλλαγή στην αγορά. Η ιεραρχία πρέπει να ακολουθεί τη στρατηγική, όχι παγωμένα σκίτσα.