Πώς να προσαρμόσετε το UX για κινητά
Τι σημαίνει λοιπόν η ψυχολογία; Όταν πρόκειται για εμπειρία χρήστη, σχεδόν τα πάντα.
Με τόσους πολλούς τύπους και μεγέθη συσκευών και τόσους πολλούς διαφορετικούς τρόπους για τον σχεδιασμό ιστότοπων για αυτές τις συσκευές, η εμπειρία του χρήστη που δημιουργεί ένας σχεδιαστής είναι αυτό που καθορίζει τη συνολική επιτυχία του ιστότοπου και αν ο χρήστης θα επιστρέψει.
Τι είναι η ψυχολογία των χρηστών;
Η ψυχολογία των χρηστών είναι η επιστήμη πίσω από το τι θέλουν και χρειάζονται οι άνθρωποι όταν επισκέπτονται έναν ιστότοπο ή μια εφαρμογή για κινητά. Η ψυχολογία έχει τις ρίζες της σε όλα, από το αν ένας χρήστης εμπιστεύεται την επωνυμία σας στο πώς αισθάνεται για το μήνυμα που προσπαθείτε να μεταφέρετε.
Και ο σχεδιασμός είναι ένα μεγάλο μέρος αυτού. Όλα από το χρώμα σε εικόνες σε σχέδια για το πώς λειτουργεί ο ιστότοπος μπορεί να έχει αντίκτυπο αυτά τα συναισθήματα και τις συναισθηματικές συνδέσεις.
Κάθε ένα από αυτά τα στοιχεία θα πρέπει τελικά να οδηγήσει σε μια ενέργεια από τον χρήστη. Οι περισσότεροι λόγοι αναφοράς των σχολικών βιβλίων που προκαλούν την ψυχολογία που προκαλούν τους ανθρώπους να ενεργούν και να αντιδρούν. Αυτές οι ενεργοποιήσεις ισχύουν επίσης για το σχεδιασμό ιστοσελίδων και ακόμα πιο συγκεκριμένα για το σχεδιασμό του κινητού, όπου ο χρήστης πρέπει σχεδόν πάντα να αλληλεπιδράσει φυσικά με έναν ιστότοπο για να συμβεί κάτι, όπως το δάχτυλο ή τα δάκτυλα στην οθόνη.
- Παλινδρομία: αν κάνετε κάτι για τους χρήστες, θα κάνουν κάτι για σας. (Εγγραφούν για ένα ενημερωτικό δελτίο, τους δίνετε ένα freebie.)
- Πλαίσιο: οι χρήστες θα κάνουν συγκρίσεις μεταξύ των πραγμάτων. (Θέλω αυτό ή όχι; Οι περισσότεροι χρήστες πέφτουν κάπου στη μέση όλων των επιλογών.)
- Salience: οι χρήστες θέλουν αυτό που έχει σημασία τώρα. (Αυτός είναι ο λόγος για τον οποίο οι ιστότοποι ηλεκτρονικού εμπορίου προσθέτουν σχετικά στοιχεία στην οθόνη κατά την εμπειρία αγορών.)
- Κοινωνική απόδειξη: οι χρήστες κοιτάζουν τους άλλους για να δουν τι πρέπει να κάνουν. (Η επιρροή των κοινωνικών μέσων.)
- Έλλειψη: οι χρήστες θέλουν αυτό που δεν μπορούν να έχουν. (Περιορισμένος αριθμός αντικειμένων.)
- Αντίθεση: Αυτό που ξεχωρίζει στο μυαλό του χρήστη. (Θεωρία σχεδιασμού 101.)
Δύο διαφορετικές εμπειρίες χρήστη
Ενώ οι ενεργοποιητές είναι οι ίδιες ανεξάρτητα από τη συσκευή, η εμπειρία του χρήστη δεν είναι. Οι χρήστες θέλουν συντριπτικά το περιεχόμενο να είναι το ίδιο ανεξάρτητα από τη συσκευή, αλλά έχουν διαφορετικές ιδέες για τον τρόπο χρήσης και αλληλεπίδρασης με αυτό το περιεχόμενο.
Οι επιτραπέζιες ιστοσελίδες είναι για ανάγνωση και ανάγνωση. Η διαδικασία ανάγνωσης και συλλογής πληροφοριών μπορεί να οδηγήσει σε μια ενέργεια, αλλά οι χρήστες έχουν συχνά ξεχωριστό λόγο για τη μετάβαση σε έναν ιστότοπο, όπως είναι η εργασία. Όχι όλες αυτές οι εμπειρίες βασίζονται στην ψυχαγωγία ή την απόλαυση και οι περισσότεροι από αυτούς μπορεί να μην είναι.
Οι χρήστες της επιφάνειας εργασίας παραμένουν σχετικά ακόμη στις ηλεκτρονικές αλληλεπιδράσεις τους. Κάθε ενέργεια γίνεται με πληκτρολόγιο ή ποντίκι. Δεν υπάρχει πολύ πραγματική φυσική αλληλεπίδραση με τη συσκευή. (Λίγοι χρήστες θα αγγίξουν ποτέ την οθόνη.)
Η εμπειρία χρήστη για κινητά είναι σημαντικά διαφορετική. Οι χρήστες αγγίζουν συνεχώς το περίβλημα της συσκευής και την οθόνη. Έτσι το μέγεθος αυτών των στοιχείων και το πώς αισθάνονται είναι αρκετά σημαντικά. Αυτή η χρήση της φυσικής αφής καθιστά τα στοιχεία σχεδίασης στην οθόνη ιδιαίτερα σημαντικά, επειδή πρέπει να είναι εύκολο να αγγίξουν, σε αντίθεση με τις εκδόσεις υπολογιστών, όπου το κλικ του ποντικιού είναι πάντα το ίδιο μέγεθος.
Οι χρήστες κινητής συσκευής έχουν συχνά πρόσβαση σε ιστότοπους με διαφορετικές προθέσεις. Οι δραστηριότητες ψυχαγωγίας ή ολοκλήρωσης εργασιών είναι πιο συχνές από τις δράσεις ανάγνωσης και έρευνας. (Σκεφτείτε μόνο πόσο συχνά τραβάτε το τηλέφωνό σας για να παίξετε ένα παιχνίδι στη γραμμή στο κατάστημα παντοπωλείου ή να απαντήσετε σε ένα μήνυμα κειμένου.)
Οι φυσικές διαφορές επηρεάζουν επίσης την ψυχολογία του κινητού σχεδιασμού. Πρέπει να εξετάσετε τις συνθήκες φωτισμού, το μέγεθος της συσκευής και τις επιλογές αφής. Πώς θα συγκεντρωθούν αυτά τα στοιχεία για έναν πραγματικό χρήστη;
Προσδοκίες των χρηστών
Όλα καταλήγουν σε μια κεντρική ερώτηση: Τι θέλει και αναμένει ο κινητός χρήστης;
Σε αντίθεση με τους ιστότοπους για επιτραπέζιους υπολογιστές, όπου οι χρήστες προσδοκούν μια δυναμική οπτική και συναρπαστική εμπειρία που είναι σχετικά δισδιάστατη, οι χρήστες κινητών θέλουν τα πάντα να αισθάνονται πραγματικά και να ζουν στον τρισδιάστατο χώρο.
Οι χρήστες κινητών έχουν έρθει να αναμένουν ορισμένα πράγματα από τη διεπαφή:
- Κάθε ενέργεια πρέπει να είναι ευπρόσδεκτη. (Και είναι εύκολο να το δείτε και να πατήσετε.)
- Τα γραφικά και οι εικόνες θα πρέπει να φορτώνονται γρήγορα και ίσως να μην αποτελούν μέρος της κινητής εμπειρίας καθόλου.
- Οι επιλογές πρέπει να είναι συμφραζόμενες. Οι χρήστες θέλουν να μάθουν τι θα ακολουθήσει και πού μπορούν να πάνε από εδώ. δεν χρειάζεται να γνωρίζουν κάθε πιθανή επιλογή.
- Οι ιστότοποι πρέπει να ενσωματωθούν σε όλες τις λειτουργίες των κινητών συσκευών, όπως η χαρτογράφηση, η κλήση και η ενοποίηση με άλλες εφαρμογές.
- Οι αλληλεπιδράσεις πρέπει να είναι εύκολες και να ακολουθούν γενικά αποδεκτά πρότυπα. Οι χρήστες κινητών έχουν σχεδόν μηδενική προσοχή. Εάν τα στοιχεία δεν λειτουργούν την πρώτη φορά - και χωρίς πολλή σκέψη ή εξήγηση - ο χρήστης χάνεται.
Πώς να το σχεδιάσετε
Το πραγματικό μυστικό συνδυάζει τις ωθήσεις και τις προσδοκίες των χρηστών. τότε σχεδιάστε γι 'αυτούς. Ας αναλύσουμε μερικά παραδείγματα ιστότοπων που το κάνουν καλά και πώς συνδυάζουν τις προκαταλήψεις και τις προσδοκίες για κινητά για μια εξαιρετική εμπειρία χρήστη.
Μέντα
Μέντα χρησιμοποιεί μια διασύνδεση τύπου κάρτας όπου κάθε πλαίσιο είναι ένα στοιχείο με δυνατότητα κλικ στο σχεδιασμό της εφαρμογής για κινητά, ενώ η έκδοση για επιτραπέζιους υπολογιστές διαθέτει περισσότερους συνδέσμους στυλ κλικ. Το φωτεινό χρώμα και ο άφθονος λευκός χώρος συμβάλλουν στη βελτιωμένη έκδοση για κινητά.
Ενεργοποίηση: Η καμπύλη και η παραδοχή είναι τα βασικά αίτια εδώ, διότι ως δωρεάν υπηρεσία νομισματοκοπείο σας ζητά να υπογράψετε για περιορισμένες χρονικές προσφορές με βάση πράγματα που πιθανώς σκέφτεστε ή χρειάζεστε, από την πιστωτική κάρτα στις ασφαλιστικές προσφορές.
Προσδοκίες κινητών: Το Mint φορτώνει εξαιρετικά γρήγορα με ενημερωμένα δεδομένα χρήστη. Η εφαρμογή για κινητά βάζει πολλές από τις βαρύτερες εικόνες που εμφανίζονται στον ιστότοπο της επιφάνειας εργασίας και χρησιμοποιεί ένα απλό κατακόρυφο πρότυπο για τον χρήστη να παρακολουθεί τις πληροφορίες. Επίσης, ενσωματώνει μερικά ωραία εργαλεία UX, όπως πρόσβαση σε αντίγραφα ασφαλείας στο iPhone και διαισθητικό έλεγχο χειρονομίας για τη μετακίνηση μεταξύ των στοιχείων.
Ποτοποιός
Ποτοποιός χρησιμοποιεί ένα ευαίσθητο πλαίσιο έτσι ώστε το περιεχόμενο να φαίνεται και να αισθάνεται σχεδόν ακριβώς το ίδιο και στις εκδόσεις για υπολογιστές και για κινητά. Αυτό όμως που κάνει ο ιστότοπος είναι να μεγιστοποιήσετε τις δυνατότητες του μορφότυπου για κινητά, με μοναδικούς τρόπους πλοήγησης στο περιεχόμενο.
Ενεργοποιητές: Μπορείτε εύκολα να δείτε τον τρόπο με τον οποίο ο συγκεκριμένος ιστότοπος χρησιμοποιεί αντίθεση για να δημιουργήσει εμπλοκή χρήστη. Η χρήση του χρώματος και του λευκού χώρου και στις δύο παραλλαγές ιστότοπων έχει σχεδιαστεί για να δημιουργεί ενθουσιασμό και να ενθαρρύνει τις κλήσεις προς δράση. (Απλά κοιτάξτε τα έντονα χρωματιστά κουμπιά και τις προεξέχουσες τοποθετήσεις.)
Προσδοκίες για κινητά: ο Distiller χρησιμοποιεί πολλά κοινά αποδεκτά πρότυπα για να προσελκύσει τους χρήστες, με μερικές λεπτές ενδείξεις μόνο σε περίπτωση που ο χρήστης μπορεί να χρειαστεί βοήθεια. Κοιτάξτε τη δεύτερη οθόνη για κινητά, για παράδειγμα: Τα στοιχεία στυλ κάρτας (τα οποία είναι κάθε μοναδικοί σύνδεσμοι) μπορούν να μεταφερθούν εμπρός και πίσω για να δουν περισσότερο περιεχόμενο και μια γραμμή στυλ dot χρησιμοποιείται για να δείξει στους χρήστες πόσα στοιχεία έχουν απομείνει. Η πλοήγηση είναι επίσης βελτιωμένη σημαντικά και κρυμμένη σε ένα εικονίδιο χάμπουργκερ, έτσι ώστε οι χρήστες να μην είναι συγκλονισμένοι από τις επιλογές και να μπορούν να κινούνται ελεύθερα στον κινητό χώρο.
Το κανάλι καιρού
Το κανάλι καιρού παρέχει το ίδιο ακριβώς περιεχόμενο στον ιστότοπό του και στην εφαρμογή για κινητά, αλλά οι εμπειρίες είναι δραστικά διαφορετικές. Ο ιστότοπος για επιτραπέζιους υπολογιστές έχει περισσότερες πληροφορίες για να διαβάσει και να εξετάσει, ενώ η εφαρμογή επικεντρώνεται σε αυτό που ο χρήστης πρέπει να γνωρίζει τώρα.
Προκλήσεις: Το Salience (που αναφέρθηκε παραπάνω) και η κοινωνική απόδειξη είναι ένα μεγάλο μέρος αυτού που κάνει την εφαρμογή Mobile Weather Channel διαφορετική. Η οθόνη ανοίγματος είναι καιρός όπου ο χρήστης στέκεται αυτή τη στιγμή. Με ένα δάχτυλο του χεριού, οι χρήστες μπορούν να αναφέρουν τις συνθήκες, να μοιραστούν τα κοινωνικά μέσα και να γίνουν μέρος της ιστορίας του γνωστού μάρκου.
Προσδοκίες κινητής τηλεφωνίας: Η εφαρμογή χρησιμοποιεί ένα μοντέρνο, επίπεδο, σχεδιασμό σε σχήμα κάρτας για να κάνει εύκολη την πρόσβαση σε όλα τα στοιχεία. Δεν υπάρχει κανένα μενού για να μιλήσει γιατί ολόκληρη η προϋπόθεση είναι συμφραζόμενη, οδηγώντας τους χρήστες από το ένα στοιχείο στο επόμενο με βάση τις επιλογές τους.
Η Πίτσα του Domino
Η Πίτσα του Domino έχει κάνει μια μεγάλη, δημόσια συμφωνία για το πόσο εύκολο είναι να παραγγείλετε. Και έχουν δίκιο. Ενώ ο ιστότοπος της επιφάνειας εργασίας έχει μια πολύ παραδοσιακή αίσθηση, η εφαρμογή χρησιμοποιεί πολλά ειδικά εργαλεία διεπαφής χρήστη για κινητά - όπως η φωνητική εντολή - για να καταστήσει τη διαδικασία εύκολη.
Ενεργοποιητές: Η παλινδρόμηση και η διαμόρφωση είναι τα κλειδιά για την εμπειρία αγοράς, με πολλές προσφορές και επιλογές από τις οποίες μπορείτε να επιλέξετε. Επιπλέον, η έκδοση για κινητά θυμάται τις προτιμήσεις ενός χρήστη για να κάνει τη διαδικασία πολύ πιο εύκολη.
Προσδοκίες για κινητά: Ενώ το Domino χρησιμοποιεί κάποιες λειτουργίες που δεν είναι κοινές μεταξύ αυτών των τύπων εφαρμογών, εξηγείται καλά (όπως το εικονίδιο παραγγελίας φωνής). Η πλοήγηση είναι ενσωματωμένη με βάση τα συμφραζόμενα και η εφαρμογή έχει σχεδιαστεί με μεγάλη αντίθεση και μικρές εικόνες που φορτώνουν γρήγορα.
Η παρουσίαση απόψε
Η παρουσίαση απόψε έχει σχεδιαστεί για να διασκεδάζει τους χρήστες σε όλες τις συσκευές. Ο επιτραπέζιος και ανταποκρινόμενος χώρος, καθώς και η εφαρμογή, όλα φαίνονται και λειτουργούν ομοίως. Οι επιλογές για κινητά είναι εξορθολογισμένες με μια κάθετη ιεραρχία και τα στοιχεία είναι εύκολο να ληφθούν για να παρακολουθήσουν.
Ενεργοποιεί: Όπως συμβαίνει και με πολλούς άλλους χώρους διασκέδασης, η σημασία και η κοινωνική απόδειξη είναι αυτό που κρατά τους ανθρώπους να επιστρέφουν. Θέλετε να γνωρίζετε τι είναι ζεστό και τρεχούμενο και αυτό είναι το μέρος για να το βρείτε.
Mobile προσδοκίες: Ένα από τα μεγάλα μικρά κόλπα στον ιστότοπο για κινητά είναι ότι ζητά πρώτα από το χρήστη αν θέλει την εφαρμογή, σαν να λέει "θέλετε την καλύτερη εμπειρία που πρέπει να προσφέρουμε;" Αυτό είναι ένα εξαιρετικό εργαλείο που οι χρήστες έχουν έρθει να περιμένουν. Είναι εύκολο να βρείτε την εφαρμογή επειδή είναι μόνο ένα πάτημα μακριά και οι χρήστες δεν χρειάζεται να ψάχνουν τίποτα? είναι εντάξει εκεί μπροστά τους.
συμπέρασμα
Οι περισσότεροι χρήστες θέλουν και αναμένουν να βρουν το ίδιο περιεχόμενο ιστότοπου ανεξάρτητα από τη συσκευή, αλλά συχνά επιθυμούν να προσαρμόζεται η εμπειρία του χρήστη στη συσκευή που χρησιμοποιούν.
Αυτή η συγκεκριμένη εμπειρία χρήστη θα συμβάλει στην αύξηση της εμπιστοσύνης των χρηστών και των καλών συναισθημάτων που οι περισσότεροι ιδιοκτήτες ιστοτόπων ελπίζουν στους χρήστες να αισθάνονται γι 'αυτά. Με απλά λόγια, έχει πολύ καλή επιφάνεια εργασίας και εμπειρία και μια καλή εμπειρία κινητού χρήστη. ίσως δεν είναι το ίδιο πράγμα.
Σχεδιάστε για τους χρήστες βελτιστοποιώντας τον τρόπο που αισθάνονται, χρησιμοποιούν και αλληλεπιδρούν με τις συσκευές τους.