Ο ρόλος των Storyboards στο σχεδιασμό UX

Ο ρόλος των Storyboards στο σχεδιασμό UX
Rick Davis

Ως σχεδιαστής UX, θα πρέπει συχνά να βάζετε τη φαντασία σας να δουλέψει για να ζωντανέψετε νέες ιδέες. Ένα εργαλείο που μπορεί να βοηθήσει σε αυτή τη διαδικασία είναι το storyboarding. Αυτό το εργαλείο είναι δανεισμένο από έναν εντελώς διαφορετικό τομέα (κινηματογράφος), αλλά έχει ήδη αφήσει το στίγμα του στον κόσμο του UX. Τα storyboards βοηθούν τους σχεδιαστές να οραματιστούν πώς οι χρήστες θα χρησιμοποιούν τα προϊόντα που σχεδιάζουν.

Τι είναι το storyboard;

Το storyboard είναι μια οπτική μορφή για την αναπαράσταση ενός σεναρίου που περιέχει μια αλληλουχία μερικών γεγονότων. Τα στούντιο της Walt Disney ήταν τα πρώτα που σκέφτηκαν την ιδέα αυτή τη δεκαετία του 1930. Πολλοί άλλοι τομείς, συμπεριλαμβανομένου του σχεδιασμού UX, έχουν υιοθετήσει το storyboarding ως έναν τρόπο οπτικής αναπαράστασης σεναρίων.

Σε αυτό το σημείο, πιθανόν να αναρωτιέστε "Γιατί να χρησιμοποιήσω storyboards;".

Η σύντομη απάντηση είναι ότι θα σας βοηθήσει να σχεδιάζετε πιο γρήγορα και με μεγαλύτερη αυτοπεποίθηση.

Ακολουθούν οι κύριοι λόγοι για τους οποίους συμβαίνει αυτό:

  1. Μια εικόνα αξίζει όσο χίλιες λέξεις - Ο εγκέφαλός μας επεξεργάζεται τις εικόνες πολύ ταχύτερα από το κείμενο. Με την οπτική αναπαράσταση ενός σεναρίου, επιταχύνετε τη διαδικασία ιδεοληψίας για όλους τους εμπλεκόμενους.
  2. Οι ιστορίες είναι αξέχαστες - Εδώ και αιώνες, οι άνθρωποι χρησιμοποιούν ιστορίες για να μεταφέρουν προφορικές παραδόσεις στις νεότερες γενιές, επειδή είναι πολύ πιο εύκολο να απομνημονεύονται από τα γεγονότα. Η χρήση μιας ιστορίας ως πρώτο βήμα προς την ιδεοληψία μπορεί να δημιουργήσει τη σωστή διάθεση για το έργο από την αρχή.
  3. Το χάσμα περιέργειας - Οι ιστορίες, ειδικά αυτές που περιέχουν κενά, μπορούν πολύ φυσικά να δημιουργήσουν περιέργεια και να ενεργοποιήσουν τον εγκέφαλό μας να προσπαθήσει να συμπληρώσει τις λεπτομέρειες που λείπουν. Αυτό το είδος "εγκεφαλικής δύναμης" είναι ακριβώς αυτό που θέλετε στις συνεδρίες ιδεοληψίας σας.
  4. Συμπάσχετε με έναν "πραγματικό χρήστη" - Ακριβώς όπως χρησιμοποιούμε τις προσωποποιήσεις για να δημιουργήσουμε ενσυναίσθηση με έναν χρήστη που έχει πρόσωπο και όνομα, η τοποθέτηση αυτού του χρήστη σε ένα σενάριο θα δημιουργήσει ακόμη υψηλότερα επίπεδα ενσυναίσθησης προς τους χρήστες μεταξύ των μελών της ομάδας σχεδιασμού.

Χρήση storyboards στο σχεδιασμό UX

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

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

Το πρώτο βήμα στο storyboarding θα ήταν να αποφασίσετε ποιος είναι ο κύριος χαρακτήρας είναι, και αν υπάρχουν κι άλλοι χαρακτήρες που θα θέλατε να συμπεριλάβετε στο σενάριό σας.

