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

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

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

Ποιος είναι ο Κανόνας;

Ο κανόνας 80/20 παρατηρήθηκε αρχικά από τον Ιταλό οικονομολόγο Vilfredo Pareto και η ίδια η αρχή ονομάστηκε Αρχή Pareto από τον Joseph M. Juran.

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

Ο κανόνας 80/20 υποστηρίζει ότι περίπου το 80 τοις εκατό των αποτελεσμάτων που παράγονται από οποιοδήποτε μεγάλο σύστημα προκαλούνται από το 20 τοις εκατό των μεταβλητών στο σύστημα.


Και στη συνέχεια, από τη Βικιπαίδεια :

Η αρχή του Pareto ... δηλώνει ότι, για πολλά γεγονότα, περίπου το 80% των επιπτώσεων προέρχεται από το 20% των αιτιών


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

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

Ποτέ μην ξεχνάτε την υποθετική φύση του κανόνα ...

Ναι, υπάρχουν επικριτές και εκείνοι που αισθάνονται τον κανόνα 80/20 δεν είναι παρά μια υπόθεση ή υπερβολικά γενική θεωρία που δεν ισχύει πάντοτε.

Ωστόσο, η ίδια η έννοια είναι ωφέλιμη για όσους εργάζονται σε διεπαφές χρήστη και λειτουργικότητα που απαιτεί εξέταση και βελτιστοποίηση - ακόμα και αν ο κανόνας είναι περισσότερο σαν 70/30 ή 90/10.

Πώς μπορούμε να την εφαρμόσουμε στην εμπειρία του χρήστη;

Σε κάθε δικτυακό τόπο, εφαρμογή ιστού ή περιβάλλον λογισμικού, ο κανόνας 80/20 μας λέει ότι το 20% των λειτουργιών και των λειτουργιών σε οποιοδήποτε περιβάλλον θα είναι υπεύθυνο για το 80% των αποτελεσμάτων ή των ενεργειών που πραγματοποιούνται εντός αυτού του περιβάλλοντος.

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

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

Μερικά παραδείγματα που αναγνωρίζουν τον κανόνα 80/20

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

Πάρτε για παράδειγμα ένα απλό στοιχείο UI όπως μια αναπτυσσόμενη λίστα χωρών που παρουσιάζονται σε μια φόρμα εγγραφής. Οι περισσότεροι προγραμματιστές ιστότοπων ή δημιουργοί περιεχομένου αναγνωρίζουν ότι το 80% του χρόνου, ορισμένες χώρες θα επιλεγούν.

Επομένως, παρόλο που φαίνεται να είναι κακή πρακτική για έναν τόσο μακρύ κατάλογο να σπάσει το αλφαβητισμό της λίστας, ο κανόνας 80/20 επιτρέπει την κατάπαυση αυτής της σύμβασης τοποθετώντας τις πιο επιλεγμένες χώρες στην κορυφή, όπως φαίνεται στην οθόνη που ακολουθεί από Ο Fenn Wright του Manson σελίδα ελέγχου:

Οι πιο πιθανές επιλογές χώρας του Fenn Wright Manson


Σε άλλες περιπτώσεις, όπως όταν προσθέτετε μια νέα διεύθυνση στο βιβλίο διευθύνσεών σας Amazon.com , η προεπιλεγμένη επιλογή είναι η πιο επιλεγμένη χώρα - στην περίπτωση αυτή, οι Ηνωμένες Πολιτείες:

Η προεπιλεγμένη επιλογή χώρας του Αμαζονίου


Ακολουθεί ένα άλλο παράδειγμα, αυτή τη φορά από μια επιχείρηση με έδρα το Ηνωμένο Βασίλειο που ονομάζεται Βόρεια Πινακοθήκη , η οποία έχει την επιλογή του Ηνωμένου Βασιλείου προεπιλεγμένη:

Η προεπιλεγμένη επιλογή χώρας της Norht Rock Gallery

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

Πού φαίνεται το χρήστη;

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

Ρίξτε μια ματιά στους χάρτες θερμότητας που παρουσιάζονται παρακάτω από το γνωστό άρθρο του Alertbox που αναφέρεται παραπάνω:

Κλίμακες θερμότητας Εμφάνιση του F-Pattern

Υποθέτοντας ότι αυτό είναι ένας καλός δείκτης για το πού επικεντρώνεται το μάτι του χρήστη, αυτό υποστηρίζει την έννοια του κανόνα 80/20. Οι πιο έντονες περιοχές του χάρτη θα μπορούσαν να αντιπροσωπεύουν το 20% της σελίδας που αλληλεπιδρούν τα μάτια του χρήστη με το 80% του χρόνου.

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

