Σχεδίαση αναφορών για περιήγηση

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

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

Συμβουλή

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

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

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

Εικόνα που εμφανίζει κουμπιά περιήγησης σελίδας για τις σελίδες Πωλήσεις και Επιστροφές. Τα εικονίδια σελίδας επισημαίνονται όταν η σελίδα είναι ανοιχτή.

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

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

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

Παρομοίως, εάν μια ενέργεια κουμπιού πραγματοποιεί άντληση σε μια σελίδα, τοποθετήστε την όσο το δυνατόν πιο κοντά στην απεικόνιση που την ενεργοποιεί.

Στην παρακάτω εικόνα, το κουμπί Άντληση λεπτομερειών βρίσκεται επάνω από την απεικόνιση που την ενεργοποιεί.

Εικόνα που εμφανίζει το κουμπί Άντληση στη λεπτομέρεια που βρίσκεται ακριβώς επάνω από την απεικόνιση που την ενεργοποιεί.

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

Σημείωση

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

Εικόνα που εμφανίζει μια σελίδα αναφοράς με ένα κουμπί

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

Μορφοποίηση κατάδειξης

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

Εικόνα που εμφανίζει δύο σενάρια. Το πρώτο σενάριο εμφανίζει το κουμπί

Περιγραφικές συμβουλές εργαλείων

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

Εικόνα που εμφανίζει τον δείκτη του ποντικιού να αιωρείται πάνω από το κουμπί

Σημείωση

Ενεργοποιήστε και εισαγάγετε το κείμενο συμβουλής εργαλείου στην ενότητα Ενέργεια για το κουμπί.