Ποιες είναι οι διαφορές μεταξύ UX Design και UI Design;

UX UI, UX Designer, UI Design, εμπειρία χρήστη, UI σύστημα. Αυτές οι λέξεις σίγουρα περιλαμβάνονται σε μερικές από τις πρόσφατες αναζητήσεις που έχετε κάνει στη προσπάθειά σας να καταλάβετε γιατί έχουν αποκτήσει τόση δημοσιότητα.

Ποιες είναι οι διαφορές τους, αλλά και για να αναγνωρίσετε αν και πόσο τελικά επηρεάζουν στο σχεδιασμό του δικού σας website.

Ας ξεκινήσουμε από τα βασικά.

Τι είναι το UX;

Το UX είναι το ακρωνύμιο του User Experience.

Ο όρος «User Experience» χρησιμοποιείται για να περιγράψει την εμπειρία που έχει κάποιος κατά την αλληλεπίδρασή του με μια εταιρεία, τις υπηρεσίες ή τα προϊόντά της.

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

Για παράδειγμα, η αλληλεπίδραση που έχετε με μία μηχανή espresso, η περιήγησή σας σε ένα αεροδρόμιο ή το γεύμα σας σε ένα εστιατόριο, μπορεί να χαρακτηριστεί ως καλή ή κακή εμπειρία χρήστη.

Μια πόρτα που είναι κακώς σχεδιασμένη και δεν είναι ξεκάθαρο αν πρέπει να τη σπρώξετε ή να τη τραβήξετε για να ανοίξει, αποτελεί επίσης ένα από τα πιο χαρακτηριστικά παραδείγματα με τα οποία μπορεί κανείς να περιγράψει την έννοια του User Experience.

Μια κακώς σχεδιασμένη πόρτα, είναι και η γνωστή ως Norman Door, η οποία οφείλει αυτόν τον χαρακτηρισμό στον Don Norman, συγγραφέα του βιβλίου «The Design of Everyday Things», συνιδρητή του Nielsen Norman Group και εμπνευστή του τίτλου «UX  Architect».

Τι είναι το UI;

Το UI είναι το ακρωνύμιο του User Interface.

Ο όρος «User Interface» χρησιμοποιείται για να περιγράψει ένα σύνολο οθονών, σελίδων και οπτικών στοιχείων (buttons, icons κλπ.), τα οποία χρησιμοποιεί κανείς για να αλληλεπιδράσει με μια συσκευή.

Αν γυρνούσαμε στη δεκαετία του ’70 και θέλατε να χρησιμοποιήσετε έναν υπολογιστή, θα έπρεπε να γράψετε αρκετές σειρές από κώδικα σε ένα interface που θα έμοιαζε με το παρακάτω:

Θα έπρεπε επίσης να περιμένετε αρκετά χρόνια ακόμη, μέχρι το 1981 για την ακρίβεια, για να αποκτήσετε τον Xerox Star, τον προσωπικό υπολογιστή με το πρώτο Graphical User Interface (GUI).

Τι σημαίνει αυτό;

Σημαίνει ότι για πρώτη φορά θα είχατε τη δυνατότητα αντί για γραμμές κώδικα να αλληλεπιδράσετε με icons, drop-down menus, radio buttons και checkboxes!

Οι έννοιες user interface ui design είναι βασικός πυλώνας στην σχεδίαση εφαρμογών και web sites και βασική δουλειά ενός ui designer. 

Ποια είναι η διαφορά ανάμεσα στο UX UI;

Και φτάνουμε στην ερώτηση του ενός εκατομμυρίου. Η ερώτηση που συνεχίζει να διχάζει τους designers σε Sillicon Valley και Αθήνα.

Ποια είναι η διαφορά ανάμεσα στο UX και στο UI;

via GIPHY

Το UX κάνει ένα interface να είναι χρηστικό. 
Το UI κάνει ένα interface να είναι όμορφο.

Το UX εφαρμόζεται σε interfaces, σε προϊόντα και υπηρεσίες.
Το UI εφαρμόζεται σε interfaces.

Το UX προηγείται.
Το UI ακολουθεί.

