Γραμμές καρτελών και κάτω πλοήγηση: Κανόνες σχεδίασης που αντέχουν

Τι λένε οι πλατφόρμες

Το Material Design 3 λέει ότι οι γραμμές πλοήγησης παρέχουν πρόσβαση σε τρεις έως πέντε προορισμούς, ο καθένας με ένα εικονίδιο και μια ετικέτα, και ένας προορισμός είναι πάντα ενεργός. Οι οδηγίες της Apple λένε να χρησιμοποιείται μια γραμμή καρτελών για πλοήγηση, να μην παρέχει ενέργειες, να διατηρείται ορατή καθώς οι άνθρωποι μετακινούνται μεταξύ των τμημάτων (εκτός από τις περιπτώσεις που το καλύπτει ένα modal) και να αποφεύγονται οι καρτέλες υπερχείλισης.

Επιλέγοντας τις καρτέλες

Οι καρτέλες αντιπροσωπεύουν τη δομή της εφαρμογής:

• Επιλέξτε τις ενότητες που χρησιμοποιούν πιο συχνά οι άνθρωποι, όχι όλες τις ενότητες που έχετε.
• Χρησιμοποιήστε ουσιαστικά για προορισμούς ("Βιβλιοθήκη"), όχι ρήματα για ενέργειες ("Μεταφόρτωση").
• Βάλτε ενέργειες στην ίδια την οθόνη, σε μια γραμμή εργαλείων ή ένα αιωρούμενο κουμπί δράσης.
• Εάν χρειάζεστε περισσότερα από πέντε, επανεξετάστε τη δομή σας πριν προσθέσετε μια καρτέλα "Περισσότερα".

Ετικέτες και σήματα

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

Διατήρηση κατάστασης ανά καρτέλα

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

Κίνηση

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