Εάν εργάζεστε χαλαρά στον χώρο του σχεδιασμού ιστοσελίδων ή του γραφικού σχεδιασμού, έχετε ακούσει τον όρο "διεπαφή χρήστη" ή "σχεδιασμός διεπαφής χρήστη". Μπορεί επίσης να το έχετε δει να χρησιμοποιείται εναλλακτικά με το "UX", οπότε τι είναι και σε τι διαφέρει;
Στην πραγματικότητα, το UI και το UX δεν είναι το ίδιο. Παρακάτω θα δούμε τι είναι η διεπαφή χρήστη και τι σημαίνει.
Τι είναι το περιβάλλον χρήστη και τι σημαίνει;
UI Είναι ένα αρκτικόλεξο για το "User Interface". Είναι τα στοιχεία ενός ιστότοπου ή μιας εφαρμογής με τα οποία αλληλεπιδρά ο χρήστης καθώς περιηγείται στη σελίδα ή το πρόγραμμα - η γραφική διάταξη μιας εφαρμογής. Τα στοιχεία σελίδας και εφαρμογής που πληρούν τις προϋποθέσεις ως διεπαφή χρήστη περιλαμβάνουν:
- κουμπιά
- κείμενο
- Εικόνες
- γραμμές κύλισης
- πεδία φόρμας
- Διάταξη σελίδας
Βασικά, οτιδήποτε αλληλεπιδρά ο χρήστης είναι μέρος της διεπαφής χρήστη. Για το λόγο αυτό, η αισθητική είναι ένα τεράστιο μέρος του σχεδιασμού της διεπαφής χρήστη οποιουδήποτε ιστότοπου ή εφαρμογής.
εξηγώ Διεπαφή χρήστη Adobe Στο XD design blog τους όπως αυτό:
«Η διεπαφή χρήστη είναι όπου συμβαίνουν οι αλληλεπιδράσεις μεταξύ ανθρώπων και μηχανών. Επιτρέπει στους χρήστες να χειρίζονται ενεργά τη συσκευή για να ολοκληρώσουν μια εργασία ή να επιτύχουν έναν συγκεκριμένο στόχο, όπως την πραγματοποίηση μιας αγοράς ή τη λήψη μιας εφαρμογής."
Από την άλλη πλευρά, το UX σημαίνει "εμπειρία χρήστη". Και ενώ το UI μπορεί σίγουρα να επηρεάσει το UX, δεν είναι το ίδιο πράγμα.
Διαφορετικοί τύποι διεπαφής χρήστη
Η διεπαφή χρήστη οποιασδήποτε συσκευής περιλαμβάνει τόσο υλικό όσο και λογισμικό. Όλα, από το πληκτρολόγιο που χρησιμοποιείτε μέχρι τη διεύθυνση URL έως το μενού της πλευρικής γραμμής του ιστότοπου που επισκέπτεστε αποτελούν μέρος της διεπαφής χρήστη.
Οι συσκευές διεπαφής χρήστη μπορούν να χωριστούν σε δύο κατηγορίες:
- Συσκευές εισόδουΣυσκευές που επιτρέπουν στους ανθρώπους να ελέγχουν μια συσκευή στο τέλος τους, όπως ένα ποντίκι ή ένα tablet.
- συσκευές εξόδουΣυσκευές που παρέχουν πληροφορίες στο χρήστη, όπως οθόνες και ηχεία.
Σύμφωνα με την Adobe, υπάρχουν τρεις τύποι διεπαφών χρήστη: διεπαφές γραμμής εντολών, γραφικές διεπαφές χρήστη (ονομάζονται επίσης GUI) και διεπαφές χρήστη με δυνατότητα φωνής.
ήταν Διεπαφές γραμμής εντολών είναι οι πρώτες διεπαφές χρήστη, που χρονολογούνται από τη δεκαετία του XNUMX. Οι χρήστες εισάγουν μια εντολή και ο υπολογιστής απαντά με μια γραμμή κειμένου. Αυτές οι διεπαφές χρήστη απαιτούν γνώση της γλώσσας μηχανής και έχουν αντικατασταθεί σε μεγάλο βαθμό από γραφικές διεπαφές χρήστη (GUI) στους σημερινούς υπολογιστές. Τώρα χρησιμοποιούνται κυρίως στον προγραμματισμό υπολογιστών και στη διαχείριση συστημάτων.
Γραφικές διεπαφές χρήστη είναι οι διεπαφές με τις οποίες είναι εξοικειωμένοι οι περισσότεροι σύγχρονοι χρήστες. Τα γραφικά, όπως τα εικονίδια και οι δείκτες, επιτρέπουν στους χρήστες να αλληλεπιδρούν με ψηφιακά προϊόντα. Όταν μετακινείτε το βέλος του ποντικιού για να κάνετε κλικ στο εικονίδιο Spotify ώστε να μπορείτε να αναπαράγετε τη μουσική, αυτό είναι ένα γραφικό περιβάλλον χρήστη. Εικονίδια με τα οποία αλληλεπιδρούμε τακτικά στα smartphone μας; Επίσης ένα γραφικό περιβάλλον χρήστη. Αυτά τα συστήματα διεπαφής χρήστη επέτρεψαν στους υπολογιστές να χρησιμοποιούνται ευρέως όπως τους γνωρίζουμε σήμερα.
Επιτρέπω Διεπαφές χρήστη με δυνατότητα φωνής Οι άνθρωποι μπορούν να αλληλεπιδράσουν με ένα ψηφιακό σύστημα χρησιμοποιώντας μόνο τη φωνή τους. Τα τελευταία χρόνια, διεπαφές που υποστηρίζουν φωνή μέσω ψηφιακών βοηθών, όπως π.χ Alexa و Siri و Βοηθός Google.
Καλά στοιχεία διεπαφής χρήστη
Οποιοσδήποτε σχεδιαστής θα σας πει ότι μια καλή διεπαφή χρήστη είναι το κλειδί για ένα καλό προϊόν. Εάν κάτι δεν είναι εύκολο στη χρήση, δεν θα εξαπλωθεί. Μια καλά σχεδιασμένη διεπαφή χρήστη θα ήταν:
- οικείος: Οι άνθρωποι θα μπορούν να μάθουν πώς να χρησιμοποιούν το λογισμικό με βάση την προηγούμενη εμπειρία τους.
- Σαφή: Η λειτουργία κάθε στοιχείου στη διεπαφή χρήστη σας πρέπει να είναι σαφής στο άτομο που το χρησιμοποιεί.
- σταθερόςΤα στοιχεία πρέπει να είναι συνεπή σε όλο το προϊόν, ώστε οι άνθρωποι να μπορούν να αναγνωρίζουν μοτίβα.
- αποτελεσματικός: Απαιτείται ελάχιστη είσοδος από τον χρήστη για να επιτευχθεί η επιθυμητή έξοδος. Παρέχονται συντομεύσεις για πιο έμπειρους χρήστες.
- ανοχή: Μια καλή διεπαφή χρήστη συγχωρεί όταν κάποιος κάνει λάθος, π.χ. ένας σύνδεσμος Google "μήπως εννοούσες" στα αποτελέσματα αναζήτησης.
Οι σχεδιαστές διεπαφής χρήστη θα δημιουργήσουν μια προσομοίωση του συστήματος και θα το δοκιμάσουν στο κοινό-στόχο πριν το αποδεχτούν και το μεταφέρουν στην παραγωγή. Στην ιδανική περίπτωση, θα έχει όλα τα παραπάνω χαρακτηριστικά.
