Πάρτε UX στο επόμενο επίπεδο προσθέτοντας 'Delight'
Οι ιστότοποι έχουν σχεδιαστεί για να εκτελούν μια λειτουργία και να επικοινωνούν με τους χρήστες τους. Αλλά πέρα από αυτό, οι ιστοσελίδες μπορούν επίσης να είναι συναρπαστικό, συναρπαστικό, ακόμη και διασκέδαση στη χρήση.
Η προσθήκη οπτικού ενδιαφέροντος σε έναν ιστότοπο συμβάλλει στη διατήρηση της δέσμευσής μας σε αυτό, είτε πρόκειται για τυπογραφία, γραφικά ή φωτογραφία. Αλλά πιστεύω ότι υπάρχει επίσης η δυνατότητα για στοιχεία αλληλεπίδρασης να παρέχουν οπτική διέγερση και ανατροφοδότηση, ακόμη και να ευχαριστούν τον χρήστη. Σε αυτό το άρθρο θα υποστηρίξω ότι προσθέτοντας κάποια εφέ για να διασκεδάσετε, να εκπλαγείτε και να διεγείρετε τους χρήστες σας μπορούν να κάνουν τους ιστότοπους και τις εφαρμογές σας καλύτερο και να διατηρήσουν τους χρήστες να επιστρέψουν.
Απόλαυση
Ο σχεδιασμός ιστοσελίδων είναι συχνά ένα ξηρό θέμα, φορτωμένο με ορολογίες UX και ταξίδια χρηστών Αρχιτεκτονικής Πληροφοριών. Αλλά γιατί να μην υπάρχει κάποια διασκέδαση στην πορεία; Η προσθήκη απόλαυσης σε έναν ιστότοπο είναι ένας πολύ καλός τρόπος για να κάνετε έναν ιστότοπο όχι μόνο πιο ανθρώπινο, αλλά και μοναδικό για τον ιστότοπό σας.
Πρόκειται να περιορίσω τον ορισμό της απόλαυσης εδώ λέγοντας ότι είναι η προσθήκη της μη απαιτούμενης λειτουργικότητας.
Με αυτό εννοώ ότι δεν αποτελεί ουσιαστικό μέρος της λειτουργίας του ιστότοπου. Ωστόσο, μπορεί να έχει ισχυρό αντίκτυπο στον τρόπο που αντιλαμβάνεται και βιώνει τον ιστότοπο. Στην πραγματικότητα θα ήθελα να πω ότι ο τρόπος χειρισμού των αυστηρά περιττών στοιχείων του UI είναι εξίσου σημαντικός με την τυπογραφία και άλλα οπτικά στοιχεία, για τον καθορισμό του τόπου μιας ιστοσελίδας.
Μια ελεύθερη αλληλεπίδραση
Σε ένα άρθρο για την Cooper Journal, Ο Chris Noessel αποκαλεί "Μια ελεύθερη αλληλεπίδραση" ένα μοτίβο σχεδίασης "που δίνει στο λογισμικό μια πιο ανθρώπινη αίσθηση".
Μέρος της είναι η αναγνώριση ότι οι άνθρωποι είναι εχθρικά πλάσματα συχνά επιρρεπή σε επαναλαμβανόμενες μικρές ενέργειες. Παραδοσιακά με το στυλό και το χαρτί θα έπρεπε να κάνουμε κουκκίδες ή να ανασύρουμε συνεχώς τα στυλό. Είμαι, για παράδειγμα, ένας μωσαϊκός.
Οι άνθρωποι φέρνουν συχνά αυτή τη νευρικότητα στην περιήγηση στο διαδίκτυο, συχνά με κύλιση προς τα πάνω και προς τα κάτω, επιλέγοντας κομμάτια κειμένου ή επαναλαμβανόμενες ενέργειες.
Το μοτίβο μιας ελεύθερης αλληλεπίδρασης αγκαλιάζει αυτή την έμφυτη ανθρώπινη ανάγκη να κυνηγάει, δημιουργώντας διαδραστικά στοιχεία που δίνουν απροσδόκητα ή ευχάριστα αποτελέσματα. Χρειάζεστε ένα παράδειγμα; Δοκιμάστε να τοποθετήσετε τον κέρσορα πάνω από το λογότυπο Web Designer Depot 'W' στην κορυφή της σελίδας.
Όπως λέει ο Noessel, οι ελεύθερες αλληλεπιδράσεις κάθονται έξω από την απόδοση των εργασιών και, αντίθετα, κάθονται στους ενδιάμεσους χώρους. Αλλά είναι ισχυροί στη διαμόρφωση της συναισθηματικής απόκρισης μας στις τοποθεσίες που χρησιμοποιούμε.
Εφέ κύλισης
Όπως αναφέρθηκε προηγουμένως, ένα από τα πιο συνηθισμένα 'fidgets' είναι η κύλιση προς τα πάνω και προς τα κάτω, έτσι ώστε οι περιοχές που προσθέτουν οπτικό ενδιαφέρον κατά την κύλιση είναι συχνά ευχάριστες.
Η σελίδα μιας σελίδας για το Nizo η εφαρμογή φωτογραφίας από τη Μηχανική εικόνας διαθέτει λειτουργίες κάμερας με κάμερες που μετακινούνται κατά την κύλιση προς τα κάτω και προς τα έξω κατά την κύλιση προς τα κάτω. Εάν είστε σαν εμένα, θα περάσετε αρκετό καιρό μόνο με κύλιση προς τα πάνω και προς τα κάτω, παίζοντας με το πανέμορφο περιβάλλον εργασίας. (Μην κρατάτε την αναπνοή σας να περιμένει την απελευθέρωση της εφαρμογής.)
Χρησιμοποιώντας παράλληλες επιδράσεις στην κύλιση προσθέτουμε επίσης απόλαυση, δημιουργώντας την ψευδαίσθηση του βάθους. αγαπώ το αγόρι-συνωμότης όπου τα εφέ κύλισης ταιριάζουν απόλυτα με τον τόνο και το οπτικό στυλ του ιστότοπου.
Είμαι έκπληκτος ότι δεν υπάρχουν περισσότερες ιστοσελίδες με εφέ οριζόντιας κύλισης, δεδομένου ότι η πλευρική κύλιση είναι ένα τόσο κοινό θέμα στο σχεδιασμό παιχνιδιών. Αλλά ένα καλό παράδειγμα είναι το Nintendo Mario Kart site που εξετάζει την ιστορία του παιχνιδιού σε 20 χρόνια κονσόλας Nintendo.
Ο πολωνικός χώρος Mashup προσθέτει στρώματα γραφικών στοιχείων τα οποία μεταβαίνουν κατά την περιστροφή σας, έναν τρόπο υψηλής τεχνολογίας για την επίτευξη μιας αίσθησης low-fi sketchbook.
Ο βασιλιάς των ιστότοπων αποτελεσμάτων κύλισης είναι πιθανώς Acko . Εδώ, το στοιχείο κεφαλίδας τοποθεσίας είναι ένα κινούμενο αντικείμενο 3D graffiti. Είναι το κινούμενο λογότυπο στο επόμενο επίπεδο - εντυπωσιακό, διαδραστικό, παιχνιδιάρικο. Υπάρχουν ακόμη και επιτεύγματα για να «ξεκλειδώσετε» το UI - αν και η gamification είναι ένα άλλο θέμα εντελώς.
Σχέδιο για συναισθήματα
Η προσθήκη απόλαυσης στον ιστότοπό σας βοηθά στη δημιουργία συναισθηματικής σύνδεσης με έναν χρήστη. Η δύναμη του συναισθήματος στο σχεδιασμό είναι κάτι που μόλις αρχίζουμε να καταλαβαίνουμε, αλλά εξηγεί γιατί μας αρέσει να χρησιμοποιούμε συγκεκριμένα αντικείμενα και να έχουμε μια τόσο ισχυρή σχέση μαζί τους. Ισχύει για το σχεδιασμό φυσικών προϊόντων καθώς και για το διαλογικό σχεδιασμό.
Νομίζω ότι ένας ισχυρός λόγος που τα προϊόντα της Apple είναι τόσο πολύ θεωρούνται είναι ότι οι χρήστες γίνονται συναισθηματικά συνδεδεμένοι με αυτούς, και υπάρχουν πολλά παραδείγματα απόλαυσης τόσο στο υλικό όσο και στο λογισμικό της Apple. Γνωρίζω ότι πολλοί άνθρωποι αγαπούν την «καουτσούκ-μπάντα» κύλιση σε iOS κινητό Safari τόσο πολύ που θα απουσιάζουν μυαλό ping επάνω και κάτω.
Εντάξει από «πολλούς ανθρώπους» Με εννοώ, αλλά Ο Steve Jobs το αγάπησε αρκετά για να το κατοχυρώσει, και αποτελεί μέρος της δίκης της Apple εναντίον της Samsung.
Aaron Walter, στο βιβλίο του Σχεδιασμός για το συναίσθημα, εξετάζει τον τρόπο με τον οποίο οι επιτυχημένοι ιστότοποι ασχολούνται με τα συναισθήματα των χρηστών με την εμφάνισή τους με προσωπικότητα. Η προσθήκη στοιχείων που ευχαριστούν έναν χρήστη είναι ένας πολύ ισχυρός τρόπος για να γίνει αυτό. Με απλά λόγια, προτιμούμε εργαλεία που μας χαροποιούν, οπότε είναι καλό και για τις επιχειρήσεις.
Η απόλαυση δεν είναι ένα τέχνασμα
Η προσθήκη απόλαυσης δεν σημαίνει την προσθήκη εσκεμμένων αποτελεσμάτων ως ένα τέχνασμα. Τα αποτελέσματα είναι εκεί για να βοηθήσουν στη διαμόρφωση της προσωπικότητας του χώρου. Δεν χρειάζεται να είναι παιχνιδιάρικο ή περίεργο (αν και μπορεί να είναι αν αυτή είναι η προσωπικότητα που θέλετε να μεταφέρετε), μπορεί να είναι λεπτή και συγκρατημένη αν ταιριάζει καλύτερα στον χαρακτήρα. Ρίξε μια ματιά στο pictet.com. Μου αρέσει ο τρόπος που η μπάρα αναζήτησης ξεθωριάζει όταν κάνετε κλικ στον σύνδεσμο αναζήτησης - σταματάει το πεδίο κειμένου αναζήτησης να είναι ένα κυρίαρχο στοιχείο, μέχρι να το ζητήσετε. Είναι λεπτή και αριστοκρατική και ταιριάζει απόλυτα με τον τόνο του χώρου - μια ελβετική εταιρεία παροχής χρηματοοικονομικών υπηρεσιών.
Μερικές φορές τα αποτελέσματα είναι τόσο λεπτές, ίσως να μην τα παρατηρήσετε. Γνωρίζατε, για παράδειγμα, ότι ο έλεγχος της έντασης στο BBC iPlayer πηγαίνει μέχρι 11; Είναι ένα ωραίο μικρό νεύμα για την Spinal Tap.
Μην το παρακάνετε
Η προσθήκη υπερβολικά πολλών απροσδόκητων αλληλεπιδράσεων μπορεί να είναι αντιπαραγωγική, δημιουργώντας μια οπτική υπερβολή. Αν δεν προσπαθείτε να δημιουργήσετε ένα υπερκινητικό περιβάλλον όπως το παιχνίδι, πάρα πολλά οπτικά εφέ, με ανατροπές, αναδυόμενα παράθυρα, whizzbangs και βόμβες quirk σε όλη τη χώρα, θα μειώσουν σοβαρά την εμπιστοσύνη σας στο περιεχόμενο. Ρίξτε μια ματιά στο LEDbow για παράδειγμα. Τεχνικά είναι λαμπρό αλλά δεν νομίζω ότι επικοινωνεί αποτελεσματικά. Υπάρχουν πάρα πολλά πράγματα.
Κλήση της απόλαυσης
Λατρεύω ιστότοπους που αντιμετωπίζουν την οθόνη ως εικονοσκόπιο ή επιφάνεια και όχι ως προβολέα σελίδας. Τα επίπεδα που κινούνται με διαφορετικές ταχύτητες δημιουργούν βάθος και ενδιαφέρον. Τα στοιχεία που κινούνται στη θέση τους προσελκύουν την προσοχή.
Η κίνηση κάνει την εμπειρία πιο συγκλονιστική, αλλά να γνωρίζετε ότι αυτό το είδος αλληλεπίδρασης για το καλό της δεν ισοδυναμεί με μεγαλύτερη εμπλοκή.
Η προσθήκη της απόλαυσης καθιστά τις τοποθεσίες πιο ανθρώπινες και πιο απτικές, εμπλέκοντας την ανάγκη των μαϊμούδων-εγκεφάλου μας να μπερδευτούν και να παίξουν όσο σκεφτόμαστε και μαθαίνουμε. Την επόμενη φορά που θα δημιουργήσετε έναν ιστότοπο, σκεφτείτε πώς μπορείτε να δημιουργήσετε κάτι μοναδικό για να ευχαριστήσετε τους χρήστες σας.
Σχεδιάζετε για συγκίνηση; Πώς προσθέτετε την απόλαυση σε έναν ιστότοπο; Ενημερώστε μας στα σχόλια.