Τα συρματοπλέγματα καθίστανται λιγότερο συναφή - και αυτό είναι καλό

Με την πάροδο του χρόνου βρήκα τα καλώδια να είναι όλο και λιγότερο χρήσιμα και δεν νομίζω ότι είμαι μόνος. Επειδή ο όρος είναι κάπως χαλαρά ορισμένος, είναι πιθανό να είναι σημαντικό να είστε συγκεκριμένοι. Ενώ υπάρχουν πολλά είδη πρωτοτύπων που εξετάζουν τα επίπεδα πιστότητας σε διάφορες διαστάσεις, θα ήθελα να επικεντρωθώ στη συγκεκριμένη παραλλαγή που έρχεται αμέσως στο μυαλό όταν ακούει τη λέξη wireframe. Δεν είναι ένα σκίτσο ή ένα πλήρως υλοποιημένο μακέτα, αλλά μάλλον τα τυπικά "μεσαία" πολιτεία - ψηφιακά αντικείμενα που αφέθηκαν σκοπίμως ασταθή και φτιαγμένα για να αντιπροσωπεύουν τον «σκελετό» μιας ολόκληρης σελίδας σε ασπρόμαυρη. Το πρωτότυπο wireframe επιχειρεί να είναι μια ακριβής αναπαράσταση της δομής και της αρχιτεκτονικής των πληροφοριών, ενώ σκοπίμως αποφεύγει την υψηλή οπτική πιστότητα και μερικές φορές υψηλή πιστότητα περιεχομένου.

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

Στις συζητήσεις που είχα και σε απευθείας σύνδεση έχω εκπλαγεί να ακούσω wireframes εξακολουθούν να θεωρούνται ως ένα ουσιαστικό βήμα στη διαδικασία του σχεδιασμού. Αυτή η στάση φαίνεται να είναι σε παρακμή, αλλά έχω ακούσει ακόμα ότι όλοι από αρχάριους σχεδιαστές καριέρας σε κορυφαίους οργανισμούς επιμένουν στην ανάγκη μιας "φάσης wireframing". Το επιχείρημα φαίνεται συνήθως κάτι τέτοιο:

⦁ Τα συρματοπλέγματα εστιάζουν στην χρηστικότητα αντί στην αισθητική. Αποτρέπουν τα ενδιαφερόμενα μέρη να εκτροχιάσουν τις συναντήσεις μέσω άσχετων λεπτομερειών όπως το χρώμα των κουμπιών και επιτρέπουν στο χρήστη να εξετάζει τις αλληλεπιδράσεις αντί για οπτικά.
⦁ Τα συρματοπλέγματα δημιουργούνται γρηγορότερα. Διατηρούν τα πράγματα εννοιολογικά και αποφεύγουν τον κίνδυνο υπερβολικής επένδυσης ή προσκόλλησης σε μια συγκεκριμένη κατεύθυνση.
⦁ Υπάρχει επίσης ένα κάπως ξεχωριστό επιχείρημα (περισσότερο επιχειρησιακά προσανατολισμένο) για τα wireframes ως εργαλείο για λεπτομερή τεκμηρίωση των αλληλεπιδράσεων χωρίς την επιπλέον επιβάρυνση του οπτικού σχεδιασμού.

Αυτό δεν σημαίνει ότι όλοι κάνουν πραγματικά wireframes, αλλά όταν κάποιος παραδέχεται ότι δεν είναι συχνά με ήχο και χωρίς πολλά επαφή με τα μάτια. Θα ήθελαν να τους συμπεριλάβουν. Είναι ακριβώς ότι οι περιορισμοί της οργάνωσής τους, των ενδιαφερόμενων μερών ή του έργου τους εμποδίζουν να είναι πάντοτε δυνατοί. Αλλά η νοοτροπία ότι είναι απαραίτητα και πολλές πεποιθήσεις για τα πλεονεκτήματά τους μπορεί να είναι λανθασμένες. Ενώ δεν θα αρνηθώ ότι τα wireframes είναι πάντα χρήσιμα, σήμερα είναι πολύτιμα μόνο σε περιορισμένες περιπτώσεις που περιορίζονται από την ημέρα. Υπάρχουν ορισμένες μετατοπίσεις στη βιομηχανική σκέψη και τις πρακτικές που συμβάλλουν στην αλλαγή αυτή και αξίζει να εξετασθούν.

Η μετατόπιση των μεθοδολογιών ανάπτυξης προϊόντων αλλάζει τον τρόπο με τον οποίο γίνεται ο σχεδιασμός

