Ο απλούστερος τρόπος για να δείτε τη διαφορά είναι το ταμείο. Το UX αποφασίζει πόσα βήματα υπάρχουν, τι ζητείται σε κάθε βήμα, τι συμβαίνει όταν μια κάρτα απορρίπτεται και αν ένας επισκέπτης μπορεί να αγοράσει χωρίς λογαριασμό. Η διεπαφή χρήστη αποφασίζει πώς θα μοιάζει κάθε βήμα: τα πεδία της φόρμας, το στυλ του κουμπιού, το χρώμα του μηνύματος σφάλματος και η μικρή κίνηση όταν η πληρωμή είναι επιτυχής.
Ο σχεδιασμός UX ξεκινά πριν από την ύπαρξη οποιασδήποτε οθόνης. Περιλαμβάνει έρευνα χρηστών, συνεντεύξεις, χάρτες ταξιδιού, αρχιτεκτονική πληροφοριών, καλώδια και δοκιμές χρηστικότητας. Η έξοδος είναι συχνά μια ροή ή ένα πρωτότυπο παρά μια ολοκληρωμένη οπτική σχεδίαση. Η επιτυχία μετριέται από τα αποτελέσματα: ολοκλήρωση της εργασίας, λάθη, χρόνος για να ολοκληρωθεί και αν οι άνθρωποι επιστρέφουν.
Ο σχεδιασμός UI μετατρέπει αυτή τη δομή σε διεπαφή. Καλύπτει την οπτική ιεραρχία, την απόσταση, την τυπογραφία, το χρώμα, τα εικονίδια, τα στοιχεία και τον τρόπο συμπεριφοράς κάθε στοιχείου σε κάθε κατάσταση: προεπιλογή, τοποθέτηση του δείκτη, πατημένο, απενεργοποιημένο, φόρτωση και σφάλμα. Η κίνηση είναι επίσης μέρος της διεπαφής χρήστη. Ένα κουμπί που ανταποκρίνεται όταν πατηθεί ή ένα φύλλο που ακολουθεί το δάχτυλό σας, λέει στους χρήστες ότι το προϊόν τα έχει ακούσει.
Τα δύο εξαρτώνται το ένα από το άλλο. Μια καθαρή ροή με μπερδεμένα κουμπιά εξακολουθεί να αποτυγχάνει και μια γυαλισμένη οθόνη πάνω από μια συγκεχυμένη ροή εξακολουθεί να αποτυγχάνει. Αυτός είναι ο λόγος που οι περισσότερες ομάδες αντιμετωπίζουν τη διεπαφή χρήστη ως ένα μέρος του UX και όχι ως ξεχωριστή πειθαρχία και γιατί πολλές διαφημίσεις εργασίας ζητούν και τα δύο.
Εάν αποφασίζετε τι να μάθετε πρώτα, ξεκινήστε με τα βασικά του UX (κατανόηση του χρήστη και της εργασίας) και στη συνέχεια μάθετε δεξιότητες διεπαφής χρήστη σε ένα εργαλείο σχεδίασης όπως το Figma ή το Penpot. Η αλληλεπίδραση και ο σχεδιασμός κίνησης έρχονται στη συνέχεια, και εκεί ταιριάζουν εργαλεία όπως το ExodeUI, που κατασκευάζουμε.