Yahoo! User Interface Blog (YUIBlog)

Ε: Ποιος είναι ο καλύτερος τρόπος για να επικοινωνούν ένα μοτίβο;

Luke Wroblewski
Κύριος σχεδιαστής, την Yahoo! Inc
Ιδρυτής / Principal, LukeW Σχέδια Interface
Συγγραφέας, Site-Seeing: Μια Visual προσέγγιση της Usability Web

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

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

Την πάροδο του χρόνου αυτοί οι κανόνες εξελιχθεί σε υψηλού επιπέδου architecural κατευθυντήριες γραμμές και λεπτομερείς περιγραφές της παρουσίασης και της αλληλεπίδρασης. Ζητήσαμε αυτά τα είδη των πλαισίων των κανόνων και των συστατικών του. Πλαίσια που περιγράφονται στην αλληλεπίδραση και οπτική δομή των ροών εργασίας και τους τύπους της οθόνης. Για παράδειγμα, η διαδικασία της εγγραφής είναι μια ροή και μια σελίδα Βοήθεια είναι ένας τύπος οθόνης. Πλαίσια βοήθησε να προσδιοριστεί πού και πότε το περιεχόμενο και οι ενέργειες πρέπει να παρουσιάζονται στους χρήστες. Δομικών στοιχείων που περιγράφονται βασικός χρήστης μπλοκ μας κτιρίου διεπαφής (μενού, φόρμες, γραμμές εργαλείων, κλπ.). Είχαν σχεδιαστεί για τη βελτιστοποίηση της χρηστικότητας και της συνέπειας κίνησης σε όλη την eBay.

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

Για να χρησιμοποιήσετε την ορολογία του πλήθους Ιδαίο, δημιουργικούς επαγγελματίες είναι εκ φύσεως περίεργο και συχνά εφαρμόζουν "το μυαλό ενός παιδιού" - ανοιχτό σε νέες ιδέες και παρατηρήσεις - στη μοναδική τους μορφή επίλυσης του προβλήματος. Είχαμε την αφθονία των δημιουργικών σχεδιαστών σε eBay και προσέγγισαν την εργασία τους σε ακριβώς αυτόν τον τρόπο. Θα προσπάθησε για νέες ιδέες και λύσεις και ήταν εγγενώς περίεργος για το σκεπτικό πίσω από τα πλαίσια και τα συστατικά που χρησιμοποιούσαν να οδηγεί τη συνέπεια. Ως αποτέλεσμα, πολλές νέες λύσεις που προτάθηκαν, και συχνά υιοθετούνται. Όπως μπορείτε να φανταστείτε αυτό δημιούργησε μια ενδιαφέρουσα δυναμική μεταξύ των «κανόνων» και του σχεδιασμού - ένα φυσικά επαναληπτική και abductive προσέγγιση για την επίλυση προβλημάτων.

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

Για να γίνει αυτή η μετάβαση, τροποποιήσαμε τεκμηρίωσης των πλαισίων και των συστατικών του. Για την αρχική μας εξηγήσεις για το πού και τι, προσθέσαμε:

• Γιατί: ποιες ευκαιρίες ή περιορισμούς που βοήθησαν να καθορίσουν αυτό το σχέδιο; Υπήρξε κάποια έρευνα που γίνεται για την υποστήριξή της εκεί;
• Πώς: σε μια προσπάθεια να κάνει την έγκριση μοτίβο τόσο εύκολο όσο είναι δυνατό, θα περιλαμβάνονται απευθείας συνδέσεις με οπτικές προδιαγραφές και κώδικα, όπου είναι δυνατόν. Θα παρείχε επίσης μια ένδειξη της κατάστασης για να διασφαλιστεί η ορθή χρήση: στο στάδιο της ανάπτυξης, απαιτείται, να συστήσει, κλπ.
• Ποιος: απευθείας συνδέσεις δόθηκαν στους ανθρώπους που είχαν τεκμηριωθεί, εντοπίστηκαν, ή να σχεδιάσει το μοτίβο.

Λαμβάνοντας υπόψη το κοινό μας (μια κεντρική ομάδα σχεδιασμού που εργάζονται σε μια μυριάδα των τελικά ολοκληρωμένα προϊόντα και χαρακτηριστικά), η προσέγγιση αυτή προσφέρει πολύ μεγαλύτερη ευελιξία στον τρόπο που μοιραστήκαμε και τεκμηριωμένο σχεδιασμό των βέλτιστων πρακτικών. Τούτου λεχθέντος, υπάρχει σαφώς κάποιες διαφορές στην προσέγγισή μας με την Jenifer ένα υποστήριξε νωρίτερα. Ενσωμάτωση των δειγμάτων κώδικα και οπτικές προδιαγραφές, θα ήταν σημαντικό για να κάνει τα πράγματα ευκολότερα για τους σχεδιαστές μας και περιλαμβάνονται ορισμένα πεδία που μπορεί να είναι ξένες για μια γενικής χρήσης ακροατήριο. Οι βασικές απαντήσεις τεκμηρίωση μοτίβο μας παρέχουν και αν ήταν τα ίδια: «. Αυτό που, Χρήση Πότε, γιατί, πώς, και παραδείγματα"

- Λουκά