Σχεδίαση της διάταξης αναφοράς ανάλυσης

Ολοκληρώθηκε

Όταν οι καταναλωτές αναφορών εξετάζουν μια αναφορά, παρουσιάζεται μια αυτόματη και ασυνείδητη διαδικασία όταν κατανοήσουν αυτό που βλέπουν. Επομένως, θα πρέπει να τηρείτε τις βασικές αρχές σχεδίασης αναφορών για την υποστήριξη αυτής της διαδικασίας ώστε να επικοινωνείτε αποτελεσματικά τη σημασία από τα δεδομένα.

Σημείωση

Η σχεδίαση αναφορών είναι ένας συνδυασμός επιστήμης και τέχνης και υπάρχουν πολλά πιθανά σχέδια αναφορών που συμβάλλουν στην επίτευξη των απαιτήσεων κοινού και περιβάλλοντος εργασίας. Αυτό που έχει μεγαλύτερη σημασία είναι ότι η σχεδίαση αναφοράς επικοινωνεί αποτελεσματικά τα δεδομένα ώστε να ικανοποιούν τις απαιτήσεις.

Μια αναλυτική αναφορά μπορεί να αποτελείται από μία ή περισσότερες σελίδες και οι σελίδες περιλαμβάνουν αντικείμενα αναφοράς. Τα αντικείμενα αναφοράς μπορεί να είναι απεικονίσεις δεδομένων, οι οποίες αντιπροσωπεύουν αποτελέσματα ερωτημάτων ή διακοσμητικά στοιχεία όπως εικόνες, σχήματα φόντου ή κείμενο. Μπορείτε να αρχίσετε να σχεδιάζετε μια διάταξη αναφοράς, καθορίζοντας τον αριθμό, την ακολουθία και τον σκοπό των σελίδων. Βεβαιωθείτε ότι αποφεύγετε τον συνδυασμό θεμάτων ή αντίθετων στόχων στην ίδια σελίδα. Στη συνέχεια, σχεδιάστε κάθε διάταξη σελίδας με συγκεκριμένα αντικείμενα αναφοράς που σχετίζονται με τις απαιτήσεις.

Επιπλέον, οι καλές διατάξεις σχεδίασης αναφορών θα πρέπει να λαμβάνουν υπόψη τις αρχές σχεδίασης τοποθέτησης, ισορροπίας, αντίθεσης, εγγύτητας και επανάληψης.

Συμβουλή

Να θυμάστε πάντα ότι ισχύει περισσότερη παροιμοίαση για το less. η απλότητα και η σαφήνεια οδηγούν σε καλή σχεδίαση.

Τοποθέτηση

Η καλή τοποθέτηση των αντικειμένων αναφοράς συμβάλλει σε μια ταξινομημένη σχεδίαση αναφοράς. Γενικά, θα πρέπει να τοποθετήσετε τις πιο σημαντικές πληροφορίες στην επάνω αριστερή γωνία της σελίδας και να τακτοποιήσετε τα στοιχεία αναφοράς από αριστερά προς τα δεξιά και από επάνω προς τα κάτω.

Διάγραμμα που εμφανίζει ένα βέλος που ξεκινά στην επάνω αριστερή γωνία της σελίδας αναφοράς και ταξιδεύει από αριστερά προς τα δεξιά.

Σημείωση

Αυτή η τοποθέτηση ισχύει για ακροατήρια που διαβάζουν κυρίως από αριστερά προς τα δεξιά (LTR). Όταν το ακροατήριό σας διαβάζει από δεξιά προς τα αριστερά (RTL), όπως συμβαίνει με ορισμένες γραπτές γλώσσες όπως τα Αραβικά και τα Εβραϊκά, τοποθετήστε τις πιο σημαντικές πληροφορίες στην επάνω δεξιά γωνία και τακτοποιήστε τα στοιχεία αναφοράς από δεξιά προς τα αριστερά.

