Περιεχόμενο
- 01. Κρατήστε τις υποσχέσεις
- 02. Να είστε συνεπείς
- 03. Να είστε σαφείς
- 04. Σεβασμός στο πλαίσιο
- 05. Γνωρίστε τη φωνή σας
- 06. Εμφάνιση αποτελεσμάτων αμέσως
- 07. Αλλαγές μετάβασης
- 08. Οδηγός, μην υπαγορεύεις
- 09. Κάντε το απλό, όχι απλοϊκό
- 10. Μην τους αφήνετε ποτέ να θέλουν περισσότερα
Στην έκθεση «Truth, Lies and the Internet», το think tank Demos διαπίστωσε ότι το ένα τρίτο των εφήβων που ερωτήθηκαν στο Ηνωμένο Βασίλειο πιστεύουν ότι όλες οι πληροφορίες που βρέθηκαν στο διαδίκτυο ήταν αληθινές χωρίς προσόντα. Ακόμα πιο εντυπωσιακό είναι ότι το 15% αυτής της ομάδας παραδέχεται ότι λαμβάνει μια απόφαση σχετικά με την αλήθεια του περιεχομένου μιας ιστοσελίδας με βάση μόνο την εμφάνιση.
Ο σχεδιασμός εξυπηρετεί έναν μοναδικό πρωταρχικό σκοπό: να κερδίσει την εμπιστοσύνη του προοριζόμενου κοινού του. Η έρευνα δείχνει ότι μέσα στο πρώτο δευτερόλεπτο της προβολής ενός σχεδίου, ακόμη και πριν διαβάσουμε μια λέξη, έχουμε ήδη καθορίσει τη γνώμη μας σχετικά με την πιθανή ποιότητα και αξιοπιστία αυτού που εξετάζουμε.
Μόλις δημιουργηθεί αυτή η βασική γραμμή εμπιστοσύνης, μόνο τότε ο σχεδιασμός εμπειριών μπορεί να λειτουργήσει για να μετατρέψει τα δεδομένα σε γνώση και γνώση σε κατανόηση. Ωστόσο, μια κακή εμπειρία χρήστη μπορεί να χρησιμεύσει για να απενεργοποιήσει τον χρήστη καθώς αρχίζουν να μην εμπιστεύονται το προϊόν ή ακόμη και ολόκληρη την επωνυμία.
Η εξήγηση των αποφάσεων σχεδιασμού σε μη σχεδιαστές είναι μια πρόκληση. Αυτό που έχω συνειδητοποιήσει όλα αυτά τα χρόνια είναι ότι οι αποφάσεις που λαμβάνω δεν είναι απλώς ενστικτώδεις. Αυτές οι αποφάσεις βασίζονται σε αυτό που πιστεύω ότι θα προσελκύσει την αίσθηση εμπιστοσύνης του κοινού μου. Δηλαδή, τι θα τους κάνει να νιώσουν πιο άνετα και να εμπιστεύονται τα σχέδιά μου. Όταν μπορώ να εξηγήσω αποφάσεις από αυτό το πλαίσιο, θεωρώ ότι είναι πολύ πιο εύκολο να προσφέρω πελάτες, διευθυντές και άλλα μέλη της ομάδας με την κατεύθυνση που θέλω να ακολουθήσω.
Με βάση την εμπειρία μου, εδώ είναι 10 κορυφαίες συμβουλές για την οικοδόμηση εμπιστοσύνης μέσω του σχεδιασμού.
01. Κρατήστε τις υποσχέσεις
Ο πιο προφανής τρόπος για να χάσετε την εμπιστοσύνη είναι να σπάσετε τις υποσχέσεις. Μόλις υποσχεθείτε κάτι και αυτό δεν συμβεί, το κοινό σας γίνεται αμέσως ύποπτο για ό, τι κάνετε. Οι σπασμένες υποσχέσεις σε μια διεπαφή χρήστη μπορούν να συμβούν με διάφορους τρόπους, αλλά συμβαίνουν συχνότερα όταν οι επιχειρηματικές ή τεχνικές ανάγκες έρχονται σε σύγκρουση με την εμπειρία του χρήστη.
Για παράδειγμα, πριν από πολύ καιρό, όταν κάνατε κλικ στο σύνδεσμο αλληλογραφίας στο Yahoo, αντί να σας μεταφέρει στο email σας, μια διαφήμιση θα ανέλαβε την οθόνη αναγκάζοντάς σας να σας εμπορευτεί. Όταν κάνω κλικ στο σύνδεσμο για να πάω στο email μου, η σιωπηρή υπόσχεση είναι ότι το email μου θα είναι το επόμενο πράγμα που βλέπω.
Αυτή η διαφήμιση «πειρατεία» είναι ένα πολύ συνηθισμένο μοτίβο σε προϊόντα ιστού που προσπαθούν να δημιουργούν έσοδα από κάθε κλικ. Ωστόσο, εάν σκέφτεστε να το κάνετε αυτό, ρωτήστε: "Εκπαιδεύω τους χρήστες μου να δυσπιστούν ότι θα φτάσουν αμέσως εκεί που είπαν ότι ήθελαν να πάνε όταν έκαναν κλικ στον σύνδεσμό μου; Θα πάνε τότε κάπου αλλού; »Τα καλά νέα είναι ότι το Yahoo φαίνεται να έχει τροποποιήσει τους τρόπους του. Οι ενημερώσεις στο Yahoo mail θα μεταφέρουν αμέσως τον χρήστη στο email τους.
02. Να είστε συνεπείς
Μια ασυνεπής διεπαφή είναι μια ειδική μορφή παραβιασμένης υπόσχεσης. Όταν ορίζετε προσδοκίες για το πώς λειτουργεί ένα συγκεκριμένο στοιχείο διεπαφής και αντιδρά, η αλλαγή αυτής της αλληλεπίδρασης ή η εισαγωγή διαφορετικών μοτίβων διεπαφής χρήστη για την επίτευξη παρόμοιων στόχων θα προκαλέσει σύγχυση στους χρήστες σας. Το πρόβλημα είναι ότι, ειδικά εάν εργάζεστε με μια μεγάλη ή κατανεμημένη ομάδα, οι αποφάσεις μπορούν να λαμβάνονται σε διαφορετικό μέρος ή ώρα που δεν είναι συνεπείς και αυτές οι ασυνέπειες μπορούν να μεγεθυνθούν με την πάροδο του χρόνου.
Περισσότερο από ένα απλό οδηγό στυλ, ένας ισχυρός οδηγός σχεδιασμού μπορεί να βοηθήσει στην ανακούφιση του προβλήματος των ασυνεπειών διεπαφών χρήστη. Ο οδηγός σχεδιασμού αποτελεί ένα κεντρικό σημείο στο οποίο μπορούν να πάνε όλα τα μέλη της ομάδας για συνεπείς απαντήσεις και σχέδια σχεδιασμού, καθώς και τις φιλοσοφίες σχεδιασμού που εφαρμόζονται που θα βοηθήσουν στην καθοδήγηση των αποφάσεων των νέων προτύπων.
Ως επί το πλείστον, οι οδηγοί σχεδιασμού είναι εμπορικά μυστικά, αλλά το BBC Global Experience Language, ή το GEL, είναι ένα παράδειγμα ανοιχτό στο κοινό.
03. Να είστε σαφείς
Η ασαφής σχεδίαση μπορεί να οδηγήσει σε σύγχυση και δυσπιστία των χρηστών. Οι κατευθυντήριες γραμμές για τη βελτιστοποίηση της σαφήνειας μπορεί συχνά να έρχονται σε αντίθεση με το σχεδιασμό, ειδικά όταν πρόκειται να εξετάσουμε πώς λειτουργούν το κείμενο και τα χρώματα στην οθόνη για να βελτιωθεί η αναγνωσιμότητα. Ωστόσο, οι χρήστες που πρέπει να δυσκολευτούν να διαβάσουν περιεχόμενο είναι λιγότερο διατεθειμένοι να το εμπιστεύονται.
Ο ιστότοπος Contrast Rebellion διαμαρτύρεται για τη χρήση χρωμάτων με χαμηλή αντίθεση προσκηνίου-φόντου στη σχεδίαση, υποστηρίζοντας ότι αυτά τα σχέδια είναι ασαφή και δυσανάγνωστα.
Ο ιστότοπος παροτρύνει, "Μην δίνετε στους επισκέπτες σας πονοκέφαλο μόνο επειδή το γκρι ή οποιοδήποτε άλλο χρώμα γραμματοσειράς με χαμηλή αντίθεση φαινόταν καλύτερα στα γραφικά από το μαύρο."
04. Σεβασμός στο πλαίσιο
Εάν το περιεχόμενο είναι βασιλιάς, τότε το περιεχόμενο είναι βασίλισσα. Ο αρχιτέκτονας Eliel Saarinen παρατήρησε ότι πρέπει να "σχεδιάζουμε πάντα ένα πράγμα λαμβάνοντας υπόψη το στο επόμενο μεγαλύτερο πλαίσιο - μια καρέκλα σε ένα δωμάτιο, ένα δωμάτιο σε ένα σπίτι, ένα σπίτι σε ένα περιβάλλον, ένα περιβάλλον σε ένα σχέδιο πόλης". Αυτό ισχύει και για το σχεδιασμό ιστοσελίδων.
Ένα κουμπί δεν είναι ποτέ απλώς ένα κουμπί. Σκεφτείτε το στο πλαίσιο: ένα κουμπί σε μια ενότητα, μια ενότητα σε μια ενότητα, μια ενότητα σε ένα άρθρο, ένα άρθρο σε μια ιστοσελίδα, μια ιστοσελίδα σε έναν ιστότοπο.
Πρόσφατα προσπάθησα να αγοράσω εισιτήρια για την 50ή επέτειο του Doctor Who από μια δημοφιλή ιστοσελίδα έκδοσης εισιτηρίων στις ΗΠΑ. Ήξερα ότι τα εισιτήρια θα πήγαιναν γρήγορα, οπότε συνδέθηκα νωρίς, βρήκα την εκδήλωση και έκανα κλικ σε μια εικόνα πάνω από ένα κουμπί που έλεγε «Εισιτήρια». Αυτό με πήρε σε μια σελίδα "Coming Soon", την οποία υποθέτω ότι τα εισιτήρια δεν ήταν ακόμη προς πώληση. Περίμενα υπομονετικά, ανανεώνοντας την οθόνη κάθε τόσο συχνά, αλλά το μήνυμα δεν άλλαξε ποτέ. Περίμενα να περάσω τον ανοιχτό χρόνο που ανακοινώθηκε. Τελικά ξεκίνησα, αυτή τη φορά κάνοντας κλικ άνετα στο κουμπί που έλεγε «Εισιτήρια» και όχι την εικόνα ακριβώς πάνω από αυτό. Με πήγαν σε μια εντελώς διαφορετική σελίδα όπου θα μπορούσα να αγοράσω εισιτήρια αν δεν είχαν ήδη εξαντληθεί όλα.
Το κουμπί που τοποθετήθηκε σε σχέση με την παραπάνω εικόνα με ξεγελούσε για να πιστέψω ότι ήταν μια ενιαία οντότητα όταν ήταν δύο εντελώς ξεχωριστές ενέργειες. Ως αποτέλεσμα, δεν έχω λάβει εισιτήρια για το Doctor Who 3D simulcast.
05. Γνωρίστε τη φωνή σας
Μια δυνατή φωνή μπορεί να αλλάξει τον κόσμο. Οι άνθρωποι εμπιστεύονται εγγενώς μια αυτοπεποίθηση και ακλόνητη φωνή, αλλά αυτή η φωνή πρέπει να είναι η δική σας.
Η Lauren Bacon, ιδρυτής του Curiosity Labs και συγγραφέας του Curious for a Living: Πώς να κάνω καλύτερες ερωτήσεις σε κάνει απαραίτητη, μου λέει, «Είχα ζητήσει από τους πελάτες μου να τους σχεδιάσω κάτι« ακριβώς όπως [εισαγάγετε μάρκα εδώ] »και Η απάντηση σε αυτό ήταν πάντα, «υπέροχο - πες μου τι αγαπάς για αυτήν την επωνυμία / εταιρεία / ιστότοπο». "
Οι πελάτες συχνά ζητούν να μοιάζουν με άλλα προϊόντα που γνωρίζουν και σέβονται, αλλά αυτό είναι πραγματικά απλό να πούμε ότι θέλουν να γίνουν αντιληπτά με παρόμοιο τρόπο με αυτό το εμπορικό σήμα. Ωστόσο, ως σχεδιαστές είναι δική μας δουλειά να τους βοηθήσουμε να εκφραστούν και τις δικές τους μοναδικές αξίες. Η Bacon προτείνει, "Κάθε φορά που συνέβη, απλώς επισήμανα τις νομιμότητα των πνευματικών δικαιωμάτων και έπειτα τα έκανα σε μια συζήτηση σχετικά με τη σημασία της διαφοροποίησης από τις άλλες μάρκες στην αγορά, και αυτό αρκούσε για να μας επαναφέρει στο δρόμο."
06. Εμφάνιση αποτελεσμάτων αμέσως
Η αιτία πρέπει πάντα να οδηγεί στο αποτέλεσμα όσο το δυνατόν γρηγορότερα. Όταν οι επισκέπτες βάζουν κάτι σε ένα σύστημα, αναμένουν να δουν αποτελέσματα χωρίς καθυστέρηση. Αυτό μπορεί να συμβεί με μικρούς τρόπους, έχοντας στοιχεία ελέγχου που ανταποκρίνονται σε ενέργειες χρήστη με αλλαγές χρώματος ή μικρές κινήσεις, αλλά συμβαίνει επίσης με μεγαλύτερους τρόπους, όπως όταν ο χρήστης αρχίζει να αναζητά, εμφανίζοντας αλλαγές στα αποτελέσματα που ενημερώνονται σε πραγματικό χρόνο.
Σε ένα πρόσφατο έργο που σχεδίασα για το Δίκτυο Βοήθειας του Κρατικού Συστήματος Μεταρρύθμισης Υγείας, σχεδίασα μια μηχανή αναζήτησης για την τεκμηρίωση πόρων που φιλτράρεται αμέσως στη λίστα επιλογών.
07. Αλλαγές μετάβασης
Οι άνθρωποι υποφέρουν από τυφλή αλλαγής. Αντιμετωπίζουμε δυσκολίες ακόμη και ουσιαστικών αλλαγών στο περιβάλλον μας, εκτός εάν υπάρχει προφανής μετάβαση στις πολιτείες. Ένα διάσημο πείραμα είχε τους επισκέπτες του ξενοδοχείου να περπατήσουν μέχρι τη ρεσεψιόν, όπου ο υπάλληλος θα έρθει σε επαφή με τον πελάτη για μερικά δευτερόλεπτα και στη συνέχεια να προσποιείται ότι πέφτει το στυλό του, εξαφανιζόμενος πίσω από τη ρεσεψιόν. Μετά από λίγα δευτερόλεπτα ένα εντελώς διαφορετικό άτομο θα σηκωθεί και θα πάρει τη συνομιλία από την οποία είχε σταματήσει ο ομόλογός του. Η συντριπτική πλειοψηφία των πελατών δεν παρατήρησε ότι είχαν να κάνουν με ένα εντελώς διαφορετικό άτομο. Υποψιάζομαι ότι περισσότεροι από αυτούς πίστευαν ότι κάτι δεν ήταν σωστό ακόμα κι αν δεν ήξεραν ακριβώς τι ήταν.
Έτσι λειτουργεί ο ιστός, με άβολα διαλείμματα καθώς οι σελίδες φορτώνουν ή αλλάζουν, διαταράσσουν τον χρήστη και τους κάνουν να νιώθουν άβολα ως προς το διαφορετικό.
Ένας τρόπος με τον οποίο το USA Today έχει ξεπεράσει την τύφλωση των αλλαγών στον ιστότοπό του δημιουργώντας οριστικές και συνεπείς μεταβάσεις είτε χρησιμοποιώντας διαφάνειες, cross fades και αναδυόμενα παράθυρα όποτε φορτώνεται νέο περιεχόμενο, έτσι ώστε ο χρήστης να μην χάνει ποτέ το πλαίσιο από πού προήλθαν.
Ο Andres Quesada, ο δημιουργικός διευθυντής που είναι υπεύθυνος για τον επανασχεδιασμό των USA Today, λέει: "Θέλαμε ο χρήστης να αισθάνεται ότι δεν άφησε ποτέ την εμπειρία. Ήταν σημαντικό για εμάς να το ορίσουμε κατά κανόνα. Φόρτωση του άρθρου ή της ενότητας το μέτωπο ήταν πολύ ενοχλητικό. "
08. Οδηγός, μην υπαγορεύεις
Σε κανέναν δεν αρέσει να αισθάνεται εξαναγκασμένος ή εξαπατημένος. Όταν παίρνετε επιλογές από το κοινό σας ή κάνετε επιλογές για εκείνες που πιθανότατα δεν θα κάνουν για τον εαυτό τους, τότε προδίδετε την εμπιστοσύνη τους.
Ένα κοινό μοτίβο που το βλέπουμε αυτό είναι με προεπιλεγμένες επιλογές που συχνά μας κάνουν να εγγραφούμε σε ενημερωτικά δελτία ή προσφορές από τρίτους. Σε ορισμένες περιπτώσεις, ακόμη και αγοράζοντας πρόσθετα που ίσως χρειαστεί να πληρώσουμε, αλλά δεν συνειδητοποιούμε καν ότι πληρώνουν.
09. Κάντε το απλό, όχι απλοϊκό
Ο Steve Krug μας λέει «μην με κάνει να σκέφτομαι» στο βιβλίο του «Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability». Ωστόσο, δεν μας λέει «μην με αφήνετε να σκεφτώ». Αυτή είναι μια σημαντική διάκριση. Το κοινό σας δεν είναι ηλίθιο, και μόλις αρχίσετε να τους αντιμετωπίζετε ως οτιδήποτε άλλο εκτός από έξυπνα ανθρώπινα όντα, θα σας ανοίξουν και θα κοιτάξουν σε κάποιον που τους αντιμετωπίζει με σεβασμό. Οι διεπαφές χρήστη θα πρέπει να είναι φυσικές και εύχρηστες, αλλά αυτό δεν σημαίνει ότι καταργείτε επίσης όλες τις επιλογές, μόνο που παρουσιάζονται με ειλικρίνεια, συνεχή και καθαρή.
10. Μην τους αφήνετε ποτέ να θέλουν περισσότερα
Το παλιό ρητό του θεάτρου είναι «να τους αφήνετε πάντα να θέλουν περισσότερα». Αλλά, γιατί θα θέλατε να λάβετε συμβουλές από ένα σωρό θεσπιών που λένε συνεχώς ο ένας στον άλλο να σπάσει ένα πόδι;
Με την εμπειρία των χρηστών, ισχύει ακριβώς το αντίθετο: δεν θέλετε ποτέ να αφήσετε τους χρήστες σας χωρίς επιλογές ή να τους οδηγήσετε σε ένα τυφλό δρομάκι. Μόλις το κάνετε, τα έχετε χάσει. Χρησιμοποιήστε αυτές τις 10 κορυφαίες συμβουλές ως αφετηρία για τη δημιουργία και διατήρηση της εμπιστοσύνης των χρηστών.
Λόγια: Τζέισον Κράνφορντ Τάιγκ Απεικόνιση: Μάικ Μπρέναν
Ο Jason Cranford Teague είναι επικεφαλής της UX στο Gannett Digital και συγγραφέας του bestseller «CSS3: Visual Quickstart Guide» και του επερχόμενου «The New Web Typography». Αυτό το άρθρο δημοσιεύτηκε αρχικά στο τεύχος 252 του περιοδικού net.
