Κατασκευή ιστοσελίδας για UX UI designer που δείχνει σχεδιαστικές αποφάσεις, όχι μόνο οθόνες
Η ιστοσελίδα ενός UX/UI designer, δηλαδή σχεδιαστή Εμπειρίας Χρήστη (User Experience) και Διεπαφής Χρήστη (User Interface), πρέπει να λειτουργεί ως απόδειξη σκέψης και όχι σαν άλμπουμ εικόνων. Ο επισκέπτης θέλει να δει πώς ένα πρόβλημα μετατράπηκε σε ροές, αρχιτεκτονική πληροφορίας, πρωτότυπο και τελική διεπαφή. Χρειάζεται επίσης να καταλάβει ποιο κομμάτι ανήκει πραγματικά στον σχεδιαστή και ποιο δημιουργήθηκε από άλλους ρόλους. Η αρχική σελίδα οφείλει να δίνει γρήγορη πρόσβαση στα ισχυρότερα έργα και να δηλώνει ποια είδη συνεργασίας έχουν νόημα.
Η μελέτη έργου ξεκινά πριν από το τελικό εικαστικό
Κάθε έργο χρειάζεται μια σύντομη εισαγωγή για το πλαίσιο, το κοινό, τον στόχο και τους βασικούς περιορισμούς. Στη συνέχεια μπορούν να παρουσιαστούν κομβικές ροές χρήστη, επιλογές αρχιτεκτονικής πληροφορίας και επιλεγμένες οθόνες. Δεν είναι απαραίτητο να ανεβαίνει όλη η ερευνητική διαδικασία. Αρκούν εκείνα τα στοιχεία που βοηθούν τον αναγνώστη να καταλάβει γιατί μια σχεδιαστική απόφαση ήταν λογική. Το αποτέλεσμα είναι πιο πειστικό όταν ο επισκέπτης μπορεί να ακολουθήσει τη σειρά σκέψης χωρίς να χρειάζεται προφορική εξήγηση.
Ο ρόλος του σχεδιαστή δηλώνεται με ακρίβεια
Σε ομαδικά προϊόντα είναι εύκολο να δημιουργηθεί η εντύπωση ότι ένα άτομο έκανε τα πάντα. Η σελίδα πρέπει να ξεχωρίζει αν η συνεισφορά αφορούσε έρευνα, ροές, πρωτότυπο, οπτική διεπαφή, σύστημα σχεδιασμού ή κάποιο υποσύνολο αυτών. Όταν υπήρξε συνεργασία με UX writer, ερευνητή, προγραμματιστή ή διαχειριστή προϊόντος, ο ρόλος τους μπορεί να αναφέρεται συνοπτικά. Η ακριβής απόδοση ευθυνών δεν αποδυναμώνει το χαρτοφυλάκιο· δείχνει ότι ο σχεδιαστής καταλαβαίνει πώς λειτουργεί μια πραγματική ομάδα.
Οι εικόνες πρέπει να εξηγούν, όχι να καλύπτουν το νόημα
Μεγάλες μακέτες συσκευών είναι χρήσιμες όταν δίνουν πλαίσιο, αλλά δεν πρέπει να κρύβουν τη λεπτομέρεια της διεπαφής. Ένα έργο μπορεί να συνδυάζει κοντινά αποσπάσματα, απλές ακολουθίες οθονών και λεζάντες που επισημαίνουν τι άλλαξε. Η δυνατότητα μεγέθυνσης βοηθά σε λεπτομερή σχέδια, ενώ στο κινητό χρειάζεται διαφορετική διάταξη για να παραμένει αναγνώσιμο το περιεχόμενο. Η παρουσίαση δεν πρέπει να εξαρτάται από κινούμενα εφέ που καθυστερούν τον επισκέπτη πριν δει το ίδιο το έργο.
Σύστημα σχεδιασμού ως ξεχωριστή δεξιότητα
Αν ο designer έχει εμπειρία σε σύστημα σχεδιασμού, αξίζει να παρουσιαστεί με σαφή διάκριση από τη γενική οπτική ταυτότητα. Μπορούν να εμφανιστούν αρχές, κατηγορίες συστατικών, κανόνες συνέπειας και παραδείγματα εφαρμογής σε διαφορετικές καταστάσεις. Δεν χρειάζεται να δημοσιευτεί ολόκληρη εσωτερική βιβλιοθήκη πελάτη. Ένα επιμελημένο δείγμα που δεν παραβιάζει περιορισμούς αρκεί για να δείξει πώς οργανώνεται η επαναχρησιμοποίηση και πώς αποφεύγονται αυθαίρετες παραλλαγές σε νέα τμήματα του προϊόντος.
Υπηρεσίες ανά στάδιο προϊόντος
Ένας νέος ιδρυτής μπορεί να χρειάζεται γρήγορη αποσαφήνιση βασικής ροής, ενώ μια ώριμη ομάδα ίσως ζητά επανασχεδιασμό υπάρχοντος προϊόντος ή σταθεροποίηση του συστήματος σχεδιασμού. Η σελίδα μπορεί να παρουσιάζει αυτά τα σενάρια χωριστά. Για κάθε περίπτωση αναφέρονται τι πρέπει να υπάρχει ήδη, ποια είναι η κύρια εργασία και τι παραδοτέο μπορεί να περιμένει ο πελάτης. Έτσι αποφεύγεται η γενική υπόσχεση «σχεδιάζω εμπειρίες» και γίνεται ευκολότερο να εντοπιστεί αν υπάρχει πραγματική αντιστοιχία ανάγκης και υπηρεσίας.
Πλαίσιο αξιολόγησης πριν από την πρώτη συζήτηση
- Πρόκειται για νέο προϊόν ή για βελτίωση υπάρχοντος;
- Έχουν οριστεί οι κύριες ομάδες χρηστών και οι σημαντικότερες εργασίες τους;
- Υπάρχει υπάρχουσα οπτική ταυτότητα που πρέπει να διατηρηθεί;
- Χρειάζεται αλλαγή στη δομή και στις ροές ή κυρίως νέα οπτική διεπαφή;
- Ποιοι άνθρωποι συμμετέχουν στις εγκρίσεις και ποιος έχει την τελική απόφαση;
Οι απαντήσεις βοηθούν να ξεχωρίσει ένα μικρό έργο διεπαφής από έναν ευρύτερο επανασχεδιασμό. Το πλαίσιο δεν υποκαθιστά την ανακάλυψη του έργου· λειτουργεί σαν φίλτρο για να φτάσει η πρώτη συζήτηση στο ουσιαστικό θέμα γρηγορότερα.
Συγγενείς ειδικότητες χωρίς να συγχέονται
Ο UX/UI σχεδιασμός γειτνιάζει με product design, κίνηση, κείμενο και ανάπτυξη, αλλά η ιστοσελίδα πρέπει να κρατά σαφή όρια. Όταν ο επισκέπτης θέλει ευρύτερη εικόνα προϊόντος, η σελίδα για product designer λειτουργεί ως φυσική συνέχεια. Αν το ενδιαφέρον αφορά κινούμενα στοιχεία διεπαφής και οπτική αφήγηση, η διαδρομή προς motion designer εξηγεί μια διαφορετική ειδικότητα. Οι σύνδεσμοι έχουν νόημα επειδή ξεκαθαρίζουν επιλογές, όχι επειδή απλώς αυξάνουν τον αριθμό των σελίδων.
Προσβασιμότητα ως μέρος της σχεδιαστικής ποιότητας
Η προσωπική ιστοσελίδα αξιολογείται και σαν πραγματικό προϊόν. Η αντίθεση χρωμάτων, η ιεραρχία τίτλων, η εστίαση πληκτρολογίου, το μέγεθος των σημείων αλληλεπίδρασης και η συμπεριφορά σε αυξημένο κείμενο πρέπει να λειτουργούν σωστά. Δεν χρειάζεται η σελίδα να μετατραπεί σε θεωρητικό οδηγό προσβασιμότητας. Το σημαντικό είναι να μην αναιρεί στην πράξη όσα υποστηρίζει το χαρτοφυλάκιο για καλή εμπειρία. Μια εντυπωσιακή μετάβαση που μπλοκάρει την πλοήγηση είναι σχεδιαστικό μειονέκτημα, όχι πλεονέκτημα.
Η φόρμα επικοινωνίας προσαρμόζεται στο έργο
Αντί για ένα γενικό «στείλτε μήνυμα», η φόρμα μπορεί να ζητά στάδιο προϊόντος, βασική ανάγκη, διαθέσιμο υλικό και τρόπο συνεργασίας με την υπάρχουσα ομάδα. Προαιρετικό πεδίο για σύνδεσμο σε δημόσιο προϊόν ή πρωτότυπο βοηθά, χωρίς να απαιτεί πρόσβαση σε εμπιστευτικά συστήματα. Αν υπάρχουν διαφορετικές υπηρεσίες, οι επιλογές της φόρμας χρησιμοποιούν τους ίδιους όρους με τις σελίδες υπηρεσιών. Η συνέπεια μειώνει την αμφιβολία και δίνει στον σχεδιαστή πιο χρήσιμη πρώτη εικόνα πριν από τη συνάντηση.
Δοκιμή του χαρτοφυλακίου με πραγματικό επισκέπτη
Πριν δημοσιευτεί η νέα έκδοση, είναι χρήσιμο να δοθεί σε κάποιον που δεν γνωρίζει τα έργα και να ζητηθεί να βρει τρία πράγματα: ένα σχετικό έργο, τον ρόλο του σχεδιαστή και τον τρόπο επικοινωνίας. Αν δυσκολευτεί, η αιτία συνήθως βρίσκεται στη δομή και όχι στην αισθητική. Ο ίδιος έλεγχος μπορεί να γίνει σε κινητό, όπου μεγάλα κολάζ, μικρές λεζάντες και πολύπλοκα πλέγματα αποκαλύπτουν γρήγορα τα όριά τους. Το χαρτοφυλάκιο πρέπει να λειτουργεί χωρίς παρουσία του δημιουργού για να το εξηγήσει.
Έρευνα και ευρήματα χωρίς θεατρική παρουσίαση
Αν ένα έργο βασίστηκε σε συνεντεύξεις, δοκιμές ή ανασκόπηση συμπεριφοράς χρηστών, η ιστοσελίδα μπορεί να δείξει μόνο όσα χρειάζονται για να κατανοηθεί η απόφαση. Δεν χρειάζεται να δημοσιεύονται προσωπικά δεδομένα, πλήρη πρακτικά ή εντυπωσιακοί πίνακες που δεν εξηγούνται. Ένα σύντομο εύρημα συνδέεται με τη σχεδιαστική συνέπεια που ακολούθησε. Όταν ο designer δεν πραγματοποίησε ο ίδιος την έρευνα, το δηλώνει και παρουσιάζει πώς χρησιμοποίησε τα ευρήματα της ομάδας. Αυτή η ακρίβεια κάνει το έργο πιο πειστικό από μια ασαφή φράση ότι «μιλήσαμε με χρήστες».
Ταχύτητα φόρτωσης ως μέρος της παρουσίασης
Ένα χαρτοφυλάκιο με δεκάδες εικόνες υψηλής ανάλυσης μπορεί να γίνει αργό, ειδικά σε κινητό δίκτυο. Χρειάζεται σωστή προσαρμογή μεγέθους, προοδευτική φόρτωση όπου ταιριάζει και επιλογή μόνο των οθονών που εξυπηρετούν την αφήγηση. Η απόδοση δεν είναι τεχνική λεπτομέρεια ξένη προς τον σχεδιασμό. Επηρεάζει άμεσα το αν ο επισκέπτης θα δει το έργο ή θα εγκαταλείψει πριν φορτώσει.
Τελικός έλεγχος αξιοπιστίας
Αφαιρούμε έργα που δεν έχουν αρκετό πλαίσιο, λογότυπα που δεν υποστηρίζονται από πραγματική σχέση και αριθμητικούς ισχυρισμούς που δεν μπορούν να τεκμηριωθούν. Ελέγχουμε αν η αρχιτεκτονική πληροφορίας είναι συνεπής, αν το πρωτότυπο ή οι εικόνες φορτώνουν σωστά και αν το σύστημα σχεδιασμού παρουσιάζεται χωρίς διαρροή εμπιστευτικού υλικού. Η καλή ιστοσελίδα UX/UI designer δείχνει ότι η αισθητική, η λειτουργία και η εξήγηση των αποφάσεων δουλεύουν μαζί. Αυτό είναι πιο ισχυρό από οποιαδήποτε δήλωση ότι ο επαγγελματίας είναι «ανθρωποκεντρικός» ή «άψογη λεπτομέρεια».
Ένας εξωτερικός έλεγχος από συνάδελφο βοηθά επίσης να φανεί αν η σελίδα περιγράφει υπερβολικά τη διαδικασία ή αν, αντίθετα, αφήνει κρίσιμες σχεδιαστικές επιλογές χωρίς εξήγηση.