Φυσικά, ο σχεδιασμός θα είναι συχνά ο καθοριστικός παράγοντας για το πού βλέπει ο χρήστης, οπότε αυτή η πρόταση θα πρέπει απλώς να είναι ένας βασικός οδηγός και όχι κατ 'ανάγκη ένας δογματικός τρόπος να αποφασιστεί τι υπάγεται στο 20%.

Mobile Trends Design και τον Κανόνα 80/20

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

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

Έτσι, ενώ η κινητή έκδοση μιας ιστοσελίδας μπορεί να έχει τις δικές της περισσότερες από 20% επιλογές, σε σχέση με το πλήρες περιεχόμενο που υπάρχει σε έναν παραδοσιακό ιστότοπο, η έκδοση για κινητά θα έχει κανονικά μόνο τις πιο σημαντικές λειτουργίες.

Εδώ είναι ένα απλό παράδειγμα παρακάτω χρησιμοποιώντας το PETCO.com δικτυακός τόπος:

Petco πλήρη ιστοσελίδα

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

Συγκρίνετε αυτό με την έκδοση για κινητά, παρακάτω:

Petco mobile

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

Έτσι, οι καλές εφαρμογές για κινητά web είναι εξαιρετικά παραδείγματα σχεδιαστών που διοχετεύουν τις ενέργειές τους στις πιο σημαντικές πτυχές των έργων τους, εστιάζοντας στη λειτουργικότητα και το περιεχόμενο (το 20%) που χρησιμοποιείται κατά το μεγαλύτερο μέρος του χρόνου (το 80%).

Μαθήματα Συνοψίζονται

Έχοντας κατανοήσει πώς λειτουργεί ο κανόνας 80/20, οι σχεδιαστές είναι έτοιμοι να αναλάβουν δράση με διάφορους τρόπους, που συνοψίζονται παρακάτω:

  • Όπου είναι δυνατόν, αναλύστε προσεκτικά τα στοιχεία ανάλυσης και χρηστικότητας, για να προσδιορίσετε τις πιο χρησιμοποιούμενες λειτουργίες του 20% του ιστότοπού σας
  • Προτεραιότητα; δηλαδή, να εστιάσετε στις πιο σημαντικές πτυχές του ιστότοπου ή της εφαρμογής ιστού και να τις βελτιώσετε
  • Μην ξοδεύετε πολύ χρόνο βελτιστοποιώντας τα πράγματα που εμπίπτουν στο 80% που δεν χρησιμοποιείται συχνά
  • Απλοποιήστε τα σχέδια και τις διατάξεις σας βάσει δεδομένων που καθορίζουν τι εμπίπτει στις πιο χρησιμοποιούμενες λειτουργίες κατά 20%
  • Καταργήστε μη κρίσιμες λειτουργίες ή περιεχόμενο που δεν χρησιμοποιείται συχνά
  • Μην επενδύετε πάρα πολύ χρόνο και χρήμα για τη βελτιστοποίηση της λιγότερο χρησιμοποιούμενης λειτουργικότητας, καθώς η απόδοση της επένδυσής σας είναι πιθανόν να είναι χαμηλή
  • Βρείτε τρόπους βελτίωσης της λειτουργικότητας και του σχεδιασμού λιγότερο επικίνδυνων στοιχείων που θα μπορούσαν να έχουν μεγαλύτερο αντίκτυπο στις μετατροπές εάν τα στοιχεία του σχεδίου χρησιμοποιήθηκαν πιο συχνά


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

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


Αυτή η ανάρτηση γράφτηκε αποκλειστικά για το Webdesigner Depot του Louis Lazaris, ανεξάρτητου συγγραφέα και web developer. Ο Λούις τρέχει Εντυπωσιακοί ιστότοποι όπου δημοσιεύει άρθρα και σεμινάρια σχετικά με το σχεδιασμό ιστοσελίδων. Μπορείς ακολουθήστε το Louis στο Twitter ή να έρθετε σε επαφή μαζί του μέσω της ιστοσελίδας του.

Έχετε θεωρήσει τον κανόνα 80/20 στις αποφάσεις σχεδιασμού σας; Τι συνέπειες έχει για την επιτυχία της ιστοσελίδας ή της εφαρμογής σας στο διαδίκτυο; Μοιραστείτε τα σχόλιά σας παρακάτω.