Τακτοποιήστε τα αντικείμενα αναφοράς έτσι ώστε να στοιχίζονται τα κατακόρυφα και οριζόντια άκρα καθώς φαίνεται ταξινομημένα και είναι ευχάριστα. Αντικείμενα αναφοράς που σχετίζονται με τη θέση σε λογικές ομάδες. Μια ταξινομημένη διάταξη αναφοράς δημιουργεί μια σύνδεση μεταξύ των στοιχείων απεικόνισης και αποφεύγει την ακαταστασία που μπορεί να προκύψει από μια φαινομενικά τυχαία τοποθέτηση αντικειμένων αναφοράς.

Επιπλέον, η στοίχιση αντικειμένων αναφοράς σε μια οπτικά ευχάριστη διάταξη μπορεί να μεταφέρει περισσότερη ενέργεια και ενδιαφέρον από το να κεντράρετε ή να τοποθετείτε τυχαία αντικείμενα αναφοράς. Εξετάστε το ενδεχόμενο να εφαρμόσετε τον κανόνα των τρίτων, ο οποίος είναι ένας κανόνας εικαστικές τέχνες που μπορεί να εφαρμοστεί στις τοποθετήσεις αντικειμένων αναφοράς σε μια αναλυτική αναφορά. Ο κανόνας προτείνει μια διάταξη σελίδας να διαιρείται σε ένα αόρατο πλέγμα εννέα ίσων τμημάτων. Το πλέγμα διαμορφώνεται από δύο οριζόντιες γραμμές με ίσα διαστήματα και δύο κατακόρυφες γραμμές σε ίσα διαστήματα. Στη συνέχεια, τα αντικείμενα αναφοράς μπορούν να τοποθετηθούν μέσα στα κελιά του πλέγματος.

Διάγραμμα που εμφανίζει μια σελίδα αναφοράς με οριζόντιες και κατακόρυφες γραμμές που αντιπροσωπεύουν τα τρίτα.

Στο κατάστημα σκέιτμπορντ Contoso, ένας προτεινόμενος σχεδιασμός αναφοράς για την ανάλυση πωλήσεων παρουσιάζει τρεις κατακόρυφες περιοχές ίσου μεγέθους. Η πρώτη περιοχή εμφανίζει τις πωλήσεις κατανεμημένες κατά προϊόν, η δεύτερη περιοχή εμφανίζει τις πωλήσεις κατανεμημένες κατά κατάστημα πελατών και η τρίτη περιοχή εμφανίζει τα στοιχεία που έχουν πωληθεί.

Στιγμιότυπο οθόνης που εμφανίζει ένα παράδειγμα διάταξης αναφοράς καθοδηγούμενης από τον κανόνα της αρχής σχεδίασης τρίτων.

Υπόλοιπο

Ένα άλλο σημαντικό ζήτημα που πρέπει να λάβετε υπόψη όταν τοποθετείτε αντικείμενα αναφοράς είναι η ισορροπία. Η ισορροπία αφορά τη σταθερότητα και τη δομή στο σχεδιασμό. Στο πλαίσιο μιας διάταξης αναφοράς, το υπόλοιπο αναφέρεται στο βάρος που κατανέμεται σε όλη τη σελίδα αναφοράς με την τοποθέτηση αντικειμένων του ίδιου ή διαφορετικού μεγέθους.

Το υπόλοιπο μπορεί να είναι συμμετρικό ή ασύμμετρο. Η συμμετρική ισορροπία επιτυγχάνεται με ομοιόμορφη κατανομή του βάρους και στα δύο ημίχρονα της σελίδας. Η ασύμμετρη ισορροπία επιτυγχάνεται μέσω αντίθεσης.

Εξετάστε τη χρήση της χρυσής αναλογίας ως οδηγό για την παραγωγή ασύμμετρης ισορροπίας. Η αναλογία βασίζεται στην ακολουθία Fibonacci, όπου δύο ποσότητες είναι στη χρυσή αναλογία εάν η αναλογία τους είναι ίδια με την αναλογία του αθροίσματος τους προς τη μεγαλύτερη από τις δύο ποσότητες. Για αιώνες, η χρυσή αναλογία έχει επηρεάσει την τέχνη και την αρχιτεκτονική για την παραγωγή έργων αρμονικών και ισορροπημένων. Εάν εφαρμοστεί στη σχεδίαση αναφοράς, η χρυσή αναλογία θα στοιχίσει μια σελίδα ώστε να έχει μια μεγάλη απεικόνιση για να τραβήξει την αρχική προσοχή, η οποία στη συνέχεια υποστηρίζεται από μικρότερες απεικονίσεις που παρέχουν περιβάλλον.