Για να δημιουργήσετε έναν ολοκληρωμένο χαρακτήρα, θα πρέπει να σκεφτείτε τα εξής:

  1. Το βασική περιγραφή του χαρακτήρα σας που μπορεί να περιλαμβάνει πράγματα όπως το όνομα, το επάγγελμα, την ηλικία, το φύλο και οτιδήποτε άλλο σχετικό.
  2. Τι παρακινεί το αυτός ο χαρακτήρας να χρησιμοποιήσει το προϊόν ή την υπηρεσία σας;
  3. Σε τι πλαίσιο χρησιμοποιεί ο χαρακτήρας σας το προϊόν;

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

  1. Ευαισθητοποίηση - πώς θα μάθουν οι χρήστες για το προϊόν ή την υπηρεσία σας;
  2. Εξέταση - ποιες αποφάσεις θα πρέπει να λάβουν πριν αποφασίσουν να αγοράσουν το προϊόν και να το χρησιμοποιήσουν;
  3. Αγοράστε - πώς οι χρήστες σας θα αγοράσουν το προϊόν;
  4. Πρώτη εμπειρία - πώς θα είναι η πρώτη τους εμπειρία με το προϊόν σας;
  5. Συνήθειες χρήσης - πώς θα μοιάζει το πρότυπο τακτικής χρήσης τους;
  6. Κύρια οφέλη - τι θα κερδίσουν οι χρήστες σας από τη χρήση του προϊόντος σας;

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

Ξεκινώντας με το storyboarding

Για να ξεκινήσετε με το storyboarding θα πρέπει επίσης να σκεφτείτε μερικά διαφορετικά πράγματα. Ακολουθούν ορισμένες χρήσιμες οδηγίες:

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

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

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

Ας υποθέσουμε ότι θέλετε να απευθυνθείτε σε άτομα ηλικίας μεταξύ 25 και 45 ετών που μόλις τώρα κάνουν τα πρώτα τους βήματα προς την καλύτερη κατανόηση του κρασιού. Αποφασίζετε να δημιουργήσετε μια εφαρμογή για να τους βοηθήσετε με την ονομασία "Wine Time".

Το επόμενο βήμα σας είναι να αρχίσετε να οραματίζεστε τον τρόπο με τον οποίο οι χρήστες θα χρησιμοποιούν την εφαρμογή σας. Έτσι, αποφασίζετε να δημιουργήσετε ένα storyboard.

Ας δούμε τη διαδικασία.

Η ιστορία μας αρχίζει με το κύριοι χαρακτήρες , Jason και Nathalie, ένα νεαρό ζευγάρι στις αρχές της δεκαετίας του 30. Ζουν στα προάστια του Τορόντο, στον Καναδά. Τους αρέσει να πίνουν κρασί, και πηγαίνουν μια φορά κάθε τρεις εβδομάδες στο τοπικό οινοπωλείο τους για να αγοράσουν 2-3 φιάλες κρασί. Συνήθως αγοράζουν τα κρασιά που προωθούνται από το κατάστημα, και περιστασιακά παίρνουν μια σύσταση από έναν φίλο για το τι να αγοράσουν. Πρόσφατα ήθελαν να ξεκινήσουν ναεξερευνώντας περισσότερα κρασιά και θέλουν να είναι λιγότερο συγκλονισμένοι με τη μεγάλη ποικιλία στο κατάστημά τους. Μέχρι τώρα, αγόραζαν σχεδόν τα ίδια κρασιά κάθε φορά. Αυτό είναι που παρακινεί το να προσπαθήσουν να βρουν μια λύση για να μάθουν περισσότερα για το κρασί.

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

Μια μέρα, η φίλη της Nathalie, η Alison, τους προτείνει να δοκιμάσουν μια νέα εφαρμογή που ονομάζεται "Wine Time". Η εφαρμογή σε βοηθάει να μάθεις για το κρασί και σε βοηθάει να βρεις κρασιά που θα σου αρέσουν. Σε αυτό το σημείο της ιστορίας, ο Jason και η Nathalie γίνονται γνωρίζουν του προϊόντος.

Δείτε επίσης: Τι είναι ο απλός σχεδιασμός;

Κατεβάζουν την εφαρμογή και αμέσως παρακολουθούν ένα γρήγορο σεμινάριο "Εισαγωγή στο κρασί". Το σεμινάριο τους διδάσκει τι είδους κρασιά μπορεί να τους αρέσουν με βάση διαφορετικά χαρακτηριστικά. Αυτό θα αντιστοιχούσε στα πρώτη εμπειρία με την εφαρμογή και τη στιγμή του "Aha" (πιθανότατα). Μπορούμε να σκεφτούμε αυτό το μέρος ως την αρχή της η μέση της ιστορίας μας .

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