Το UX είναι μεθοδολογία.
Το UI είναι deliverable.

Το UI είναι δομικό στοιχείο του UX και φιλοξενείται κάτω από τη μεγάλη ομπρέλα του User Experience μαζί με το Visual Design, το Information Architecture, το Interaction Design, το Usability, το User Research και το Content Strategy.

Μια άλλη βασική διαφορά είναι ότι οι UX Designers συνήθως δημιουργούν prototypes και wireframes πριν προχωρήσουν στον visual σχεδιασμό, ενώ ένας UI Designer συνήθως ξεκινά κατευθείαν τη δημιουργία των visual στοιχείων.

Αυτό οφείλεται στο γεγονός ότι οι σχεδιαστές UX πρέπει να δοκιμάσουν πόσο εύκολη είναι η χρήση της εφαρμογής ή της ιστοσελίδας, πριν αρχίσουν να εργάζονται για να την κάνουν να φαίνεται όμορφη.

UX UI: Ποιος κάνει τι;

Το ευρύ φάσμα που καλύπτει ο όρος «User Experience» αποτελεί έναν ακόμη λόγο σύγχυσης και debate.

Aυτή τη φορά όμως αναφορικά με τους ρόλους που συναντά κανείς σε μια εταιρεία.

UX Designer, UI Designer, Visual Designer, UX Researcher, UX Analyst, Interaction Designer, UX Architect, Information Architect, είναι μόνο μερικοί από τους πιο δημοφιλείς τίτλους που συναντά κανείς με μια γρήγορη αναζήτηση στο Google, στο LinkedIn και σε οποιοδήποτε job board.

Όπως καταλαβαίνετε, πρόκειται για μια πληθώρα ειδικοτήτων και αν προσθέσουμε στην εξίσωση την εμπειρία (seniority) και το ρόλο (role orientation), προκύπτουν 882 διαφορετικοί τίτλοι, οι οποίοι σχετίζονται με το UX UI:

Πηγή: www.userfocus.co.uk/articles/ux_job_title_generator.html 

Έχοντας αναγνωρίσει τη σημασία εφαρμογής μιας User Experience μεθοδολογίας και κατανοώντας παράλληλα το διαχωρισμό ανάμεσα στις δύο πιο παραξηγημένες έννοιες, των UX UI, στη wedia έχουμε ήδη διαχωρίσει τους ρόλους και τις αρμοδιόητες των ανθρώπων που καλούνται να σχεδιάσουν και να υλοποιήσουν ένα website.

Έτσι, στην αρχή του σχεδιασμού του website σας, ο άνθρωπος που είναι υπεύθυνος για το User Experience θα σας μιλήσει για Personas και User Needs (ανάγκες του χρήστη).

Θα σας ρωτήσει για τα δικά σας Business Needs (εμπορικοί σκοποί) και θα θελήσει να οργανώσει κάποια User Interviews και θα συζητήσει μαζί σας για τον ανταγωνισμό.

Στην επόμενη συνάντηση, θα αναφερθείτε σε Sitemap, User Journeys και Wireframes, όπου πλέον θα έχετε τη δυνατότητα να συζητήσετε για τη συνολική αρχιτεκτονική του website σας.

Χρειάζεται να προστεθεί κάτι στο header;
Στην σελίδα κατηγορίας θα έχουμε static image ή slider;
Πού θα οδηγεί αυτό το CTA;

Τέτοια και άλλα αντίστοιχα ερωτήματα θα απαντηθούν σε αυτό το στάδιο σχεδιασμού, πριν πάρει τη σκυτάλη ο UI Designer για να σας παρουσιάσει το Moodboard.

Ένα εικαστικό κολάζ από εικόνες, χρωματικές παλέτες, icons και τυπογραφικά στοιχεία με στόχο την επιλογή του δημιουργικού δρόμου και της κατεύθυνσης που θα υιοθετηθεί στην εικαστική σχεδίαση των Mockups, που θα ακολουθήσουν.