Στην παρακάτω κινούμενη εικόνα, παρατηρήστε πώς η διάταξη αναφοράς αρχικά τραβάει την προσοχή σας στα μεγαλύτερα γραφήματα. Αφού κατανοήσετε τα μεγαλύτερα γραφήματα, παρατηρήστε ότι το μάτι σας είναι πιθανό να τραβήξει το γράφημα ράβδων και, στη συνέχεια, τις τιμές στις κάρτες.

Κινούμενο διάγραμμα του οδηγού χρυσής αναλογίας.

Εγγύτητα

Σε μια διάταξη αναφοράς, η εγγύτητα αφορά την εγγύτητα των αντικειμένων αναφοράς. Όταν μια σελίδα αναφοράς αποτελείται από πολλές ομάδες σχετικών αντικειμένων, θα πρέπει να χρησιμοποιείτε χώρο για να τα διαχωρίσετε οπτικά.

Στην παρακάτω σχεδίαση αναφοράς, παρατηρήστε την ενότητα επάνω αριστερά με την ετικέτα βασικά μετρικά. Οι σχετικές απεικονίσεις τοποθετούνται κοντά η μία στην άλλη. Στοιχίζονται επίσης σκόπιμα και με συνέπεια, σχηματίζοντας μια σαφή ενότητα.

Στιγμιότυπο οθόνης που εμφανίζει ένα παράδειγμα διάταξης αναφοράς που έχει μια ενότητα βασικών μετρικών επισημασμένη σε ένα κόκκινο πλαίσιο.

Αντίθεση

Η αντίθεση μπορεί να χρησιμοποιηθεί για τον συνδυασμό δύο αντίθετων αντικειμένων. Η χρήση αντίθετων χρωμάτων, γραμματοσειρών, ιδιοτήτων γραμματοσειράς ή γραμμών μπορεί να δώσει έμφαση σε σημαντικά αντικείμενα της σχεδίασης αναφοράς. Χρησιμοποιήστε αυτήν την αρχή για να κατευθύνετε τους καταναλωτές αναφορών στο σημείο όπου θα πρέπει να κοιτάξουν ή σε ποια απεικόνιση δεδομένων πρέπει να αλληλεπιδράσουν πρώτα.

Το SCreenshot εμφανίζει ένα παράδειγμα διάταξης αναφοράς που διαθέτει δύο απεικονίσεις γραφήματος ράβδων. Η γραμμή προϊόντος με τις μεγαλύτερες πωλήσεις επισημαίνεται με μπλε χρώμα, ενώ οι υπόλοιπες ράβδοι είναι γκρι.

Επανάληψη

Η επανάληψη σε μια σχεδίαση αναφοράς δημιουργεί συσχέτιση και συνέπεια. Η καλή χρήση της επανάληψης μπορεί να βοηθήσει στην ενίσχυση μιας διάταξης αναφοράς με τη σύνδεση σχετικών αντικειμένων αναφοράς.

Στην παρακάτω σχεδίαση αναφοράς, παρατηρήστε την επάνω αριστερή ενότητα με την ονομασία Βασικά μετρικά. Πολλά βασικά μετρικά παρουσιάζονται σε κάρτες μίας τιμής. Αυτή η επαναλαμβανόμενη σχεδίαση επιτρέπει στους καταναλωτές αναφορών να κατανοούν και να ερμηνεύουν γρήγορα τα μετρικά.

Στιγμιότυπο οθόνης που εμφανίζει ένα παράδειγμα διάταξης αναφοράς που διαθέτει μια ενότητα βασικών μετρικών. Δύο κόκκινα πλαίσια επισημαίνουν πέντε απεικονίσεις κάρτας που εμφανίζουν τιμές βασικών μετρικών.