Οι πίνακες ελέγχου είναι ένας μοναδικός και ισχυρός τρόπος για την παρουσίαση πληροφοριών που βασίζονται σε δεδομένα χρησιμοποιώντας τεχνικές οπτικοποίησης δεδομένων που εμφανίζουν σχετικά και με δυνατότητα δράσης δεδομένα, καθώς και στατιστικά στοιχεία παρακολούθησης και βασικούς δείκτες απόδοσης (KPI). Οι πίνακες ελέγχου θα πρέπει να παρουσιάζουν αυτά τα δεδομένα σε γρήγορη και εύκολη σάρωση μορφή με τις πιο σχετικές πληροφορίες κατανοητές με μια ματιά.
Ο όρος γεννήθηκε από το παραδοσιακό ταμπλό αυτοκινήτων, και έχουν εξελιχθεί για να εκπληρώσουν την ίδια λειτουργία στον ψηφιακό κόσμο. Στο βιβλίο του , Ο Stephen Few το έβαλε καλύτερα:
Ένας πίνακας οργάνων είναι μια οπτικοποίηση των πιο σημαντικών πληροφοριών που απαιτούνται για την επίτευξη ενός ή περισσοτέρων στόχων, ενοποιημένων και οργανωμένων σε μία οθόνη, έτσι ώστε οι πληροφορίες να μπορούν να παρακολουθούνται με μια ματιά.
Σχεδιασμός κινητού πίνακα ελέγχου από Μάισον Γιάρνελ για το Mixpanel
Σε αυτό το άρθρο, περιγράφουμε στρατηγικά, αναλυτικά, λειτουργικά και ενημερωτικά παραδείγματα, καθώς και τις θεμελιώδεις αρχές που βρίσκονται στο επίκεντρο κάθε επιτυχημένου σχεδιασμού ταμπλό, ανεξάρτητα από τον τύπο.
Η σωστή προσέγγιση της οπτικοποίησης δεδομένων αποτελεί βασικό χαρακτηριστικό για να τεθούν τα θεμέλια για έναν επιτυχημένο πίνακα ελέγχου. Η οπτικοποίηση δεδομένων είναι η παρουσίαση δεδομένων μέσω γραφικών και εικόνων. Ο κύριος σκοπός του είναι να βοηθήσει τους υπεύθυνους λήψης αποφάσεων να εντοπίσουν μοτίβα ή να κατανοήσουν δύσκολες έννοιες που μπορεί να μην είναι απαρατήρητες σε εφαρμογές που βασίζονται σε κείμενο.
Στο βιβλίο του , Οπτικοποίηση δεδομένων , Ο Noah Iliinsky και η Julie Steele δηλώνουν:
Ο σκοπός του σχεδιαστή να σχεδιάσει μια οπτικοποίηση δεδομένων είναι να δημιουργήσει ένα παραδοτέο που είναι καλά λαμβανόμενο και εύκολο για τον αναγνώστη να κατανοήσει. Όλες οι επιλογές σχεδιασμού και συγκεκριμένες υλοποιήσεις πρέπει να εξυπηρετούν αυτόν τον σκοπό.
Κύρια χαρακτηριστικά των ταμπλό οργάνων Great
Ένας αποτελεσματικός πίνακας εργαλείων εμφανίζει με δυνατότητα δράσης και χρήσιμες πληροφορίες με μια ματιά. Απλοποιεί την οπτική αναπαράσταση σύνθετων δεδομένων και βοηθά τους ενδιαφερόμενους να κατανοήσουν, να αναλύσουν και να παρουσιάσουν βασικές ιδέες.
Πίνακας ελέγχου συμβολαίου από τον σχεδιαστή ApeeScape Wojciech Dobry
Τα μεγάλα πάνελ είναι καθαρά, διαισθητικά και προσαρμόσιμα.
- Επικοινωνούν πληροφορίες γρήγορα.
- Εμφανίζουν πληροφορίες με σαφήνεια και αποτελεσματικότητα.
- Δείχνουν τάσεις και αλλαγές στα δεδομένα με την πάροδο του χρόνου.
- Είναι εύκολα προσαρμόσιμα.
- Τα πιο σημαντικά widgets και στοιχεία δεδομένων παρουσιάζονται αποτελεσματικά σε περιορισμένο χώρο.
Μια αρχική προσαρμογή οπτικών δεδομένων και πληροφοριών για βασικές απαιτήσεις χρήστη θα συμβάλει στη βελτίωση της χρηστικότητας και στην εξάλειψη της ανάγκης για διαφορετικούς χρήστες.
Προσαρμόσιμα στοιχεία ταμπλό - Βιβλίο συμβολαίων από τον σχεδιαστή ApeeScape Wojciech Dobry
Τα μεγάλα πάνελ παρέχουν τα πάντα με ένα κλικ.
- Όλες οι βασικές πληροφορίες είναι άμεσα προσβάσιμες.
- Τα δεδομένα είναι προτεραιότητα.
- Οι πληροφορίες εμφανίζονται καθαρά σε μια οπτική ιεραρχία σε μια οθόνη.
- Ο σχεδιασμός παρέχει μια συνεπή επισκόπηση που περιλαμβάνει αραιά και ξεκάθαρα αρχικά δεδομένα με επιπλέον ευκαιρίες να σκάβουμε βαθύτερα.
- Τα στοιχεία (γράφημα, πίνακας, φόρμα) εμφανίζονται σε ελαχιστοποιημένη προβολή με τη δυνατότητα εμφάνισης περισσότερων λεπτομερειών σε ένα τροπικό παράθυρο ή μετάβαση σε μια σελίδα με περισσότερες λεπτομέρειες.
- Η διάταξη βελτιώνει τη χρηστικότητα με φίλτρα, επιτρέποντας στους χρήστες να προσαρμόσουν τον τρόπο εμφάνισης των δεδομένων και να φιλτράρουν περιεχόμενο χρησιμοποιώντας ετικέτες, κατηγορίες και KPI.
πόσα drones έχουν πουληθείΛεπτομερή δεδομένα που εξήχθησαν από ένα ταμπλό σε έναν τρόπο, από τον σχεδιαστή ApeeScape Μίκλος Φίλιπς
Η μειωμένη πολυπλοκότητα παρέχει σαφήνεια
Σε έναν κόσμο γεμάτο δεδομένα, η παροχή σαφών πληροφοριών είναι ένα από τα πιο δύσκολα πράγματα που μπορεί να επιτευχθεί. Η παρουσίαση μόνο των πιο σχετικών δεδομένων στους πίνακες ελέγχου είναι απαραίτητη: όσο περισσότερες πληροφορίες προβάλλουμε, τόσο πιο δύσκολο θα είναι για τους χρήστες να βρουν αυτό που χρειάζονται.
Όταν αντιμετωπίζετε πάρα πολλά δεδομένα για να επιλέξετε, οι σχεδιαστές θα πρέπει να εμφανίζουν μόνο το πιο σχετικό υποσύνολο. Πρέπει να δώσουμε προτεραιότητα και να εξαλείψουμε τις παραπλανητικές και ασαφείς μετρήσεις.
Οι αποτελεσματικές αποφάσεις σχεδιασμού ταμπλό οργάνων πρέπει να καθοδηγούνται από:
- τους στόχους του έργου
- τη φύση των δεδομένων
- ανάγκες του χρήστη
Όταν διαβάζετε μια οπτικοποίηση (ή οποιοδήποτε άλλο είδος επικοινωνίας), ο αναγνώστης σας έχει περιορισμένη ικανότητα εγκεφάλου να επικεντρωθεί στο πρόβλημα. Μέρος αυτού του εγκεφάλου θα είναι αφιερωμένο στην αποκωδικοποίηση της οπτικοποίησης, κάθε εναπομένουσα εγκεφαλική δύναμη μπορεί να χρησιμοποιηθεί για την κατανόηση του μηνύματος (εάν ο αναγνώστης δεν έχει ακόμη παραιτηθεί από την απογοήτευση).
- Noah Iliinsky και Julie Steele (Οπτικοποίηση δεδομένων)
Ο κύριος στόχος ενός πίνακα εργαλείων είναι να καταστούν οι σύνθετες πληροφορίες προσβάσιμες και εύπεπτες. Επομένως, η διεπαφή που παρουσιάζει τα δεδομένα πρέπει να είναι σαφής και απλή για να ελαχιστοποιηθεί το γνωστικό φορτίο των χρηστών και ο χρόνος αναζήτησης.
Η αρχιτεκτονική πληροφοριών πρέπει να παρουσιάζει βασικά δεδομένα πρώτα επιτρέποντας την πρόσβαση σε υποστηρικτικά ή δευτερεύοντα μέτρα. Πρέπει να σχεδιαστεί ένα προοδευτικό αναλυτικό σύστημα που ξεκινά με μια επισκόπηση και στη συνέχεια πηγαίνει σε περισσότερες λεπτομέρειες - διευκολύνει την προτεραιότητα δεδομένων και δημιουργεί σαφήνεια.
Προσδιορισμός των στόχων του ταμπλό και οπτικοποίηση των κατάλληλων δεδομένων
Τα επιτυχημένα σχέδια ταμπλό οργάνων ξεκινούν με ένα καλά καθορισμένο σύνολο στόχων που επικεντρώνεται στο πρόβλημα που πρέπει να λυθεί και το κλειδί για να μάθετε να καταργείτε από το σύνολο δεδομένων. Ο καθορισμός αυτών των στόχων προέρχεται από τη σαφή κατανόηση των εργασιών που πρέπει να εκτελέσει ο χρήστης.
πού να μάθετε c++
Οι καλοί σχεδιαστικοί στόχοι προάγουν την αποτελεσματική και ακριβή εκτέλεση. Χρησιμοποιώντας το πλαίσιο S.M.A.R.T για τον καθορισμό στόχων βάζει την εστίαση σε όσους είναι ειδικός , μετρητός , δικάσιμος , ρεαλιστικός Υ βάσει χρόνου .
Μερικές βασικές ερωτήσεις που πρέπει να κάνετε κατά τον καθορισμό των στόχων:
- Πόσα βήματα πρέπει να κάνουν οι χρήστες για να επιτύχουν έναν συγκεκριμένο στόχο;
- Είναι η διεπαφή αρκετά διαισθητική ώστε ο χρήστης να πετύχει το δικό του στόχο;
- Τι πληροφορίες χρειάζεται ο χρήστης για να πετύχει με επιτυχία τον στόχο του;
Για να προσδιορίσετε ποιος είναι ο στόχος ενός συγκεκριμένου σχεδίου ταμπλό, ορίστε τον ρωτώντας, 'Τι συγκεκριμένο πρόβλημα θα λύσει αυτός ο σχεδιασμός για τον χρήστη;' Η απάντηση θα παρέχει πληροφορίες σχετικά με το ποιες μετρήσεις, ιδιότητες, τιμές, εικόνες και δεδομένα είναι σημαντικές.
Ο στόχος με επίκεντρο τον στόχο εστιάζεται σε λύσεις σε πραγματικά προβλήματα και αποτελεί το θεμέλιο όλου του εξαιρετικού σχεδιασμού ταμπλό. Ξεκινά με μια σαφή κατανόηση των επιχειρηματικών στόχων, εξετάζει τους στόχους των χρηστών και, στη συνέχεια, μεταφέρει βασικές πληροφορίες που πρέπει να κοινοποιηθούν.
Περιεχόμενο στη σχεδίαση ταμπλό
Μία από τις μεγαλύτερες προκλήσεις στο σχεδιασμό ταμπλό είναι η εξυπηρέτηση πολλών ατόμων. Μόλις οριστεί κάθε ρόλος χρήστη, είναι σημαντικό να κατανοήσουμε πού επικαλύπτονται οι ανάγκες τους και πού αποκλίνουν.
Η αποτελεσματική επικοινωνία είναι η βασική αρχή κάθε επιτυχημένου σχεδιασμού ταμπλό οργάνων. Η πρόβλεψη πιθανών σεναρίων στα οποία ενδέχεται να βρεθούν οι χρήστες θα συμβάλει στην καλύτερη κατανόηση των συνθηκών του χρήστη.
Πάντα να έχετε κατά νου το πλαίσιο των χρηστών κατά το σχεδιασμό: προσδιορίστε τις τεχνικές γνώσεις τους, την εξοικείωσή τους με το σύστημα γενικά, τους στόχους τους κ.λπ.
Φροντίστε να κάνετε τις ακόλουθες ερωτήσεις όταν προσπαθείτε να προσδιορίσετε τη συμπεριφορά και το περιβάλλον χρήστη:
- Η διάταξη λαμβάνει υπόψη την κατεύθυνση που ο επισκέπτης έχει συνηθίσει να διαβάζει;
- Απαιτείται τεχνική γνώση για την αλληλεπίδραση με τον πίνακα ελέγχου;
- Θα μπορούν οι χρήστες να εκτελούν τις περισσότερες ενέργειες με λίγα μόνο κλικ;
- Το σχέδιο ευθυγραμμίζεται με το περιβάλλον του χρήστη δημιουργώντας λεπτομερή μενού; Χρησιμοποιείτε υποδηλωτική εικονογραφία και παλέτες χρωμάτων;
Η παλέτα χρωμάτων που χρησιμοποιείται στη σχεδίαση ενός ταμπλό θα πρέπει επίσης να θεωρείται ως πλαίσιο. Πολλοί πίνακες εργαλείων SaaS από επιχείρηση σε επιχείρηση έχουν σχεδιαστεί σε περιβάλλον εργασίας χρήστη με σκοτεινό θέμα, επειδή χρησιμοποιούνται για ώρες κάθε φορά.
Τα UI με σκοτεινό θέμα μπορούν να μειώσουν την καταπόνηση των ματιών και να υποστηρίξουν την οπτική ευκρίνεια στη διεπαφή. Ωστόσο, η υιοθέτηση αυτής της προσέγγισης απαιτεί προσεκτική αξιολόγηση της κατεύθυνσης του σχεδιασμού - τις αντισταθμίσεις και τους πιθανούς κινδύνους, όπως περιγράφεται σε μια προηγούμενη ανάρτηση ιστολογίου σχεδίασης: Δύο πράγματα που δεν πρέπει να κάνετε στο σκοτεινό περιβάλλον εργασίας χρήστη .
Καλύτερος σχεδιασμός ταμπλό με έρευνα χρηστών
Η έρευνα χρηστών συμβάλλει στη δημιουργία ενός περιβάλλοντος στο οποίο οι χρήστες παρουσιάζονται δεδομένα που είναι σχετικά, σαφή και συνοπτικά. Αυτό τους βοηθά να σκεφτούν το περιεχόμενο και τα δεδομένα που αναζητούν, αντί να χρησιμοποιούν και να έχουν πρόσβαση σε αυτό.
πώς να στείλετε μάρκες erc20
Ορισμένοι πίνακες εργαλείων πρέπει να λειτουργούν ή μπορούν να προσαρμοστούν χωρίς κόπο για χρήστες με διαφορετικούς ρόλους κοιτάζοντας τον ίδιο βασικό πίνακα ελέγχου. Η έρευνα των χρηστών είναι σημαντική επειδή βοηθά στον προσδιορισμό των στόχων των χρηστών, των διανοητικών μοντέλων, του περιβαλλοντικού περιβάλλοντος και των πόνων. Αυτοί είναι παράγοντες που έχουν μεγάλη επιρροή στον τελικό σχεδιασμό του ταμπλό.
Ο σχεδιαστής εμπειρίας χρήστη, ο ερευνητής και ο συγγραφέας Mike Kuniavsky σημειώνει ότι είναι «η διαδικασία κατανόησης του αντίκτυπου του σχεδιασμού σε ένα κοινό».
Ένας σχεδιαστής πρέπει να καθορίσει τους διαφορετικούς τύπους χρηστών και να κατανοήσει πού βρίσκονται οι στόχοι τους και πού διαφέρουν. Ποιες πληροφορίες είναι πιο ενεργές για έναν τύπο χρήστη σε σύγκριση με έναν άλλο; Θα πρέπει να εξετάσουν εάν πρέπει να υπάρχει διαφορετικός σχεδιασμός από τον ένα τύπο χρήστη στον άλλο, ή εάν υπάρχει λύση για μια πιο γενική περίπτωση χρήσης.
ευφυΐα πελατών ή ________ παρέχει διαφωτιστικές πληροφορίες στους επαγγελματίες του μάρκετινγκ.
Έχοντας αυτό κατά νου, είναι καλή ιδέα να ξεκινήσετε με στοιχειώδη wireframes και να προχωρήσετε σε πρωτότυπα που μπορούν να δοκιμαστούν με πραγματικούς χρήστες κατά τη διάρκεια μιας φάσης έρευνας χρήστη. Μια σύντομη φάση έρευνας χρηστών με μόλις πέντε χρήστες μπορεί να παρέχει πολύτιμες πληροφορίες και θα εξοικονομήσει τεράστιο χρόνο στο διαδίκτυο.
Προοδευτική αποκάλυψη στο σχεδιασμό ταμπλό οργάνων
ο προοδευτική αποκάλυψη είναι μια τεχνική που χρησιμοποιείται για να κρατήσει την προσοχή του χρήστη μειώνοντας την ακαταστασία. Η δημιουργία ενός συστήματος προοδευτικής αποκάλυψης συμβάλλει στη δημιουργία ενός περιβάλλοντος που επικεντρώνεται στον χρήστη, βοηθώντας να δοθεί προτεραιότητα στην προσοχή των χρηστών, να αποφευχθούν σφάλματα και να εξοικονομηθεί χρόνος. Επιτρέπει επίσης στους χρήστες να επικεντρώνονται στα βασικά χαρακτηριστικά που τους ενδιαφέρουν και να μην αναγκάζονται να επανεξετάσουν όλες τις δυνατότητες, ακόμη και αυτές που δεν χρειάζονται ή δεν τους ενδιαφέρουν.
Η προοδευτική αποκάλυψη είναι μια βέλτιστη πρακτική σχεδιασμού ταμπλό που θα μειώσει επίσης σημαντικά τα ποσοστά σφαλμάτων. βελτιώστε την αποδοτικότητα και βοηθήστε τους χρήστες να βελτιώσουν τη δική τους κατανόηση των ταμπλό όταν ένα σύστημα βασίζεται σε προτεραιότητα χαρακτηριστικών.
Η προοδευτική αποκάλυψη διαφέρει από σπάνια χρησιμοποιούμενα ή προηγμένα χαρακτηριστικά σε μια δευτερεύουσα οθόνη, καθιστώντας τις εφαρμογές ευκολότερες στην εκμάθηση και λιγότερο επιρρεπείς σε σφάλματα. - Jakob Nielsen
Το κινούμενο σχέδιο είναι ένας πολύ καλός τρόπος για την κάλυψη ποικίλων αναγκών των χρηστών κατά την εξυπηρέτηση πολλαπλών λειτουργιών. Είναι μια εξαιρετική επιλογή για χρήση κατά τη φόρτωση δεδομένων και εικόνων και είναι μια προηγμένη λύση προοδευτικής αποκάλυψης.
Το animation είναι η διαδικασία δημιουργίας της ψευδαίσθησης της κίνησης. Είναι μια δυναμική που δημιουργεί μια αίσθηση προόδου και συνεχή ανατροφοδότηση, μειώνοντας την αβεβαιότητα των χρηστών και αυξάνοντας την αντιληπτή απόδοση.
Πλεονεκτήματα της χρήσης προοδευτικής αποκάλυψης σε πίνακες:
- Μειώστε την αβεβαιότητα και το άγχος των χρηστών (δείχνοντας σημάδια προόδου, οι χρήστες είναι σίγουροι ότι όλα λειτουργούν όπως προορίζεται)
- Δώστε στους χρήστες κάτι για να δουν (μερική οπτικοποίηση δεδομένων) αντί να τους κάνουν να περιμένουν
- Παρέχετε στους χρήστες μια σαφή προσδοκία για τα επόμενα βήματα και δημιουργήστε μια κατανόηση του τρόπου με τον οποίο οι πληροφορίες παρουσιάζονται ιεραρχικά
Πιθανά προβλήματα με προοδευτικές γνωστοποιήσεις και μεταφορτώσεις δεδομένων περιλαμβάνουν:
- Ανάρμοστη χρήση δεικτών και γνωστοποιήσεων. Οι σύντομοι χρόνοι φόρτωσης και τα άχρηστα βήματα θα δημιουργήσουν απόσπαση της προσοχής και θα λειτουργήσουν ενάντια στις αρχές χρηστικότητας.
- Η καθυστέρηση στην ανάκτηση δεδομένων χωρίς σαφή ένδειξη προόδου μπορεί να οδηγήσει σε αβεβαιότητα χρήστη και υψηλότερα ποσοστά εγκατάλειψης.
- Η χρήση στατικών δεικτών προόδου είναι μια πολύ χωρίς νόημα λύση και δεν παρέχει αρκετές πληροφορίες για την πρόοδο, η οποία μπορεί επίσης να οδηγήσει σε αβεβαιότητα χρήστη και υψηλότερα ποσοστά εγκατάλειψης.
Περίληψη
Οι πίνακες ελέγχου είναι ένας ισχυρός τρόπος για την επικοινωνία δεδομένων και άλλων πληροφοριών, ειδικά με ένα κεντρικό στο χρήστη, εστιασμένο στο στόχο σχεδιασμό που ακολουθεί τις βέλτιστες πρακτικές για το σχεδιασμό του πίνακα ελέγχου και την κατάλληλη οπτικοποίηση δεδομένων. Παρόλο που κάθε πίνακας ελέγχου είναι διαφορετικός και έχει τους δικούς του στόχους, απαιτήσεις και περιορισμούς, η τήρηση αυτών των θεμελιωδών αρχών θα σας βοηθήσει να δημιουργήσετε εξαιρετικά σχέδια ανεξάρτητα από τις λεπτομέρειες:
- Το πρώτο και κύριο πράγμα είναι να κατανοήσουμε τους τύπους χρηστών και να κατανοήσουμε τους στόχους τους.
- Μεταφέρετε μια σαφή ιστορία στους χρήστες μέσω της χρήσης υπονοούμενων εικόνων, ετικετών, τεχνικών προοδευτικής αποκάλυψης και κινούμενων σχεδίων.
- Κάντε πολύπλοκα πράγματα εύκολα με την εφαρμογή τεχνικών έρευνας χρηστών.
- Αποκαλύψτε δεδομένα και πληροφορίες την κατάλληλη στιγμή, σε ένα σύστημα ανάλυσης.
- Χρησιμοποιήστε την οπτικοποίηση δεδομένων για να εκφράσετε πληροφορίες με ουσιαστικό τρόπο.