Εδώ είναι που η ιστορία μας τελειώνει , και όπου οι χαρακτήρες μας καταλαβαίνουν πώς να χρησιμοποιούν την εφαρμογή "Wine Time" για να πετύχουν την στόχος εξερεύνηση περισσότερων κρασιών.

Στη συνέχεια, ας μιλήσουμε λίγο για εργαλεία για τη δημιουργία του storyboard σας.

Δείτε επίσης: Ένας οδηγός βήμα προς βήμα για εικονογραφήσεις κατά παραγγελία πελατών

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

Η διατήρηση του storyboard στο τρέχον επίπεδο λεπτομέρειας θα μπορούσε να προκαλέσει ενδιαφέροντα ερωτήματα στη φάση της ιδέας, όπως:

  1. Ποια σεμινάρια θα περιλαμβάνει η εφαρμογή;
  2. Πού στον κόσμο θα είναι διαθέσιμη η εφαρμογή;
  3. Με τι είδους ηλεκτρονικά καταστήματα κρασιού πρέπει να το συνδέσουμε;
  4. Πώς θα είναι η μακροπρόθεσμη χρήση;

Ρίξτε μια ματιά στο storyboard που δημιούργησα για την εφαρμογή "Wine Time".

Το ταξίδι του χρήστη "Wine Time". Εικόνα από τον συγγραφέα.

Εν ολίγοις , το storyboarding είναι ένα εξαιρετικό εργαλείο που μπορείτε να χρησιμοποιήσετε ως σχεδιαστής UX για να ζωντανέψετε τις εννοιολογικές ιδέες πριν ξεκινήσετε την ιδεοληψία με την ομάδα σας. Η οπτικοποίηση των σεναρίων μπορεί να κάνει τη διαδικασία πολύ πιο διαδραστική και διασκεδαστική για όλους. Για να αναπαραστήσετε πολλά σενάρια, μπορεί να χρειαστείτε περισσότερα από ένα storyboard, αλλά αυτή η ανάγκη θα γίνει σαφέστερη με την πάροδο του χρόνου. Τα πιο σημαντικά πράγματα που πρέπει να θυμάστε είναι: γίνετε δημιουργικοίκαι διασκεδάστε.




Rick Davis
Rick Davis
Ο Rick Davis είναι έμπειρος γραφίστας και εικαστικός με πάνω από 10 χρόνια εμπειρίας στον κλάδο. Έχει συνεργαστεί με διάφορους πελάτες, από μικρές νεοφυείς επιχειρήσεις έως μεγάλες εταιρείες, βοηθώντας τους να επιτύχουν τους σχεδιαστικούς τους στόχους και να ανυψώσουν το brand τους μέσω αποτελεσματικών και εντυπωσιακών γραφικών.Απόφοιτος της Σχολής Εικαστικών Τεχνών της Νέας Υόρκης, ο Rick είναι παθιασμένος με την εξερεύνηση νέων τάσεων και τεχνολογιών σχεδιασμού και συνεχώς υπερβαίνοντας τα όρια του δυνατού στον τομέα. Έχει βαθιά εξειδίκευση στο λογισμικό γραφιστικής και είναι πάντα πρόθυμος να μοιραστεί τις γνώσεις και τις γνώσεις του με άλλους.Εκτός από τη δουλειά του ως σχεδιαστής, ο Rick είναι επίσης αφοσιωμένος blogger και είναι αφοσιωμένος στην κάλυψη των τελευταίων τάσεων και εξελίξεων στον κόσμο του λογισμικού γραφιστικής. Πιστεύει ότι η ανταλλαγή πληροφοριών και ιδεών είναι το κλειδί για την ενίσχυση μιας ισχυρής και ζωντανής κοινότητας σχεδιασμού και είναι πάντα πρόθυμος να συνδεθεί με άλλους σχεδιαστές και δημιουργικούς στο διαδίκτυο.Είτε σχεδιάζει ένα νέο λογότυπο για έναν πελάτη, είτε πειραματίζεται με τα πιο πρόσφατα εργαλεία και τεχνικές στο στούντιό του είτε γράφει ενημερωτικές και συναρπαστικές αναρτήσεις ιστολογίου, ο Rick δεσμεύεται πάντα να προσφέρει την καλύτερη δυνατή δουλειά και να βοηθά άλλους να επιτύχουν τους σχεδιαστικούς τους στόχους.