Η ευέλικτη ανάπτυξη προϊόντων ενθαρρύνει λιγότερη γραμμική διαδικασία. Αντί να αρχίσουμε με την εργασία πάνω σε θεμελιώδη στοιχεία σε ένα ολόκληρο προϊόν και στη συνέχεια να οικοδομήσουμε στρώματα πάνω από αυτό το θεμέλιο, η εστίαση έχει μετατοπιστεί σε μικρότερη και συχνότερη παράδοση πλήρως πραγματοποιημένων "κάθετων" φετών.

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

Το Lean UX είναι μια συνοδευτική μετατόπιση της διαδικασίας που φαίνεται να κερδίζει και την πρόσφυση. Στο Lean, τα βαριά αντικείμενα σχεδιασμού αποπροσανατολίζονται ή παραλείπονται εξ ολοκλήρου υπέρ της άμεσης συνεργασίας στο ίδιο το προϊόν όποτε είναι δυνατόν. Lean παρέχει επίσης μια αντίκρουση στην ιδέα των wireframes ως εργαλείο τεκμηρίωσης. Προτείνει ότι η διάταξη οθονών σε ένα πραγματικό προϊόν μπορεί να χρησιμεύσει ως δική τους τεκμηρίωση. Τα δημιουργικά αντικείμενα που δημιουργείτε μπορούν να γίνουν πιο προσωρινά αντικείμενα - να παραμείνουν στην άκρη μόλις οι πληροφορίες που περιέχουν περιέχονται με προσβάσιμο τρόπο μέσα στο πραγματικό προϊόν. Άλλο σχετικό πλαίσιο μπορεί να τεκμηριωθεί, αλλά μόνο κατά ή μετά το σημείο εφαρμογής.

Η αρχιτεκτονική ευχρηστίας και πληροφόρησης δεν υπάρχει σε κενό

Με τον κίνδυνο να δηλώσει το προφανές, η οπτική παρουσίαση των στοιχείων σε μια διεπαφή επηρεάζει τον τρόπο με τον οποίο αντιλαμβάνονται. Ένα αναπτυσσόμενο μενού που μοιάζει με ένα πεδίο φόρμας μπορεί να έχει παρερμηνείες στη λειτουργία του. Μια κεφαλίδα μενού που δεν ξεχωρίζει από ένα στοιχείο του μενού μπορεί να λείπει. Το χρώμα και η αντίθεση παίζουν τεράστιους ρόλους στην κατεύθυνση της οπτικής προσοχής. Αν κάνετε δοκιμές ευχρηστίας σε ένα wireframe, η δοκιμή θα χάσει πολύτιμη αξία, όταν τελικά αλλάξετε τον τρόπο εμφάνισης όλων. Επίσης, πιθανότατα θα χρειαστεί να κάνετε ακόμα περισσότερες αλλαγές στο layout σε αυτό το σημείο για να φιλοξενήσετε καλύτερα τα γραφικά σας. Οι χρήστες ενδέχεται να τοποθετηθούν σε οπτικά στοιχεία, αλλά δεν κάνουν λάθος να το κάνουν και κάνοντας τα πάντα σε κλίμακα γκρι δεν μειώνει αναγκαστικά αυτόν τον κίνδυνο. Τα ζητήματα με τη χρηστικότητα ή την αρχιτεκτονική της πληροφορίας είναι καλύτερα εκτεθειμένα μέσω ερωτήσεων κατανόησης και δοκιμών ολοκλήρωσης εργασιών από λεκτικά σχόλια ούτως ή άλλως. Η εισαγωγή μιας έννοιας μπορεί να επιτευχθεί με οποιοδήποτε επίπεδο πιστότητας, αρκεί να ορίσετε καλά τις προσδοκίες και να δώσετε προσοχή στον τρόπο με τον οποίο ζητάτε ανατροφοδότηση.

Τα συρματόσχοινα είναι σπάνια αποτελεσματικά για τα ενδιαφερόμενα μέρη

