Η διαδικασία του πρωτοτύπου - από τη δημιουργία απλών πλαισίων καλωδίων έως τη δοκιμή πλήρως λειτουργικών κοροϊδεύω - είναι ένα από τα πιο ισχυρά και ισχυρά σετ δεξιοτήτων που μπορεί να κυριαρχήσει κάθε σχεδιαστής. Είναι επίσης γεμάτο κίνδυνο σε χώρους εργασίας όπου η διαδικασία παραλείπεται αντί του «σχεδιασμού ενός πρωτοτύπου» ως απλό παραδοτέο για να δοθεί στο επόμενο τμήμα για κατασκευή. Ανεξάρτητα από το πόσο επιμελής είναι η επιχείρησή σας με τα πρωτότυπα, η πραγματική διαδικασία μπορεί συχνά να κάνει ή να σπάσει το τελικό προϊόν σας.
Πώς και γιατί να δημιουργήσετε ένα πρωτότυπο είναι συχνά ένα μυστήριο. Ρωτήστε πολλούς σχεδιαστές και θα γέρνουν τα κεφάλια τους σαν μπερδεμένα κουτάβια. 'Τι εννοείς? Απλά το κάνετε », θα πουν. Και αρκετά αλήθεια: Όλοι γνωρίζουμε πώς να δημιουργήσουμε ένα πρωτότυπο. Απλώς δεν ξέρουμε πως ξέρουμε.
Αυτό είναι ιδιαίτερα κρίσιμο λαμβάνοντας υπόψη πώς τα πρωτότυπα είναι συχνά τα πιο πολύτιμα παραδοτέα. Οι πελάτες και οι διαχειριστές θέλουν βλέπω τι κάνατε, είτε πρόκειται για ιστότοπο είτε για φυσικό προϊόν. Θέλουν να το δοκιμάσουν, να ελέγξουν τα διάφορα στοιχεία και να κατανοήσουν τη ροή εργασίας. Θέλουν να δουν «πώς λειτουργεί».
Η δημιουργία ενός πρωτοτύπου δεν είναι αρκετή. πρέπει να κατανοήσουμε τη διαδικασία που σχετίζεται με την κατασκευή των αρχικών προσχεδίων ενός προϊόντος. Αυτό το άρθρο θα αναλύσει σε βάθος όλα όσα πρέπει να γνωρίζει και να κάνει ο σχεδιαστής για να το επιτύχει.
Τα ανθρώπινα όντα είναι εξαιρετικά οπτικά. Στην πραγματικότητα, το 30% του εγκεφαλικού φλοιού μας είναι αφιερωμένο αποκλειστικά στο όραμα . Έτσι, όταν βλέπετε ένα πρωτότυπο, το πιο σημαντικό πράγμα είναι ότι εσείς βλέπω το! Όταν ο πελάτης μπορεί να το δει και να κατανοήσει όλες τις διεργασίες που σχετίζονται με το προϊόν, ειδικά τομείς διαμάχης για μελλοντικές δοκιμές, αυτό το πρωτότυπο ζωντανεύει.
Τι είναι λοιπόν ένα πρωτότυπο; Ένα πρωτότυπο είναι ένα εργαλείο για την απεικόνιση ενός smorgasbord διαδραστικής σχεδίασης. Στην πραγματικότητα, τα πρωτότυπα (σχεδόν σε οποιοδήποτε στάδιο) είναι μια συγχώνευση όλης της εργασίας που προηγήθηκε σε ένα ενιαίο, ορατό, λειτουργικό κομμάτι. Αυτή η οπτική απεικόνιση δείχνει τι κάνει το προϊόν σε οποιοδήποτε σημείο, ποια είναι τα διαδραστικά στοιχεία και πώς θα λειτουργούσε το προϊόν στον πραγματικό κόσμο.
Ενώ υπάρχουν πολλοί μηχανισμοί για τις διάφορες πτυχές του πρωτοτύπου σχεδιασμού (όπως δημιουργώντας σκίτσα ), είναι εύκολο να χάσετε πράγματα και να κάνετε λάθη.
Αυτό κάνει το έργο για πως ένα πρωτότυπο κατασκευάζεται εξαιρετικά πολύτιμο, καθώς με πολλούς τρόπους περιγράφει πώς πραγματοποιείται ο σκοπός του προϊόντος. Όχι τέλεια, και σίγουρα όχι με ακρίβεια τις περισσότερες φορές, αλλά ως το υποδηλώνει το όνομα , τα πρωτότυπα δεν είναι οριστικά.
Μας επιβραδύνουν για να μας επιταχύνουν. Αφιερώνοντας χρόνο για να δημιουργήσουμε πρωτότυπα τις ιδέες μας, αποφεύγουμε δαπανηρά λάθη όπως το να γίνουμε πολύ περίπλοκο πολύ νωρίς και να κολλήσουμε με μια αδύναμη ιδέα για πολύ καιρό.
Tim Brown, Διευθύνων Σύμβουλος και πρόεδρος του IDEO
Ένας απλός τρόπος σκέψης των πρωτοτύπων είναι ως ένας μηχανισμός για την απόδειξη της λειτουργικότητας.
Αυτή η πρακτική εξήγηση για το πώς λειτουργεί κάτι έχει πολλά οφέλη υψηλής αξίας, όπως:
Αφού λάβετε ένα έγγραφο απαιτήσεων 50 σελίδων από έναν πελάτη, η εξέταση ενός κενού καμβά μπορεί να είναι τρομακτική. Ο έλεγχος των μη οργανωμένων σκέψεων από συναντήσεις πελατών, σκίτσα χαρτοπετσέτας και βρώμικες φωτογραφίες από τον πίνακα σπάνια βοηθούν.
Επειδή τα πρωτότυπα βασίζονται σε τόσες άλλες πληροφορίες, είναι σημαντικό να συγκεντρώσετε τις απαραίτητες λεπτομέρειες εκ των προτέρων για να τοποθετήσετε το στυλό σε χαρτί. Εξετάστε την ακόλουθη λίστα ελέγχου και ελέγξτε τις λεπτομέρειες που παρέχονται από τον πελάτη ή τον διαχειριστή σας:
Ξεκινήστε με τη μεγάλη εικόνα. Το προϊόν επιλύει μια πραγματική ανάγκη; Πώς λύνει αυτή την ανάγκη; Κατανόηση του προϊόντος χρησιμότητα είναι ζωτικής σημασίας για την παροχή κάθε είδους βιώσιμης λύσης.
Ενα δυνατό ανταγωνιστική ανάλυση θα παρέχει μια σαφή εικόνα της κατάστασης της αγοράς για τον τύπο προϊόντος, καθώς και αυτό που περιμένουν οι σημερινοί χρήστες.
Η κατανόηση των δημογραφικών στοιχείων και των αναγκών των χρηστών παρέχει το απαραίτητο πλαίσιο για τη δημιουργία προϊόντων με στόχο την παροχή συγκεκριμένων τύπων χρηστών και την ικανοποίηση των αναγκών τους.
Με τόσες πολλές διαφορετικές τεχνολογίες και λύσεις, οι σχεδιαστές UX πρέπει να γνωρίζουν πώς θα χρησιμοποιηθεί το προϊόν (εφαρμογή ιστού, αποκριτικός ιστότοπος, εφαρμογή για κινητά κ.λπ.), σε ποιες συσκευές και πώς θα συνυπάρχουν διαφορετικές εκδόσεις (εάν καθόλου) ).
Εάν το προϊόν υπάρχει ήδη και το έργο προορίζεται για βελτιώσεις ή επανασχεδιασμό, είναι πιθανό να υπάρχουν ορισμένες απαιτήσεις λαμβάνοντας υπόψη την τρέχουσα συμπεριφορά των χρηστών με το προϊόν.
Ο καθορισμός προσδοκιών για παραδοτέα και η διαδικασία είναι κρίσιμης σημασίας για τον προγραμματισμό και τη ροή εργασίας σας. Κάθε έργο είναι διαφορετικό, αλλά εάν τα παραδοτέα είναι καλά καθορισμένα, η υπόλοιπη διαδικασία σχεδιασμού UX έχει περισσότερες πιθανότητες να πάει ομαλά.
Με τα δεδομένα μας διαθέσιμα και οργανωμένα, το επόμενο βήμα είναι να αρχίσουμε να σχεδιάζουμε. Πολλοί σχεδιαστές θα έχουν ήδη μια ιδέα για τη διάταξη, τη δομή ή ακόμα και όπου ανήκουν συγκεκριμένα στοιχεία του οπτικού σχεδιασμού πριν το σχεδιάσουν ποτέ. Αυτό είναι εντάξει, αλλά ο σκοπός των αρχικών σκίτσων είναι να εξερευνήσουμε τον διαθέσιμο χώρο για να επισημάνουμε τι είναι δυνατό και, το πιο σημαντικό, τι δεν είναι.
Συγκεντρώστε τα εργαλεία γραφής της επιλογής σας, είτε με μολύβι και χαρτί είτε με πίνακα και μαρκαδόρο. Η διαδικασία σκιαγράφησης μοιάζει με έναν συγγραφέα freewriting, ή έναν μουσικό τραγούδι. σχεδιάστε ό, τι αισθάνεστε με βάση όλες τις εργασίες που έχετε κάνει εκ των προτέρων και λαμβάνοντας υπόψη τα παρακάτω κομμάτια:
01 | Ροές χρηστών - Ακολουθήστε τον εντοπισμό ροών χρηστών. Δείτε πώς οι χρήστες επιτυγχάνουν τους στόχους τους και πώς αλληλεπιδρούν εντός του συστήματος.
02 | Ενημερωτικές οντότητες - Κάθε ροή χρήστη θα εμφανίζει κάποιες εισόδους και εξόδους χρήστη. Προσδιορίστε τι είναι, πώς σχετίζονται με τη συμπεριφορά και τις προσδοκίες των χρηστών, τις αλληλεπιδράσεις με τις οποίες συμμετέχουν και πώς λειτουργούν.
03 | Πρώτα σκίτσα - Αφού λάβετε μια ιδέα για το ποιος θα χρησιμοποιήσει το σύστημα, τι πρόκειται να κάνει και με τι, είναι καιρός να δούμε πώς. Σχεδιάστε τις ροές των χρηστών σας - δεν χρειάζεται να δημιουργήσετε ακόμα τη διάταξη, απλώς επιλύστε τη λειτουργικότητα.
04 | Σχεδιάστε μια στοιχειώδη δομή - Αφού σκιαγραφηθούν οι ροές χρηστών, θα έχετε μια καλύτερη ιδέα για την καλύτερη διάταξη για το προϊόν. Αυτό θα περιλαμβάνει περιεχόμενο (κείμενο, φωτογραφίες, βίντεο κ.λπ.) που θα εμφανίζεται ως βασικά κουτιά ή σκαρίφημα. Όταν γράφονται με το χέρι, δεν ταιριάζουν στο μέγεθος, επομένως όλη η δομή και το περιεχόμενο προορίζονται μόνο για οπτικοποίηση και όχι για πραγματική χρήση.
Μια επιπλέον συμβουλή είναι η χρήση μαξιλάρια σκίτσων , ειδικά διαμορφωμένο χαρτί ή εργαλεία που καθιστούν σαφέστερα τα σύρματα ενώ σχεδιάζετε. Παρέχουν τη βασική διάταξη για την εν λόγω θύρα προβολής, είναι αρκετά χαμηλού κόστους, και με το κατάλληλο στένσιλ κάνουν επίσης τα σκίτσα να εμφανίζονται πιο καθαρά. Αυτά είναι εξαιρετικά χρήσιμα αν είστε ένα ακατάστατο συρτάρι, καθώς παρέχουν τις σωστές αναλογίες διαστάσεων και γραμμές πλέγματος για smartphone και προγράμματα περιήγησης ιστού.
Αυτή η διαδικασία μπορεί να συνεχιστεί για όσο θέλετε, αλλά ήρθε η ώρα να προχωρήσετε στο επόμενο βήμα μόλις ολοκληρωθεί η ροή χρήστη και η διαδικασία ολοκλήρωσης αυτής της ροής είναι σαφής. Είναι καλή ιδέα να αναπηδήσετε μεταξύ σκίτσων και δημιουργίας ψηφιακών πλαισίων, κυρίως για να διατηρήσετε τη διαδικασία δημιουργική. Καθώς προχωράτε σε περισσότερες ροές, το προϊόν θα αισθάνεται πιο συγκεκριμένο και φυσικά θα απομακρυνθείτε από το σχεδιασμό.
Μόλις υπάρχουν αρκετά πλήρη σκίτσα για να προχωρήσουμε, ήρθε η ώρα να τα ψηφιοποιήσετε. Είτε είναι Adobe XD ή Sketch , Σχεδιαστής , ή Φλίντο , ή κάτι άλλο εντελώς, η δημιουργία ψηφιακών εκδόσεων σκίτσων είναι το πρώτο βήμα για την τυποποίησή τους. Επομένως, η εστίαση μετατοπίζεται από τη δημιουργική προσθήκη απαραίτητων στοιχείων στην οργάνωση περιουσιακών στοιχείων και δομών στα σχέδια.
Καθώς τα πρωτότυπα γίνονται πιο πρακτικά και τα στοιχεία πιο δομημένα, το προϊόν διαμορφώνεται. Κατά τη μετάβαση σε ψηφιακά πρωτότυπα, η πιστότητα καθορίζεται από το επίπεδο του διαδραστικότητα , οπτικός σχεδιασμός , και περιεχόμενο . Ένα πρωτότυπο μπορεί να είναι χαμηλή ή υψηλή πιστότητα ξεχωριστά σε αυτές τις περιοχές, αν και το hi-fis ενσωματώνει και τα τρία στο υψηλότερο επίπεδο.
Εξετάστε την ιεραρχία όσον αφορά την κάλυψη των αναγκών των χρηστών. Κάθε σκίτσο συνδέεται με τη ροή και την ιστορία ενός χρήστη και τα σκίτσα είναι ένα πρώτο βήμα προς τον καθορισμό της διάταξης και της δομής ενός προϊόντος. Τα σημερινά ψηφιακά εργαλεία μπορούν να επιταχύνουν μεγάλο μέρος αυτού - για παράδειγμα, τον καθορισμό κύριων στοιχείων που ισχύουν για όλες τις σελίδες και πρότυπα για τύπους σελίδων.
Με κάθε νέο καλώδιο και επανάληψη, κάντε δύο σημαντικές ερωτήσεις: Αυτή η σελίδα εξηγεί τον σκοπό της στη μεγαλύτερη ροή χρηστών; Και έχει νόημα η αλληλεπίδραση (σημαίνει ότι ο χρήστης κατάλαβε πώς να ολοκληρώσει την ενέργεια); Κάνουμε πολλές ερωτήσεις. Όσο περισσότερο κάνουμε, τόσο πιο πιθανό είναι κάθε νέα επανάληψη να φέρουμε τα πρωτότυπα πιο κοντά σε ένα τελικό προσχέδιο.
Τα ψηφιακά πρωτότυπα είναι επίσης πολύ ευκολότερα στη δοκιμή, καθώς δεν είναι μόνο πιο ευανάγνωστα, αλλά και ταχύτερα στην αναπαραγωγή και τον επαναλαμβανόμενο έλεγχο. Σε αυτό το σημείο αρέσουν τα εργαλεία πρωτοτύπου UX InVision και Proto.io Ελάτε πολύ βολικά για να δημιουργήσετε πρωτότυπα με δυνατότητα κλικ. Όταν υπάρχει δυνατότητα κλικ, γίνεται εύκολο να δοκιμάσετε τη χρηστικότητα διαφόρων πτυχών, από μεμονωμένα κουμπιά έως ολόκληρες ροές.
Το πρωτότυπο με δυνατότητα κλικ έχει γίνει ιδιαίτερα δημοφιλές τα τελευταία χρόνια χάρη στην ευκολία χρήσης προγραμμάτων όπως το InVision. Είναι ακόμη πιο πολύτιμο για φορητές συσκευές, όπου τώρα κάθε σημαντικό εργαλείο πρωτοτύπων παρέχει κάποια ευκαιρία για να δείτε ή να δοκιμάσετε κινητά καλώδια απευθείας σε μια δοκιμαστική συσκευή.
Με κάποια τεχνογνωσία ή πιο ισχυρά εργαλεία όπως Ιουστίντ ή Axure , είναι επίσης δυνατό να δημιουργήσετε λειτουργικά πρωτότυπα, τα οποία είναι διαδραστικά πέρα από το απλό κλικ. Οι χρήστες μπορούν να δοκιμάσουν πράγματα όπως τη συμπλήρωση φορμών, την πραγματοποίηση απλών ή πολύπλοκων εργασιών και στην πραγματικότητα χρήση της εφαρμογής όπως προορίζεται να χρησιμοποιηθεί, όλα χωρίς να την δημιουργήσουν. Σχεδιαστές με εκπαίδευση στην αλληλεπίδραση ανθρώπινου υπολογιστή (HCI), συμπεριλαμβανομένων πολλών Σχεδιαστές ApeeScape , τακτική κατασκευή και δοκιμή με λειτουργικά πρωτότυπα.
Τα διαδραστικά πρωτότυπα είναι ιδανικά για τη δοκιμή κινούμενων σχεδίων, λειτουργιών χρηστών εντός της εφαρμογής και λειτουργιών υψηλότερου επιπέδου που μερικές φορές δεν μπορούν να δοκιμαστούν χωρίς λειτουργική ενέργεια.
Η ομορφιά - και η πρόκληση - του πρωτοτύπου βρίσκεται στη διαδικασία. Μπορούμε να πούμε το ίδιο για σχεδόν τα πάντα, αλλά τα πρωτότυπα ξεκινούν και τελειώνουν με σκοπό. Χωρίς να γνωρίζουμε γιατί μια συγκεκριμένη οθόνη πρέπει να συμπεριφέρεται με έναν συγκεκριμένο τρόπο, πώς πρέπει να λειτουργεί μια λειτουργία ή εάν οι χρήστες χρειάζονται μια διοχέτευση ή όχι, το πρωτότυπο που δημιουργήθηκε δεν έχει αναπτυχθεί. σχεδιάστηκε και στη συνέχεια δημιουργήθηκε ad hoc.
Ωστόσο, ακόμη και αν κάθε δομημένο πλαίσιο είναι τόσο έξυπνο, ερωτήσεις που υποβάλλονται στην πορεία, λαμβάνοντας υπόψη κάθε σχετική ιστορία χρήστη και την αρχιτεκτονική πληροφοριών που χρησιμοποιείται ως χάρτης, είναι ακόμα δυνατό να χάσετε πράγματα. Αυτή είναι η πρόκληση του πρωτότυπου σχεδιασμού: Οι πελάτες, οι διαχειριστές, ακόμη και οι σχεδιαστές ξεχνούν ότι τα πρωτότυπα δεν είναι τελικός . Είναι απλώς ένα πρόχειρο, μια επανάληψη μέχρι την επόμενη έκδοση. Είναι όλα μέρος της διαδικασίας σχεδιασμού UX.
Επομένως, κατά την κατασκευή του επόμενου συνόλου πρωτοτύπων, θυμηθείτε να κάνετε τουλάχιστον μία πολύ σημαντική ερώτηση: Αυτό παράγει το επιθυμητό αποτέλεσμα; Εάν όχι, είναι μια άλλη ευκαιρία να συντάξετε μια νέα έκδοση.
• • •
Τα πρωτότυπα δημιουργούνται δημιουργώντας wireframes για κάθε οθόνη, όπως καθορίζεται από μεμονωμένες ροές χρηστών, συσκευές και τεχνικές απαιτήσεις, και κατανοώντας τα σημερινά πρότυπα σχεδίασης. Τα πρωτότυπα πρέπει να είναι κατανοητά από τους χρήστες, να μπορούν να δοκιμαστούν και να αλλάξουν.
Ένα πρωτότυπο με δυνατότητα κλικ είναι ένα ψηφιακό πρωτότυπο που έχει δημιουργηθεί με σκοπό να επιτρέπει στους χρήστες να κάνουν κλικ σε αυτό για να δουν τις αλληλεπιδράσεις και τα σημεία σύνδεσης για κάθε σελίδα, κουμπί και συμπεριφορά.
Ένα πρωτότυπο που λειτουργεί, μερικές φορές ονομάζεται λειτουργικό πρωτότυπο, είναι παρόμοιο με ένα πρωτότυπο με δυνατότητα κλικ, εκτός από το ότι, αντί να υποστηρίζει κλικ και πατήματα, το πρωτότυπο υποστηρίζει πλήρη λειτουργικότητα, όπως εισαγωγή δεδομένων και πιο ισχυρές αλληλεπιδράσεις (π.χ. μεταφορά και απόθεση).