Key Takeaways
1. Μην Κάνετε τους Χρήστες να Σκέφτονται: Σχεδιάστε με Ένστικτο και Καθαρότητα
Αν δεν μπορείτε να κάνετε μια σελίδα αυτονόητη, τουλάχιστον πρέπει να την κάνετε αυτοεξηγητική.
Ο ενστικτώδης σχεδιασμός είναι το κλειδί. Οι χρήστες δεν θα πρέπει να προσπαθούν να καταλάβουν πώς λειτουργεί η ιστοσελίδα σας. Κάθε στοιχείο, από την πλοήγηση μέχρι το περιεχόμενο, θα πρέπει να είναι άμεσα κατανοητό. Όταν οι χρήστες συναντούν κάτι ασαφές, δημιουργείται γνωστική τριβή, που τους καθυστερεί και ενδεχομένως τους απομακρύνει.
Αυτονόητο vs. αυτοεξηγητικό. Ιδανικά, ο σχεδιασμός σας θα πρέπει να είναι αυτονόητος, απαιτώντας καμία σκέψη για να κατανοηθεί. Αν αυτό δεν είναι εφικτό, στοχεύστε σε αυτοεξηγητικό, όπου οι χρήστες μπορούν να κατανοήσουν γρήγορα την έννοια με ελάχιστη προσπάθεια. Αυτό ισχύει για τα πάντα, από τις ετικέτες των κουμπιών μέχρι τη συνολική δομή της ιστοσελίδας.
Μειώστε την ψυχική επιβάρυνση. Εξαλείψτε τα ερωτηματικά στο μυαλό των χρηστών. Κάντε τις επιλογές προφανείς, χρησιμοποιήστε σαφή γλώσσα και ακολουθήστε καθιερωμένες διαδικτυακές συμβάσεις. Όσο λιγότερο χρειάζεται να σκεφτούν οι χρήστες για να χρησιμοποιήσουν την ιστοσελίδα σας, τόσο περισσότερη ψυχική ενέργεια μπορούν να αφιερώσουν στο περιεχόμενο ή τα προϊόντα σας.
2. Οι Χρήστες του Διαδικτύου Σαρώνονται, Δεν Διαβάζουν: Βελτιστοποιήστε για Γρήγορη Κατανόηση
Δεν διαβάζουμε σελίδες. Τις σαρώσουμε.
Η σάρωση είναι ο κανόνας. Οι περισσότεροι χρήστες δεν διαβάζουν τις ιστοσελίδες προσεκτικά. Σαρώσουν γρήγορα, αναζητώντας λέξεις-κλειδιά, φράσεις και οπτικά στοιχεία που ταιριάζουν με την εργασία ή το ενδιαφέρον τους. Αυτή η συμπεριφορά καθοδηγείται από την πίεση χρόνου, τη γνώση ότι δεν χρειάζεται να διαβάσουν τα πάντα και τα χρόνια εμπειρίας με την "αρκετά καλή" συλλογή πληροφοριών.
Σχεδιάστε για σαρωτές. Χρησιμοποιήστε τεχνικές που καθιστούν το περιεχόμενό σας εύκολο στην αναγνώριση:
- Σαφή, περιγραφικά τίτλοι και υπότιτλοι
- Λίστες με κουκίδες
- Σύντομες παραγράφους
- Επισημασμένες λέξεις-κλειδιά
- Σημαντικές εικόνες και λεζάντες
Προτεραιότητα στην σημαντική πληροφορία. Τοποθετήστε το πιο κρίσιμο περιεχόμενο στην κορυφή της σελίδας και στην αρχή των παραγράφων. Χρησιμοποιήστε το στυλ της αναστραμμένης πυραμίδας από τη δημοσιογραφία: ξεκινήστε με το συμπέρασμα και στη συνέχεια παρέχετε υποστηρικτικές λεπτομέρειες.
3. Δημιουργήστε Καθαρές Οπτικές Ιεραρχίες και Συμβάσεις
Οι συμβάσεις είναι φίλοι σας.
Η οπτική ιεραρχία καθοδηγεί τους χρήστες. Κάντε τα σημαντικά στοιχεία πιο προφανή μέσω μεγέθους, χρώματος, θέσης και λευκού χώρου. Ομαδοποιήστε οπτικά τα σχετικά στοιχεία. Χρησιμοποιήστε φωλιάσματα για να δείξετε τι ανήκει σε τι. Μια καθαρή οπτική ιεραρχία βοηθά τους χρήστες να κατανοήσουν τη σελίδα σας με μια ματιά.
Εκμεταλλευτείτε τις συμβάσεις. Οι διαδικτυακές συμβάσεις έχουν εξελιχθεί για κάποιο λόγο – λειτουργούν. Οι χρήστες έχουν μάθει να περιμένουν ορισμένα στοιχεία σε συγκεκριμένες θέσεις (π.χ., λογότυπο στην επάνω αριστερή γωνία, αναζήτηση στην επάνω δεξιά). Κρατήστε αυτές τις συμβάσεις εκτός αν έχετε πολύ καλό λόγο να μην το κάνετε.
Ισορροπήστε την καινοτομία και την οικειότητα. Ενώ η δημιουργικότητα είναι πολύτιμη, μην επαναστατείτε για βασικές λειτουργίες. Οι οικείες μορφές μειώνουν το γνωστικό φορτίο. Αν καινοτομείτε, βεβαιωθείτε ότι ο νέος σχεδιασμός είναι τόσο ενστικτώδης που δεν απαιτεί καμία καμπύλη εκμάθησης ή προσθέτει σημαντική αξία για να δικαιολογήσει μια μικρή καμπύλη εκμάθησης.
4. Σπάστε τις Σελίδες σε Καθαρές Καθορισμένες Περιοχές
Ιδανικά, οι χρήστες θα πρέπει να μπορούν να παίξουν μια εκδοχή του παλιού παιχνιδιού του Dick Clark, $25,000 Pyramid, με οποιαδήποτε καλά σχεδιασμένη ιστοσελίδα.
Διακριτές ζώνες βοηθούν την κατανόηση. Η διαίρεση της σελίδας σας σε καθαρές καθορισμένες περιοχές βοηθά τους χρήστες να αποφασίσουν γρήγορα ποιες περιοχές να εστιάσουν και ποιες να αγνοήσουν. Αυτό είναι ιδιαίτερα σημαντικό δεδομένης της τάσης των χρηστών να σαρώσουν παρά να διαβάσουν προσεκτικά.
Κάντε τις περιοχές άμεσα αναγνωρίσιμες. Οι χρήστες θα πρέπει να μπορούν να αναγνωρίσουν τον σκοπό κάθε περιοχής με μια ματιά:
- Πλοήγηση
- Αναζήτηση
- Περιεχόμενο
- Διαφήμιση
- Στοιχεία branding
Χρησιμοποιήστε οπτικό σχεδιασμό για να ενισχύσετε τις διαχωρίσεις. Χρησιμοποιήστε τεχνικές όπως λευκός χώρος, περιθώρια, χρωματικά φόντα και συνεπή στυλ για να διαχωρίσετε διαφορετικές περιοχές. Αυτή η οπτική οργάνωση βοηθά τους χρήστες να χτίσουν ένα νοητικό μοντέλο της δομής της ιστοσελίδας σας.
5. Κάντε Προφανές το Τι Είναι Κλικαρίσιμο
Δεδομένου ότι ένα μεγάλο μέρος αυτού που κάνουν οι άνθρωποι στο Διαδίκτυο είναι να αναζητούν το επόμενο πράγμα που θα κλικάρουν, είναι σημαντικό να κάνετε προφανές το τι είναι κλικαρίσιμο και τι όχι.
Σαφείς δυνατότητες μειώνουν την απογοήτευση. Οι χρήστες δεν θα πρέπει να μαντεύουν τι μπορούν να αλληλεπιδράσουν. Κάντε τους συνδέσμους και τα κουμπιά να ξεχωρίζουν μέσω:
- Συνεπούς στυλ (π.χ., υπογραμμισμένο κείμενο για συνδέσμους)
- Χρωματικής διαφοροποίησης
- Εφέ hover
- Σχήματα που μοιάζουν με κουμπιά για σημαντικές ενέργειες
Αποφύγετε τις ψευδείς δυνατότητες. Μην κάνετε τα μη-διαδραστικά στοιχεία να φαίνονται κλικαρίσιμα. Αυτό δημιουργεί σύγχυση και υπονομεύει την εμπιστοσύνη στη διεπαφή σας.
Σκεφτείτε τις αλληλεπιδράσεις σε κινητές συσκευές. Σε συσκευές αφής, κάντε τους στόχους αφής αρκετά μεγάλους και spaced κατάλληλα. Παρέχετε οπτική ανατροφοδότηση για τα κλικ για να επιβεβαιώσετε την αλληλεπίδραση.
6. Εξαλείψτε τις Αποσπάσεις και την Ακαταστασία
Απαλλαγείτε από το μισό των λέξεων σε κάθε σελίδα, στη συνέχεια απαλλαγείτε από το μισό από ό,τι έχει απομείνει.
Η εστίαση είναι κρίσιμη. Κάθε περιττό στοιχείο σε μια σελίδα ανταγωνίζεται για την προσοχή του χρήστη. Οι ακατάστατοι σχεδιασμοί καθιστούν πιο δύσκολο για τους χρήστες να βρουν αυτό που αναζητούν και να κατανοήσουν το μήνυμά σας.
Επιμεληθείτε αυστηρά. Εξαλείψτε:
- Περιττές λέξεις και περιεχόμενο
- Επαναλαμβανόμενες επιλογές πλοήγησης
- Καθαρά διακοσμητικές εικόνες
- Υπερβολικά πολύπλοκες διατάξεις
Αγκαλιάστε τον λευκό χώρο. Μην αισθάνεστε υποχρεωμένοι να γεμίσετε κάθε pixel. Ο λευκός χώρος βοηθά στην οργάνωση του περιεχομένου, βελτιώνει την αναγνωσιμότητα και δίνει στα σημαντικά στοιχεία χώρο να αναπνεύσουν.
Προτεραιοποιήστε αυστηρά. Για κάθε στοιχείο στη σελίδα, ρωτήστε: "Υποστηρίζει αυτό τον κύριο στόχο αυτής της σελίδας;" Αν όχι, σκεφτείτε να το αφαιρέσετε ή να το κάνετε λιγότερο προφανές.
7. Σχεδιάστε Αποτελεσματική Πλοήγηση: Κάντε την Εύκολη στην Εύρεση και Κατανόηση
Η πλοήγηση στο Διαδίκτυο αντισταθμίζει αυτή την έλλειψη αίσθησης του τόπου ενσωματώνοντας τη ιεραρχία της ιστοσελίδας, δημιουργώντας μια αίσθηση του "εκεί".
Η σαφής πλοήγηση είναι κρίσιμη. Καλή πλοήγηση λέει στους χρήστες τι υπάρχει στην ιστοσελίδα, πώς να το χρησιμοποιήσουν και τους δίνει αυτοπεποίθηση στους δημιουργούς της ιστοσελίδας. Θα πρέπει να είναι συνεπής σε όλη την ιστοσελίδα και να παρέχει συμφραζόμενα για το πού βρίσκεται ο χρήστης μέσα στη δομή της ιστοσελίδας.
Κύρια στοιχεία πλοήγησης:
- Μόνιμη πλοήγηση (παρούσα σε κάθε σελίδα)
- Σαφή ονόματα τμημάτων
- Ένας σύνδεσμος "Αρχική"
- Λειτουργία αναζήτησης
- Ψίχουλα για βαθιές ιεραρχίες
Κάντε τις κατηγορίες αυτονόητες. Οι χρήστες θα πρέπει να μπορούν να προβλέψουν τι θα βρουν σε κάθε τμήμα. Χρησιμοποιήστε σαφείς, περιγραφικές ετικέτες και αποφύγετε έξυπνα ονόματα που μπορεί να είναι ασαφή.
8. Βελτιστοποιήστε την Αρχική Σελίδα σας: Καθαρός Σκοπός και Εύκολα Σημεία Εκκίνησης
Η Αρχική σελίδα πρέπει να φιλοξενεί όλους, που είναι σαν να λέμε "Ο καθένας μπορεί να παρκάρει εδώ" για μια μόνο θέση στάθμευσης.
Επικοινωνήστε τον σκοπό άμεσα. Μέσα σε δευτερόλεπτα, οι νέοι επισκέπτες θα πρέπει να κατανοήσουν τι αφορά η ιστοσελίδα σας και τι προσφέρει. Χρησιμοποιήστε μια σαφή φράση και συνοπτικό επεξηγηματικό κείμενο.
Δείξτε τις κύριες λειτουργίες. Κάντε προφανές πώς να ξεκινήσετε τις πιο σημαντικές εργασίες στην ιστοσελίδα σας. Είτε πρόκειται για αναζήτηση, δημιουργία λογαριασμού ή περιήγηση σε προϊόντα, αυτά τα σημεία εισόδου θα πρέπει να είναι προφανή.
Ισορροπήστε τις ανταγωνιστικές ανάγκες. Οι αρχικές σελίδες συχνά πρέπει να εξυπηρετούν πολλαπλά κοινά και επιχειρηματικούς στόχους. Προτεραιοποιήστε αυστηρά και εστιάστε στα πιο κρίσιμα στοιχεία. Αντιστάσου στην επιθυμία να προωθήσετε τα πάντα.
9. Δοκιμές Χρηστικότητας με Προϋπολογισμό: Κρατήστε το Απλό και Κάντε το Συχνά
Η δοκιμή ενός χρήστη νωρίς στο έργο είναι καλύτερη από τη δοκιμή 50 κοντά στο τέλος.
Τακτική δοκιμή είναι ανεκτίμητη. Ακόμα και οι μικρές, ανεπίσημες δοκιμές χρηστικότητας μπορούν να αποκαλύψουν σημαντικά προβλήματα. Στοχεύστε να δοκιμάσετε νωρίς και συχνά κατά τη διάρκεια της διαδικασίας ανάπτυξης.
Κρατήστε το απλό:
- Δοκιμάστε με 3-4 χρήστες ανά γύρο
- Εστιάστε σε κύριες εργασίες και σημεία πόνου
- Χρησιμοποιήστε πρωτόκολλα σκέψης για να κατανοήσετε τις διαδικασίες σκέψης των χρηστών
- Αναζητήστε μοτίβα σε πολλούς χρήστες
Δράστε γρήγορα με τις πληροφορίες. Ο στόχος είναι να βελτιώσετε το σχεδιασμό, όχι να δημιουργήσετε περίπλοκες αναφορές. Μετά από κάθε γύρο δοκιμών, προσδιορίστε τα πιο κρίσιμα ζητήματα και εφαρμόστε τις διορθώσεις άμεσα.
10. Η Προσβασιμότητα Μετράει: Σχεδιάστε για Όλους τους Χρήστες
Το να κάνετε τις σελίδες αυτονόητες είναι σαν να έχετε καλό φωτισμό σε ένα κατάστημα: απλώς κάνει τα πάντα να φαίνονται καλύτερα.
Ο συμπεριληπτικός σχεδιασμός ωφελεί όλους. Ο σχεδιασμός για την προσβασιμότητα όχι μόνο βοηθά τους χρήστες με αναπηρίες αλλά συχνά βελτιώνει τη χρηστικότητα για όλους τους χρήστες. Είναι επίσης ολοένα και πιο σημαντικός για νομική συμμόρφωση και ηθικές επιχειρηματικές πρακτικές.
Κύριες παρατηρήσεις προσβασιμότητας:
- Παρέχετε εναλλακτικά κείμενα για εικόνες
- Διασφαλίστε την πλοήγηση μέσω πληκτρολογίου
- Χρησιμοποιήστε επαρκή χρωματική αντίθεση
- Δημιουργήστε μια λογική δομή περιεχομένου
- Κάντε τις φόρμες προσβάσιμες
Ξεκινήστε με τα βασικά. Ακόμα και μικρές βελτιώσεις στην προσβασιμότητα μπορούν να κάνουν μεγάλη διαφορά. Εστιάστε στις πιο επιδραστικές αλλαγές πρώτα και στη συνέχεια σταδιακά ενισχύστε την προσβασιμότητα με την πάροδο του χρόνου.
11. Γράψτε για το Διαδίκτυο: Συνοπτικό, Σαρωτό και Αντικειμενικό
Η ευχάριστη ομιλία πρέπει να πεθάνει.
Η συντομία είναι το κλειδί. Οι χρήστες του Διαδικτύου έχουν περιορισμένο χρόνο και προσοχή. Κόψτε περιττές λέξεις, εισαγωγικό κείμενο και γλώσσα μάρκετινγκ. Πηγαίνετε κατευθείαν στο θέμα γρήγορα και καθαρά.
Κάντε το κείμενο σαρωτό:
- Χρησιμοποιήστε σημαντικούς τίτλους και υπότιτλους
- Χρησιμοποιήστε λίστες με κουκίδες και αριθμημένες λίστες
- Επισημάνετε βασικούς όρους και φράσεις
- Χρησιμοποιήστε σύντομες παραγράφους και άφθονο λευκό χώρο
Να είστε αντικειμενικοί και άμεσοι. Αποφύγετε την υπερβολή και τις υπερβολικές αξιώσεις. Οι χρήστες είναι σκεπτικιστές απέναντι στη γλώσσα μάρκετινγκ και εκτιμούν σαφείς, πραγματικές πληροφορίες. Αφήστε τα προϊόντα ή τις υπηρεσίες σας να μιλήσουν από μόνες τους.
Last updated:
FAQ
What's "Don't Make Me Think" about?
- Web Usability Focus: "Don't Make Me Think" by Steve Krug is a guide to web usability, emphasizing the importance of intuitive design that doesn't require users to think too much.
- Practical Advice: The book provides practical advice on how to create user-friendly websites by focusing on design principles rather than technology.
- User-Centric Approach: It stresses the importance of understanding how users interact with websites and designing with their needs in mind.
- Second Edition Updates: The second edition includes updated examples and additional chapters on accessibility and usability testing.
Why should I read "Don't Make Me Think"?
- Improve Usability Skills: It offers valuable insights into making websites more user-friendly, which is crucial for anyone involved in web design or development.
- Practical and Concise: The book is known for its brevity and practical approach, making it easy to read and apply the concepts quickly.
- Widely Respected: Steve Krug is a respected figure in the field of usability, and his book is considered a classic in web design literature.
- Broad Audience: Whether you're a designer, developer, or project manager, the book provides relevant advice for improving web usability.
What are the key takeaways of "Don't Make Me Think"?
- First Law of Usability: Krug's first law is "Don't make me think," emphasizing that web pages should be self-evident and intuitive.
- User Behavior Insights: Users scan pages rather than read them, and they often satisfice, choosing the first reasonable option rather than the best one.
- Importance of Testing: Regular usability testing is crucial, even if it's informal and involves just a few users.
- Clear Navigation: Effective navigation is essential for a good user experience, and it should be consistent and easy to understand.
How does Steve Krug define usability in "Don't Make Me Think"?
- Ease of Use: Usability means ensuring that a person of average ability can use a website for its intended purpose without frustration.
- Common Sense Approach: Krug advocates for a common-sense approach to usability, focusing on making things obvious and self-explanatory.
- User-Centric Design: The design should prioritize the user's needs and minimize the cognitive load required to navigate the site.
- Iterative Testing: Usability is best achieved through iterative testing and refinement based on user feedback.
What is Krug's First Law of Usability?
- "Don't Make Me Think": The first law is that web pages should be self-evident, meaning users should understand them without having to think.
- Obvious and Intuitive: The design should be obvious and intuitive, allowing users to navigate without confusion or hesitation.
- Reduce Cognitive Load: By minimizing the cognitive load, users can focus on their tasks rather than figuring out how to use the site.
- Ultimate Tie Breaker: This principle serves as the ultimate tie breaker when deciding if a design works or not.
What are some best practices for web navigation according to "Don't Make Me Think"?
- Consistent Navigation: Use persistent navigation elements that appear on every page to provide a consistent user experience.
- Clear Visual Hierarchy: Create a clear visual hierarchy to help users understand the relationships between different elements on a page.
- Use Conventions: Take advantage of web conventions to make navigation intuitive and reduce the learning curve for users.
- Highlight Current Location: Use "You are here" indicators to show users their current location within the site.
How does Krug suggest handling usability testing?
- Start Early and Test Often: Begin testing early in the design process and continue testing iteratively to catch issues before they become ingrained.
- Simple and Inexpensive: Usability testing doesn't have to be expensive or complicated; even testing with a few users can provide valuable insights.
- Focus on Key Tasks: Test key tasks that users are likely to perform on the site to ensure they can complete them easily.
- Observe and Adjust: Watch users interact with the site, note where they struggle, and make adjustments based on these observations.
What role do taglines play in web design according to "Don't Make Me Think"?
- Convey Site Purpose: Taglines should clearly convey the purpose of the site and what makes it unique or valuable.
- Positioning: They are typically placed near the Site ID to immediately inform users about the site's mission.
- Brevity and Clarity: Effective taglines are concise, usually six to eight words, and provide a clear benefit or differentiation.
- Avoid Jargon: Taglines should avoid vague or generic language that doesn't add value or clarity.
What are some common usability issues highlighted in "Don't Make Me Think"?
- Unclear Navigation: Users often struggle with navigation that isn't intuitive or consistent across the site.
- Excessive Text: Pages with too much text can overwhelm users; Krug advises cutting unnecessary words.
- Hidden Information: Important information, like contact details or pricing, should not be hidden or difficult to find.
- Complex Forms: Forms should be simple and only ask for necessary information to avoid user frustration.
How does Krug address accessibility in "Don't Make Me Think"?
- Part of Usability: Accessibility is an integral part of usability, ensuring that all users, including those with disabilities, can use the site.
- Simple Adjustments: Implementing basic accessibility features, like alt text for images and keyboard navigation, can significantly improve usability.
- Cascading Style Sheets (CSS): Using CSS can help create accessible designs by allowing for flexible layouts and text resizing.
- Right Thing to Do: Beyond legal requirements, making a site accessible is the right thing to do as it can dramatically improve some users' lives.
What are some of the best quotes from "Don't Make Me Think" and what do they mean?
- "Don't make me think!": This quote encapsulates the book's core message that web design should be intuitive and self-evident.
- "Get rid of half the words on each page, then get rid of half of what's left.": This emphasizes the importance of concise content that doesn't overwhelm users.
- "Usability testing on 10 cents a day.": Krug highlights that usability testing can be simple and inexpensive, yet highly effective.
- "The Farmer and the Cowman Should Be Friends.": This chapter title suggests that different stakeholders in web design should collaborate despite differing perspectives.
How does "Don't Make Me Think" address the balance between design and functionality?
- Design for Users: The book stresses that design should prioritize user needs and ease of use over aesthetic appeal alone.
- Avoid Over-Design: While visual appeal is important, it should not come at the expense of functionality or user experience.
- Iterative Improvement: Design should be refined through iterative testing and feedback to ensure it meets user needs effectively.
- Balance Sizzle and Substance: Krug advises against adding unnecessary "sizzle" that can detract from the site's usability and purpose.
Review Summary
Μην Με Κάνεις Να Σκεφτώ επαινείται ως ένας απαραίτητος οδηγός για τη χρηστικότητα του διαδικτύου, προσφέροντας πρακτικές συμβουλές για τη δημιουργία διαισθητικών και φιλικών προς τον χρήστη ιστοσελίδων. Οι αναγνώστες εκτιμούν το άμεσο στυλ γραφής του Krug, το χιούμορ του και τη χρήση παραδειγμάτων. Ενώ κάποιοι θεωρούν το περιεχόμενο προφανές ή ξεπερασμένο, πολλοί το θεωρούν πολύτιμο τόσο για αρχάριους όσο και για έμπειρους σχεδιαστές. Το βιβλίο τονίζει την απλότητα, τη σαφή πλοήγηση και το σχεδιασμό που επικεντρώνεται στον χρήστη. Καλύπτει επίσης τη δοκιμή χρηστικότητας και την προσβασιμότητα. Παρά την ηλικία του, οι περισσότεροι κριτικοί συμφωνούν ότι οι βασικές αρχές παραμένουν σχετικές στη σύγχρονη σχεδίαση ιστοσελίδων.
Similar Books
