Ένας οδηγός για αρχάριους για ταχεία πρωτοτυπία

Όλα όσα πρέπει να γνωρίζετε για ταχεία δημιουργία πρωτοτύπων σε 7 λεπτά (ή λιγότερο)

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

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

Θα καλύψουμε την έννοια μερικών όρων που σχετίζονται με την ταχεία δημιουργία πρωτοτύπων καθώς και τα ακόλουθα:

Τι είναι το γρήγορο πρωτότυπο;

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

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

Τι χρειάζεστε για να δημιουργήσετε πρωτότυπο;

Ένα πρωτότυπο δεν έχει σχεδιαστεί για να είναι μια πλήρως λειτουργική έκδοση ενός συστήματος, αλλά προορίζεται μόνο για να βοηθήσει στην οπτικοποίηση της εμπειρίας χρήστη του τελικού προϊόντος. Όπως λέει ο συνεργάτης της Google Ventures, Daniel Burka:

Το ιδανικό πρωτότυπο πρέπει να είναι "Goldilocks quality". Εάν η ποιότητα είναι πολύ χαμηλή, οι άνθρωποι δεν θα πιστεύουν ότι το πρωτότυπο είναι πραγματικό προϊόν. Εάν η ποιότητα είναι πολύ υψηλή, θα δουλεύετε όλη τη νύχτα και δεν θα τελειώσετε. Χρειάζεστε ποιότητα Goldilocks. Όχι πολύ ψηλά, όχι πολύ χαμηλά, αλλά ακριβώς σωστά.

Μπορείτε να κάνετε πρωτότυπο όχι μόνο οθόνες, εφαρμογές ή ιστότοπους, αλλά σχεδόν οτιδήποτε. Το πρωτότυπο είναι μια εξαιρετική μέθοδος για να δοκιμάσετε τα ακόλουθα (παρέχονται παραδείγματα):

  • Νέες λειτουργίες: Πρωτότυπο ιστορίες Instagram στην εφαρμογή Instagram (πριν από την κυκλοφορία τους)
  • Αλλαγές σε μια ροή εργασίας: Η νέα ροή εκδόσεων του Prototype Medium μετά την εισαγωγή των συνδρομών επί πληρωμή
  • Νέα τεχνολογία: Πρωτότυπο ένα αυτοκινούμενο αυτοκίνητο!
  • Νέα διεπαφή: Πρωτότυπο διεπαφή Apple Watch (όταν κυκλοφόρησε για πρώτη φορά)

Έτσι, τώρα καταλαβαίνετε τι είναι το γρήγορο πρωτότυπο. Αλλά πώς το κάνεις; Θα το καλύψουμε στη συνέχεια.

Η ταχεία διαδικασία πρωτοτύπου

Το γρήγορο πρωτότυπο περιλαμβάνει μια διαδικασία τριών βημάτων, που επαναλαμβάνεται όσες φορές χρειάζεται:

  1. Πρωτότυπο: Δημιουργήστε ένα οπτικό πρότυπο της λύσης ή της διεπαφής σας.
  2. Επανεξέταση: Μοιραστείτε το πρωτότυπο με τους χρήστες και αξιολογήστε εάν ανταποκρίνεται στις ανάγκες και τις προσδοκίες τους.
  3. Βελτίωση: Με βάση αυτά τα σχόλια, εντοπίστε περιοχές που πρέπει να βελτιωθούν ή να αποσαφηνιστούν.

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

Πόσο πρέπει να συμπεριλάβετε στο πρωτότυπο σας;

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

Πρωτότυπο μία ροή χρήστη κάθε φορά. Αντί να μεταβείτε στην οθόνη, βασίστε το πρωτότυπό σας σε μια ιστορία που θα οδηγήσει τον χρήστη στις περιοχές που θέλετε να δημιουργήσετε πρωτότυπο. Με αυτόν τον τρόπο, θα λάβετε πιο ακριβή σχόλια, επειδή το πρωτότυπό σας θα αντικατοπτρίζει σενάρια πραγματικής ζωής. Για παράδειγμα, πρωτότυπη ροή "κωδικός εγγραφής / σύνδεσης / επαναφοράς".

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

Αλλά περίμενε, τι είναι αυτή η πιστότητα;

Τι σημαίνει η πιστότητα ενός πρωτοτύπου;

Το Fidelity αναφέρεται στο πόσο στενά ταιριάζει ένα πρωτότυπο με το τελικό προϊόν ή τη λύση. Μπορείτε να επιλέξετε από πολλές διαφορετικές επιλογές και επίπεδα ακρίβειας, ανάλογα με το στάδιο της διαδικασίας και τον στόχο του πρωτοτύπου.

Οπτικό (Σκιαγραφημένο έναντι στυλ)

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

Λειτουργικό (Στατικό έναντι Διαδραστικό)

Πρέπει το πρωτότυπο να είναι στατικό ή πρέπει να φαίνεται πλήρως λειτουργικό (διαδραστικό); Και οι δύο εκδόσεις έχουν πλεονεκτήματα και μειονεκτήματα: τα στατικά πρωτότυπα είναι απλούστερα και ταχύτερα στην εφαρμογή, ενώ τα διαδραστικά μπορούν να χρησιμοποιηθούν αργότερα για δοκιμή χρηστικότητας και εκπαίδευση χρηστών.