Το έχω. Μπορεί να είναι απίστευτα απογοητευτικό να έχει κάποιος ενδιαφερόμενος να σταθεροποιηθεί στο χρώμα ενός κουμπιού ή ενός αντιγράφου σε μια συνάντηση. Αλλά με το να αποφεύγετε σκόπιμα τα υψηλότερα αισθήματα πιστότητας και να βάζετε το lorem ipsum παντού, επιλύετε πραγματικά αυτό το πρόβλημα; Ή απλά το αναβάλλετε; Σας αρέσει η χαμηλή πιστότητα επειδή διευκολύνει τους ανθρώπους να κατανοήσουν και να δώσουν πληροφορίες; Ή είναι η αλήθεια ότι καθιστά τα πράγματα πιο δύσκολα για τους άλλους να καταλάβουν και ότι μας αρέσει αυτό επειδή μας επιτρέπει να κυριαρχήσουμε την εμπειρία μας πάνω από τους άλλους και να αποφύγουμε την κριτική; Εάν ένας ενδιαφερόμενος δεν ενδιαφέρεται να σχολιάσει την ΕΑ και ενδιαφέρεται περισσότερο για άλλα πράγματα πιο κοντά στην εμπειρογνωμοσύνη τους, τότε γιατί προσπαθείτε να το αντιμετωπίσετε; Είστε ο εμπειρογνώμονας στην αρχιτεκτονική των πληροφοριών, όχι αυτοί, και οι αλλαγές που απαιτούνται για τη διάταξη πρέπει να γίνουν σαφείς μέσω δοκιμών με τους χρήστες.

Γίνεται όλο και πιο γρήγορα και πιο εύκολο να προσεγγίσετε τα γραφικά υψηλής πιστότητας

Πριν από χρόνια, το photoshop ήταν ο βασιλιάς σχεδιασμού του UI και όλοι ήταν σε μια κούρσα εξοπλισμών για να δουν ποιος θα μπορούσε να προσθέσει την πιο λεπτομερή, φωτορεαλιστική υφή σε μια δεδομένη σελίδα. Τότε υπήρξε ένα έγκυρο επιχείρημα για τα οφέλη εξοικονόμησης χρόνου των wireframes, αλλά σήμερα τα εργαλεία μας είναι σχεδιασμένα για σχεδιασμό UI (Think Sketch, Adobe XD ή Figma) και καθιστούν σημαντικά ταχύτερη και ευκολότερη τη διαχείριση και την ενημέρωση στυλ παγκοσμίως. Η αλλαγή της διάταξης "μετά από" το "set" οπτικό στυλ δεν πρέπει να είναι πιο δύσκολο από την αλλαγή νωρίτερα. Και για όσους σχεδιάζονται σε ώριμες οργανώσεις, ο συνδυασμός των συστημάτων σχεδιασμού και των βιβλιοθηκών στοιχείων που υποστηρίζουν αυτά τα συστήματα απομακρύνει σχεδόν κάθε δικαιολογία. Ακόμα κι αν δεν είστε σε μια ώριμη οργάνωση, ίσως εξακολουθείτε να έχετε πρόσβαση σε κιτ UI που ταιριάζουν με τα πλαίσια UI που είναι διαθέσιμα στους προγραμματιστές σας. Βοηθά επίσης ακόμη και η πλέον οπτικά πολύπλοκη αισθητική σήμερα να είναι σχετικά απλή. Εάν το κουμπί σας πρόκειται απλώς να είναι ένα μπλε ορθογώνιο με στρογγυλεμένες γωνίες, τότε πόσο χρονικό διάστημα πραγματικά εξοικονομείτε σκόπιμα κάνοντας το γκρι;

Μήπως η wireframing έχει νόημα;

Μπορεί - στη σωστή κατάσταση. Για παράδειγμα, μπορείτε να δημιουργήσετε wireframes γιατί:

⦁ Πραγματικά έχετε ένα προϊόν που θα είναι οπτικά πολύπλοκο (όπως ένα κινητό παιχνίδι) και θα πρέπει να επεξεργαστείτε την αλληλεπίδραση ανεξάρτητα από μια αναπόφευκτα μακρά διαδικασία τέχνης. Ακόμα κι αν αυτό συμβαίνει, μπορείτε ακόμα να κάνετε το καλύτερό σας για να προσεγγίσετε το στυλ.

⦁ Χρησιμοποιείτε τα ως μια άσκηση για να βοηθήσετε κάποιον να μάθει μεμονωμένα για την αρχιτεκτονική των πληροφοριών (ελπίζουμε ότι είναι ένα εφάπαξ και όχι επαναλαμβανόμενο μέρος της πραγματικής ανάπτυξης του προϊόντος).

⦁ Θέλετε να χαρτογραφήσετε ή να δοκιμάσετε την αρχιτεκτονική των πληροφοριών, αλλά έχετε κάποια εξάρτηση από κάποιον άλλο για οπτικό σχεδιασμό (δεν είναι ιδανικό!) Ή είναι περιορισμένοι κατά κάποιο τρόπο από τις οπτικές δυνατότητες των εργαλείων που είναι διαθέσιμα σε εσάς ή από το δικό σας σύνολο δεξιοτήτων.

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

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