Σχεδιασμός για το συναίσθημα

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

Όταν οι σκηνοθέτες κινηματογραφούν μια σκηνή, θέλουν το κοινό τους να αισθανθεί κάτι: φόβο, θλίψη, ενσυναίσθηση, κάτι. Επιλέγουν με προσοχή το σωστό φωτισμό, τους ήχους, τη θέση, τη διάταξη και τους φακούς κάμερας για να δημιουργήσουν μια σκηνή. Στον κόσμο του κινηματογράφου αυτό είναι γνωστό ως «Mise-en-scène» και αποτελεί αναπόσπαστο κομμάτι της αισθητικής και της αίσθησης της ταινίας.

Αριστερά: Η σκηνή

Τώρα, ίσως να αναρωτιέστε πώς αυτό μπορεί να ισχύει για τον ψηφιακό σχεδιασμό. Η δημιουργία συναισθηματικών απαντήσεων μπορεί να μην είναι πάντα πρώτη σκέψη για τον σύγχρονο ψηφιακό σχεδιαστή που συχνά θέλει τους χρήστες να εκτελέσουν το έργο Α ή το έργο Β. Φυσικά αυτό εξαρτάται από αυτό που σχεδιάζουμε και το πλαίσιο. Ωστόσο, οι χρήστες είναι και άνθρωποι! Είναι το κοινό μας - όχι μόνο ένα δημογραφικό που τυχαίνει να χρησιμοποιεί τον ιστότοπο ή την εφαρμογή σας. Προσφέρουμε τη δική μας «Mise-en-scène» με στοιχεία UI, εικόνες, τύπο και διαδραστικότητα, δημιουργούμε τη διάθεση και δημιουργούμε όλη την εμπειρία του χρήστη.

Παραδείγματα από τον ψηφιακό κόσμο

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

Ένα ταξίδι στη θάλασσα

Δικτυακός τόπος

Η συναρπαστική διαδραστική εμπειρία σας μεταφέρει εκεί.

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

Ποιο είναι το site για; Προωθεί τη θαλάσσια ένδυση για τον Guy Cotton, μέσω του φακού της προώθησης της ασφάλειας στη θάλασσα. Θα μπορούσαν να έχουν κάνει μια άλλη σελίδα προώθησης μιας σελίδας που να δείχνει τα χαρακτηριστικά των ενδυμάτων και τα τεχνικά δεδομένα σχετικά με το αδιάβροχο υλικό. Αντ 'αυτού, είπαν μια ιστορία για το πώς τα πράγματα μπορούν να πάνε στραβά στη θάλασσα, έκαναν τον χρήστη σε μια βυθιζόμενη εμπειρία που περιελάμβανε τη συμμετοχή. Σας προσελκύει και σας κάνει να αισθάνεστε συγκίνηση, κάτι πιο αξέχαστο και ελπίζω πιο σημαντικό.

Citymapper

Android App | App Store | Δικτυακός τόπος

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

Λίγο πιο τακτικό παράδειγμα του τρόπου με τον οποίο η εφαρμογή αυτή βοηθά τους ανθρώπους να περιηγούνται στην πόλη τους. Υπάρχει μια πληθώρα εφαρμογών χαρτογράφησης εκεί έξω και Citymapper ξεχωρίζει ως ένα από τα καλύτερα εν μέρει οφείλεται σε πολύ χρήση υπόθεση οδηγείται. Όπου το Citymapper εγχέει κάποια συγκίνηση είναι μέσω κάποιων εξαιρετικών χαρακτηριστικών με ένα ραντισμό προσωπικότητας κατά μήκος του δρόμου. Για παράδειγμα, το χαρακτηριστικό 'get me there' δίνει τη δυνατότητα στους χρήστες να ξεκινήσουν μια βήμα προς βήμα διαδικασία από το Α στο Β, μικρά στίγματα όπως δονήσεις όταν πρέπει να κατεβείτε σε μια συγκεκριμένη στάση και να αλλάξετε το σχεδιασμό ελαφρώς με το πλαίσιο ) απλά βοηθούν τον χρήστη να κατανοήσει την πλοήγηση.

Δίνει τη δυνατότητα στους χρήστες να εξερευνήσουν μια πόλη με σιγουριά και να την κάνουν απλή στη χρήση - αντιμετωπίζοντας το αίσθημα του φόβου / του άγνωστου. Ο συνδυασμός της εξουσίας με την προσωπικότητα - για παράδειγμα όταν χρησιμοποιείτε το χαρακτηριστικό "πάρε μου" - το "hoverboard" είναι μια επιλογή που ενεργοποιεί τον Marty McFly να μεταβεί στο hoverboard που ελέγχει χρησιμοποιώντας κλίση στη συσκευή σας. Οι προηγούμενες εκδόσεις έχουν συμπεριλάβει τη λειτουργία καταπέλτης / πυραύλων. Τίποτα από αυτά δεν είναι φυσικά απαραίτητο, πολλοί άνθρωποι ίσως ρωτούν γιατί πήραν το χρόνο να εφαρμόσουν αυτά τα χαρακτηριστικά, αλλά αυτά τα μικρά πράγματα το καθιστούν ενδιαφέρον και διασκεδαστικό στη χρήση. Και πάλι μια μικρή προσωπικότητα που συνδυάζεται με δυνατά χαρακτηριστικά που απευθύνονται σε συναισθήματα προχωρούν σε μεγάλο βαθμό στην πρόκληση μιας συναισθηματικής αντίδρασης.

