Σχεδιασμός αλληλεπίδρασης υπήρξε από τότε που είμαστε αρκετά εξελιγμένοι για να αναπτύξουμε ακόμη και βασικά εργαλεία. Είναι η διαδικασία της επινόησης, της βελτιστοποίησης και της αλλαγής της προηγούμενης επιτυχίας, ώστε να γίνει κάτι όχι μόνο καλύτερο, αλλά και πιο οικείο στους χρήστες μας.
Είναι μια δεξιοτεχνία που δεν περιορίζεται σε μία βιομηχανία, αλλά έχει τη φήμη ότι είναι πρωτίστως όργανο σύγχρονου σχεδιαστή.
Στον ιστό, χρησιμοποιούμε αρχές σχεδιασμού αλληλεπίδρασης για να κάνουμε τα πράγματα εξοικειωμένα και να εκθέσουμε τους χρήστες μας σε νέες έννοιες που ήδη γνωρίζουν πώς να χρησιμοποιήσουν - πριν τις χρησιμοποιήσουν πραγματικά. Η διασφάλιση ότι οι χρήστες μας είναι άνετοι και εξοικειωμένοι με ένα προϊόν, μια υπηρεσία ή ακόμη και ένα μοτίβο UI κάνει μια τεράστια διαφορά στον τρόπο με τον οποίο γίνεται αντιληπτή η δουλειά μας.
Ο λεπτομερής σχεδιασμός αλληλεπίδρασης και η έρευνα μπορούν να οδηγήσουν σε μια πολύ βελτιωμένη εμπειρία χρήστη και ένα πιο προσιτό προϊόν. Όταν φέρνετε νέες (ακόμη και επαναστατικές) ιδέες στην αγορά, ο σχεδιασμός αλληλεπίδρασης είναι κρίσιμος για να εξασφαλίσετε ότι αυτά τα φανταχτερά καινούρια πράγματα είναι εύχρηστα και οικεία στους πελάτες μας.
Η χρήση του μάρκετινγκ από την Apple με την κυκλοφορία του αρχικού iPad είναι ένα εξαιρετικό παράδειγμα αυτής της διαδικασίας. Η ιδέα ενός tablet ήταν γύρω και προσπάθησε, αλλά η δουλειά της Apple στην κατασκευή της συσκευής φαίνεται ανεπιτήδευτη και φυσική επιτάχυνε την επιτυχία της ως νέα πλατφόρμα.
Κάνοντας τους χρήστες μας να αισθάνονται άνετα κρατώντας, χρησιμοποιώντας ή ακόμα και σκέπτοντας νέες ιδέες ή προϊόντα είναι απαραίτητη για το σχεδιασμό της εμπειρίας των χρηστών.
«Το να ζητάς από τους χρήστες να υιοθετούν νέες συμπεριφορές ή ακόμα και να τροποποιούν τις υπάρχουσες συμπεριφορές τους είναι πολύ, πολύ δύσκολο». Ο Khol Vinh του Mixel
Ο σχεδιασμός αλληλεπίδρασης στον Ιστό επικεντρώνεται πρωτίστως στο περιβάλλον χρήστη και τη διάταξη. Σε αντίθεση με άλλα μέσα, αυτό είναι μοναδικό δεδομένου ότι υπάρχουν εκατομμύρια παραδείγματα σχεδόν κάθε περίπτωση χρήσης εκεί έξω. Επομένως, είναι περισσότερο ένα πρόβλημα να βρεθεί ποιο θεμέλιο να επαναληφθεί από, αντί να προσπαθεί κανείς να βρει το ίδρυμα καθόλου.
Πόροι όπως PatternTap ή Pttrns είναι φανταστικοί πόροι για να συγκρίνουν και να βρουν έμπνευση από τα υπάρχοντα πρότυπα. Πράγματα όπως τα εικονίδια, η πλοήγηση και ακόμη και οι 404 σελίδες έχουν τις αντίστοιχες κατηγορίες τους. Η δυνατότητα συνεργασίας με αυτόν τον τρόπο με την υπόλοιπη βιομηχανία καθιστά την online μορφή τόσο μοναδική. Επιτρέπει τη μαζική παραγωγή πρωτοτύπων και τη διεξαγωγή ευρείας κλίμακας έρευνας για το τι λειτουργεί και τι όχι.
Εάν ήταν τόσο εύκολο όσο επιλέγοντας ένα δοκιμασμένο και αληθινό μοτίβο που λειτουργεί κάθε φορά για πλοήγηση, εικονίδια, λίστες ή οτιδήποτε άλλο. θα βρισκόμασταν εκτός εργασίας. Μια καλή εμπειρία χρήστη βασίζεται σε μια σταθερή βάση έρευνας και δοκιμής.
Αυτό που μπορεί να λειτουργήσει εξαιρετικά για κάποιον άλλο που βρίσκεται σε παρόμοια κατάσταση, μπορεί να μην λειτουργεί για εσάς. Για το λόγο αυτό, είναι πάντα σημαντικό να κάνουμε τη δική μας ανάλυση, πειραματισμό και δοκιμές.
Ξεκινώντας, θέλουμε να εντοπίσουμε τι αναμένει ο χρήστης μας. Για παράδειγμα, αν σχεδιάζουμε πού να βάλουμε την πλοήγηση για μια σελίδα, η κοινή λογική μας λέει ότι οι χρήστες μας περιμένουν να είναι κάπου κοντά στην κορυφή, είτε σε ένα στοιχείο στυλ κεφαλίδας είτε σε μια πλευρική γραμμή. Στη συνέχεια θα θέλουμε να προσδιορίσουμε ποιες από αυτές τις περιπτώσεις χρήσης θα ήταν ιδανικές για την ιδιαίτερη κατάσταση (sidebar vs header) και ελπίζουμε να έχουμε δεδομένα για να υποστηρίξουμε αυτή την υπόθεση. Αυτό είναι ένα πολύ ελάχιστο, τραχύ παράδειγμα μιας διαδικασίας σχεδιασμού αλληλεπίδρασης.
Τα κοινά πρότυπα χρήσης θεωρούνται περισσότερο ή λιγότερο ως "ασφαλή" στοιχήματα. Οι περισσότεροι άνθρωποι γνωρίζουν τι σημαίνουν, γνωρίζουμε πώς οι χρήστες θα περιμένουν να λειτουργήσουν και η κοινή χρήση τους μας λέει ότι είναι κάτι που οι άνθρωποι είναι άνετοι (ή θα είναι σύντομα). Αναδυόμενα μοτίβα, από την άλλη πλευρά, είναι πολύ πιο δραματικά. Αυτά τα μοτίβα είναι νέα, φανταχτερά και δεν έχουν ακόμα εξευγενιστεί ή είναι αρκετά κοινά ώστε οι χρήστες τους θα καταλάβουν αμέσως. Μπορούν να οδηγήσουν σε σύγχυση, δυσαρέσκεια ή ακόμη και να κάνουν μια διεπαφή να φαίνεται κακώς σχεδιασμένη.
Με όλα αυτά, τα αναδυόμενα σχέδια είναι μοναδικά για κάποιο λόγο. Παρόλο που δεν τους καταλαβαίνουν όλοι ή είναι εξοικειωμένοι με αυτούς ακόμα, μπορεί να είναι σύντομα. Αξίζει να προσέξουμε για το απλό γεγονός ότι κανείς δεν θέλει να είναι ο τελευταίος που θα εφαρμόσει τη νέα λειτουργικότητα. Με την αυξανόμενη δημοτικότητα ορισμένων αλληλεπιδράσεων, μερικές φορές οι χρήστες μας περιμένουν να τους εφαρμόσουμε μετά από ένα συγκεκριμένο σημείο. Έτσι, ενώ τα αναδυόμενα πρότυπα φαίνονται σκεπασμένα, μερικές φορές αξίζει να είσαι πρώτος υιοθετών εάν οι κίνδυνοι είναι χαμηλοί.
Ένα παράδειγμα ενός αναδυόμενου (και πολύ συζητημένου) μοτίβου χρήσης είναι το εικονίδιο χάμπουργκερ. Παρόλο που είναι σίγουρα αμφισβητήσιμο από την άποψη της έκφρασης της λειτουργικότητάς του, κανείς δεν μπορεί να αρνηθεί ότι είναι ένα όλο και πιο δημοφιλές και επιτυχημένο πρότυπο. Ακόμη και για χρήστες που δεν καταλαβαίνουν τη χρήση ή τη σημασία τους, ένα μόνο κλικ ή ένα κλικ αποκαλύπτει αυτές τις πληροφορίες. Το εικονίδιο χάμπουργκερ μπορεί εύκολα να γίνει ένα πολύ καλά κατανοητό και δημοφιλές πρότυπο, απλώς συμπεριλαμβάνοντας τη λέξη "μενού" δίπλα στο εικονίδιο. Κάποια μέρα, κάτω από τη γραμμή, το εικονίδιο χάμπουργκερ μπορεί να είναι τόσο βαρετό και συνηθισμένο όσο χρησιμοποιεί ένα "Χ" για να κλείσει.
Μια διεπαφή χρήστη είναι σαν ένα αστείο. Αν πρέπει να το εξηγήσετε, δεν είναι τόσο καλό. - Martin LeBlanc
Έχοντας να εξηγήσουμε τη λειτουργικότητα πίσω από τη διασύνδεσή μας συνήθως σημαίνει ότι δεν είναι τόσο καλό. Αλλά χωρίς μια τέτοια κατάρτιση για νέες ιδέες, δεν θα είχαμε ποτέ πρόοδο. Αντί να μην επιδιώκουμε καμία εξήγηση, θα πρέπει να στοχεύουμε μάλλον σε πολύ λίγες εξηγήσεις. Αν πρέπει να δώσουμε ένα φυλλάδιο με το περιβάλλον χρήστη, είναι ασφαλές να πούμε ότι το κάνουμε λάθος. Εάν μόνο μια φράση ή μια σύντομη δήλωση είναι απαραίτητη για να εξηγήσουμε τη λειτουργικότητα, θα μπορούσαμε ακόμα να κάνουμε καλύτερα ... αλλά αυτό είναι σίγουρα εντάξει. Εν ολίγοις, τίποτα νέο δεν θα γίνει ποτέ άνετο εάν δεν εκθέτουμε τους χρήστες σωστά - κάτι που μερικές φορές σημαίνει να εξηγούμε τις ιδέες μας.
Τα ασυνήθιστα σχέδια γίνονται μοντέρνα και εμφανίζονται κάθε τόσο. Έχουμε δει αλληλεπιδράσεις όπως οι σελίδες οριζόντιας κύλισης και parallax αυξάνονται στη δημοτικότητα πριν από τις αρνητικές τους υποστροφές UX. Μερικές φορές σπάσιμο του καλουπιού και να κάνει κάτι μοναδικό μπορεί να οδηγήσει σε κάτι όμορφο που εξακολουθεί να ανταποκρίνεται στις ανάγκες των χρηστών. Δεν πρέπει να φοβόμαστε να πειραματιστούμε και να δοκιμάζουμε νέα πράγματα, ειδικά όταν πρόκειται για την περιοχή σχεδιασμού αλληλεπιδράσεων. Ανακαλύπτοντας πρότυπα που κάνουν τους χρήστες μας πιο άνετους και χαρακτηρίζοντας τη λειτουργία τους πιο ξεκάθαρα, είναι κάτι που μπορούμε όλοι να πάρουμε πίσω.
Η προσεκτική επιλογή των μοτίβων χρήσης κατά την κατασκευή των διεπαφών χρήστη μπορεί να οδηγήσει σε χρήστες που καταλαβαίνουν και είναι άνετοι με την εργασία μας πριν τη χρησιμοποιήσουν. Όταν εργαζόμαστε με προϊόντα ή υπηρεσίες που βρίσκονται σε μια εξειδικευμένη αγορά ή σχετικά νέα, θα μπορούσαμε όλοι να επωφεληθούμε από το να τους κάνουμε πιο προσιτό.
Ο σχεδιασμός αλληλεπίδρασης είναι μοναδικός στο ότι είναι σε μεγάλο βαθμό μια συνεργατική επιστήμη που επιφέρει η επιθυμία μας να αποκτήσουμε νέες ιδέες στα χέρια των χρηστών μας.
Προτεινόμενη εικόνα / μικρογραφία, μάθει εικόνα συμπεριφοράς μέσω Shutterstock.