Περιεχόμενο (Lorem ipsum έναντι πραγματικού περιεχομένου)

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

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

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

Ποια επίπεδα πιστότητας υπάρχουν;

  • Low-Fidelity: Οι μέθοδοι Low-Fi όπως τα σκίτσα με μολύβι και χαρτί παράγουν στατικά πρωτότυπα με χαμηλή οπτική και πιστότητα περιεχομένου που επιτρέπουν γρήγορες και εύκολες αλλαγές. Αυτό αναγκάζει τον χρήστη να επικεντρωθεί στη λειτουργικότητα και στο πώς θα χρησιμοποιήσει το σύστημα αντί για το πώς φαίνεται.
  • Medium-Fidelity: Εργαλεία που βασίζονται σε υπολογιστές όπως το Visio παράγουν αυτό που μπορούμε να ονομάσουμε μεσαία πιστά πρωτότυπα με τη μορφή wireframes και ροών εργασίας . Αυτό το επίπεδο πιστότητας χρησιμοποιείται για να αποδείξει τη συμπεριφορά ενός συστήματος, για να προσδιορίσει εάν ικανοποιούνται οι ανάγκες των χρηστών και για να αξιολογηθεί η εμπειρία του χρήστη.
  • High-Fidelity: Τα πρωτότυπα υψηλής πιστότητας μπορεί μερικές φορές να είναι τόσο ρεαλιστικά που συχνά κάνουν λάθος για το πραγματικό προϊόν. Είναι επίσης πολύ πιο χρονοβόρα στην παραγωγή. Εργαλεία όπως InVision, Sketch, Figma, Adobe XD, Framer και ούτω καθεξής επιτρέπουν σε μη τεχνικούς χρήστες να δημιουργούν πρωτότυπα υψηλής πιστότητας. Αν και αυτά δεν μπορούν να μετατραπούν σε χρησιμοποιήσιμο κώδικα, μπορεί αργότερα να είναι πολύ εύχρηστα για δοκιμές χρηστικότητας ή για εκπαίδευση χρηστών.

Πώς επιλέγετε σε ποιο επίπεδο πιστότητας θα ενεργοποιήσετε το πρωτότυπο;

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

Μερικές φορές, η επιλογή σας μπορεί να καθοδηγείται από τις απαιτήσεις των πελατών ή τους τομείς εστίασης. Για παράδειγμα, εάν θέλετε να αξιολογήσετε την οπτική επίδραση μιας αλλαγής διεπαφής, ίσως θελήσετε να ακολουθήσετε ένα στιλ σχεδίασης αντί για ένα τραχύ σχέδιο. Ή εάν η λύση σας είναι εστιασμένη στο μήνυμα, μπορείτε να αποφασίσετε να χρησιμοποιήσετε πραγματικό περιεχόμενο αντί για τυπικό κείμενο placeholder "lorem ipsum".

Πώς επιλέγετε ένα πρωτότυπο εργαλείο;

Υπάρχει μια ευρεία ποικιλία εργαλείων διαθέσιμων για πρωτότυπα ανάλογα με τις ανάγκες και την προσέγγισή σας Πριν επιλέξετε ένα εργαλείο, ακολουθούν μερικές ερωτήσεις:

  • Πόσος χρόνος χρειάζεται για να μάθετε πώς να χρησιμοποιείτε το εργαλείο;
  • Έχει την υποστήριξη πρωτότυπα για τις ανάγκες του προϊόντος μου (web, εφαρμογές λογισμικού, εφαρμογές για κινητά, κάποια νέα τεχνολογία, και ούτω καθεξής);
  • Μου επιτρέπει το εργαλείο να μοιραστώ τα πρωτότυπά μου με άλλους και να συλλέξω τα σχόλιά τους;
  • Πόσο εύκολο είναι να κάνετε αλλαγές στο πρωτότυπο;
  • Μπορώ να χρησιμοποιήσω προκαθορισμένα πρότυπα και στένσιλ με αυτό το εργαλείο;

Πρωτοτυπικές βέλτιστες πρακτικές: πρέπει και δεν πρέπει

Κάνουμε:

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

Δεν πρέπει:

  • Μην κάνετε πρωτότυπες λειτουργίες που δεν θα βρίσκονται στο τελικό προϊόν
  • Μην είσαι τελειομανής. Αρκετά καλός είναι ο φίλος σου. Ο στόχος του γρήγορου πρωτοτύπου είναι να δώσει σε όλους ένα κοινό έδαφος.
  • Μην πρωτότυπο όλα!

Εάν αναρωτιέστε πώς πρέπει να δοκιμάσετε τα πρωτότυπα σας, διαβάστε την ανάρτησή μου σχετικά με τη Δοκιμή χρηστικότητας εδώ:

Το καλά διατηρημένο μυστικό πίσω από το υπέροχο UX: Δοκιμή χρηστικότητας

Είτε έχετε μόνο ένα πρωτότυπο είτε ένα πλήρες προϊόν, είναι πολύ καλή ιδέα να εκτελείτε μηνιαίες δοκιμές χρηστικότητας… medium.freecodecamp.org

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

Μαθαίνετε δουλεύοντας σε έργα πραγματικού κόσμου και λαμβάνετε σχόλια από μέντορες της βιομηχανίας. Θα πρέπει να το δείτε εδώ!