Βλέπετε λοιπόν, πόσο ζωτικής σημασίας είναι η συνύπαρξη του UX UI στη διαδικασία σχεδιασμού ενός website, αλλά και πόσο σημαντικό είναι επίσης να υπάρχουν ξεκάθαροι και διαχωρισμένοι ρόλοι.

Πρόκειται για μια διαδικασία απαιτητική, αλλά ταυτόχρονα σημαντική για όσους θεωρούν το Digital Transformation μονόδρομο και αναγνωρίζουν ένα σωστά υλοποιημένο website σαν σημαντικό συστατικό του.

Πως εφαρμόζονται σε ένα web site 

- Το UX Design επικεντρώνεται στην εμπειρία του χρήστη με ένα προϊόν, ενώ το UI Design ασχολείται περισσότερο με την εμφάνιση και την αίσθηση του προϊόντος.

- Το UX αφορά την εξεύρεση της σωστής λύσης για ένα πρόβλημα, ενώ το UI Design αφορά την εμφάνιση αυτής της λύσης.

- Οι UX Designers εστιάζουν στην έρευνα και τις δοκιμές για να βρουν τις καλύτερες λύσεις, ενώ οι UI Designers έχουν συχνά μεγαλύτερη δημιουργική ελευθερία. 

- Το UX γίνεται συνήθως πριν από το UI Design, αλλά μπορεί να υπάρχει επικάλυψη μεταξύ των δύο κλάδων.

- Τελικά, τόσο το UX όσο και το UI είναι σημαντικά για τη δημιουργία ενός επιτυχημένου προϊόντος.

Πως το UX Design βοηθάει ένα web site

Δεν υπάρχει σίγουρη συνταγή για έναν επιτυχημένο web site, αλλά ο καλός σχεδιασμός UX μπορεί σίγουρα να βοηθήσει.

Κατανοώντας και ανταποκρινόμενοι στις ανάγκες των χρηστών, οι UX Designers μπορούν να δημιουργήσουν ιστοσελίδες που δεν είναι μόνο λειτουργικές αλλά και ευχάριστοι στη χρήση.

Μια αξιόλογη σχεδίαση UX μπορεί να κάνει τη διαφορά μεταξύ ενός website που κάποιος το ανέχεται και κάποιου που λατρεύει να χρησιμοποιεί. 

Φυσικά, δεν μπορεί - ή δεν χρειάζεται - να είναι κάθε ιστοσελίδα αγαπητή σε όλους.

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

Και αυτό είναι μια πολύ καλή αρχή.

Ο σχεδιασμός της εμπειρίας χρήστη αφορά πολύ περισσότερα από το να σχδεδιάσουμε όμορφες οθόνες. 

Αφορά για τη δημιουργία μιας ιστοσελίδας που είναι εύκολη στη χρήση, την πλοήγηση και την κατανόηση.

Πρόκειται για τη διασφάλιση ότι οι χρήστες μπορούν να βρουν αυτό που χρειάζονται, όταν το χρειάζονται.

Και έχει να κάνει με τη διασφάλιση ότι οι χρήστες έχουν μια θετική εμπειρία κάθε φορά που επισκέπτονται την ιστοσελίδα.

Τα επόμενα βήματά σας

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

Εσείς, μπορείτε να διατηρήσετε το προβάδισμά σας δίνοντας προτεραιότητα στην εμπειρία χρήσης του κοινού σας.

1. Αν ενδιαφέρεστε να μάθετε για το πώς σχεδιάζουμε και υλοποιούμε ένα website… made by wedia, μπορείτε να διαβάσετε περισσότερα στο blog μας.

2. Αν θέλετε να μάθετε περισσότερα για το UX και το website redesign, κατεβάστε δωρεάν τον πλήρη οδηγό για website redesign.

3. Αν είστε έτοιμοι να εφαρμόσετε τη μεθοδολογία του Experience Design στο δικό σας προϊόν ή υπηρεσία, οι συνεργάτες μου στη wedia και εγώ βρισκόμαστε πάντοτε στη διάθεσή σας με ένα ολοκληρωμένο set από υπηρεσίες UX UI Design.

Συμπληρώστε τη φόρμα για να επικοινωνήσετε μαζί μας.