24 ώρες Happy

Δικτυακός τόπος

24ωρο μουσικό βίντεο - μόνο στο διαδίκτυο ...

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

Οι χρήστες μπορούν να σύρουν τον κυκλικό πλυντρίδα UI για να μεταβούν στο βίντεο 24 ωρών - το UI αντιπροσωπεύει ένα ρολόι 24 ωρών - ωραίο ή κάνοντας κλικ στο επόμενο. Αυτό το απλό μοντέλο αλληλεπίδρασης ενθαρρύνει την εξερεύνηση, μεταφέροντας γύρω σας μια προεπισκόπηση της σκηνής που μπορεί να δείτε - στην κορυφή της ώρας ο Pharrell κάνει μια εμφάνιση (ή μπορείτε να χρησιμοποιήσετε το κουμπί P) και υπάρχει ένας μεγάλος αριθμός καμεών από όπως Magic Johnson στην αίθουσα τρόπαιο του και Jamie Foxx με την κόρη του. Η εμπειρία σας προσελκύει και επιτρέπει στον χρήστη να διερευνήσει και να ανακαλύψει το περιεχόμενο - χωρίς να χρειαστεί να το εξηγήσει κανένας μήκους intro βίντεο / αντίγραφο - και κάθε φορά που ξεκινάτε τον ιστότοπο, είναι πιθανό να δείτε κάτι νέο.

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

Χάρτινα αεροπλάνα

Δικτυακός τόπος

Η διαδραστικότητα που βασίζεται στη χειρονομία και η συμπεριφορά των εγγενών συσκευών φέρνουν την παιγνιδιά στην εμπειρία

Ένα καλό παράδειγμα για την Google και ένας τρόπος για τους ανθρώπους να διασκεδάζουν κατά τη διάρκεια του event I / O 2016. Μια άλλη απλή προϋπόθεση - επιτρέψτε στους ανθρώπους να ρίξουν και να πιάσουν αεροπλάνα από όλο τον κόσμο - καλύτερα εμφανισμένα στο κινητό. Μετά τη σύντομη εισαγωγή, τοποθετείτε μια σφραγίδα και διπλώστε το αεροπλάνο χρησιμοποιώντας τον μηχανισμό σύρσης, κατόπιν ο χρήστης θα σας ζητήσει να περιστρέψετε το τηλέφωνό σας και να μιμηθείτε να ρίξετε ένα χαρτί! Πρέπει να το πάρετε ακριβώς, αλλά όταν κάνετε τη συσκευή σας buzzes και παίρνετε ένα 'wheee' θόρυβο - τρομερό δικαίωμα; Αφού απελευθερώσετε το αεροπλάνο σας, μπορείτε να πιάσετε άλλους και να τοποθετήσετε τη σφραγίδα τους πάνω σε αυτά - εμφανίζεται ένα μικρό δίχτυ και, μαντέψατε, πρέπει να κουνήσετε το τηλέφωνό σας για να μιμείται τη σύλληψη κάτι σε ένα δίχτυ. Όταν πιάσετε ένα αεροπλάνο η συσκευή σας δονείται και μπορείτε να αποκαλύψετε πού ήταν το αεροπλάνο - τοποθετήστε σφραγίδα σας - και αφήστε το ξανά.

Αυτό που αγαπώ γι 'αυτή την εμπειρία είναι η κομψότητα και η χρήση της συσκευής του χρήστη στη διαδραστικότητα. Δεν μπορείτε να βοηθήσετε, αλλά να χαμογελάσετε στις απροσδόκητες συμπεριφορές, στη χειρονομία με βάση τη διαδραστικότητα, την απλότητα - όλα με μια παιχνιδιάρικη προσωπικότητα. Στην αρχική έκδοση για την Google, δεν μπορείτε να βοηθήσετε να αισθανθείτε ότι σε επίπεδο εμπορικού σήματος προωθεί θετικά vibes για το Google. η εμπειρία είναι απλή, ευχάριστη και τεχνολογικά προηγμένη - όλα τα γνωρίσματα που γνωρίζουμε και αγαπάμε το εμπορικό σήμα. Όλοι έχουμε δει αυτό το είδος «ιδέας» όπου οι χρήστες μπορούν να δημιουργήσουν κάτι και να το μεταδώσουν, αυτό που θέτει αυτό εκτός είναι η προσωπικότητα και η τεχνολογία όλα αυτά που προκαλεί αισθήματα θαύματος και απόλαυσης.

Γιατί είναι σημαντικό το σχεδιασμό για το συναίσθημα;

Ίσως να ρωτάτε - γιατί έχει σημασία; Θα αναφερθώ σε αυτό το μικρό γράφημα που είναι μια ερμηνεία της ιεραρχίας των αναγκών του Mazlo. Έχετε δει πιθανώς πριν, σε πολλές μορφές, ουσιαστικά θα μπορούσατε να δείτε αυτό το γράφημα ως οδηγό για οποιοδήποτε προϊόν / site μπορείτε να εργάζεστε.

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

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

Συνοψίζοντας

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

Ρωτήστε τον εαυτό σας: Είναι αυτή η εμπειρία μια ευχαρίστηση στη χρήση, προσφέρει προσόντα, προκαλεί ένα συναίσθημα;

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