Ролята на сторибордовете в UX дизайна

Като дизайнер на UX често трябва да използвате въображението си, за да реализирате нови идеи. Един инструмент, който може да помогне в този процес, е сторибордът. Този инструмент е заимстван от съвсем друга област (киното), но вече е оставил своя отпечатък в света на UX. Сторибордовете помагат на дизайнерите да си представят как потребителите ще използват проектираните от тях продукти.

Какво е сториборд?

Сторибордът е визуална форма за представяне на сценарий, който съдържа последователност от няколко събития. Студията на Уолт Дисни са първите, които предлагат тази идея през 30-те години на миналия век. Много други области, включително UX дизайнът, са възприели сториборда като начин за визуално представяне на сценарии.

В този момент вероятно си задавате въпроса "Защо трябва да използвам сторибордове?".

Краткият отговор е, че това ще ви помогне да проектирате по-бързо и по-уверено.

Ето и основните причини за това:

1. Едно изображение струва хиляди думи - Мозъкът ни обработва изображенията много по-бързо, отколкото текста. Представяйки даден сценарий визуално, ускорявате процеса на създаване на идеи за всички участници.
2. Историите са запомнящи се - В продължение на векове хората са използвали истории, за да предават устни традиции на по-младите поколения, тъй като те са много по-лесни за запомняне от фактите. Използването на история като първа стъпка към идеята може да създаде подходящо настроение за проекта още от самото начало.
3. Разликата в любопитството - Историите, особено тези, в които има пропуски, могат съвсем естествено да предизвикат любопитство и да активират мозъка ни да се опита да попълни липсващите детайли. Този вид "мозъчна енергия" е точно това, което искате в сесиите си за идеи.
4. Вживяване в ролята на "реален потребител" - Точно както използваме персони, за да създадем съпричастност към потребител, който има лице и име, поставянето на този потребител в сценарий ще създаде още по-високи нива на съпричастност към потребителите сред членовете на проектантския екип.

Използване на сторибордове в UX дизайна

Точно както сценаристите и филмовите режисьори използват сторибордове, за да планират сюжетите на филми и телевизионни сериали, дизайнерите на UX могат да използват сторибордове, за да си представят и планират потребителските пътешествия на продуктите. Техниката на сторибордовете ви позволява да изберете един или двама герои и да разберете не само какво правят на всяка стъпка от потребителското пътешествие, но и защо предприемат дадено действие и как се чувстват след това.

В началото на процеса на проектиране на потребителски интерфейс ще трябва да помислите за няколко части от историята, която искате да определите, поне на концептуално ниво, преди да започнете да скицирате каквото и да било.

Първата стъпка в създаването на сюжета е да решите кой главен герой и дали има още герои, които бихте искали да включите в разказа си.

За да създадете добре развит персонаж, трябва да помислите за следните неща:

1. Сайтът основно описание на вашия герой, който може да включва неща като име, професия, възраст, пол и всичко друго, което е от значение.
2. Какво мотивира този герой да използва вашия продукт или услуга?
3. В какво контекст използва ли вашият герой продукта?

Втората стъпка в създаването на сториборд е определянето на самото потребителско пътуване и различните му части. Добре е да се запознаете с частите на типичното потребителско пътуване за продукти, тъй като това ще ви помогне да помислите какво искате да включите в сториборда си. Това ще включва подробности като:

1. Информираност - как потребителите ще научат за вашия продукт или услуга?
2. Разглеждане - какви решения ще трябва да вземат, преди да решат да купят продукта и да го използват?
3. Купете - как вашите потребители ще купят продукта?
4. Първи опит - как ще изглежда първият им опит с вашия продукт?
5. Навици на използване - какъв ще бъде моделът им на редовна употреба?
6. Основни ползи - какво ще спечелят вашите потребители от използването на вашия продукт?

Ако е твърде трудно да се опитате да решите всички тези неща от самото начало, можете да започнете, като опишете само началните етапи от пътуването на потребителя и да включите само тези части в таблото за разкази. Те включват Осъзнаване, Обмисляне, Купуване и Първи опит с вашия продукт. След като уточните тези подробности, за вас и за екипа ви ще бъде по-лесно да разширите таблото за разкази и давключете подробности за дългосрочната употреба на вашия продукт.

Започване на работа със сториборд

За да започнете работа със сториборд, трябва да помислите за няколко различни неща. Ето някои полезни насоки:

1. Използване на структура на историята с начало, среда и край; съсредоточете се върху целта, която героят ви трябва да постигне. Не преминавайте направо към решенията в сюжетното си табло.
2. Помислете за инструменти Можете да използвате химикалка и хартия, за да скицирате сториборда, или да използвате софтуер за графичен дизайн, в зависимост от предпочитанията си.
3. Помислете за ниво на детайлност В зависимост от това къде се намирате в процеса на разработване, може да искате да създадете истории с по-голямо или по-малко количество подробности, но не забравяйте винаги да давате свобода на въображението.

За да ви помогнем да съставите хубав UX сториборд, нека разгледаме пример от реалния свят .

Да предположим, че искате да помогнете на хората, които обичат да пият вино, но се затрудняват в магазините за вино, докато се опитват да направят избор какво да купят.

Да предположим, че искате да се насочите към хора на възраст между 25 и 45 години, които едва сега правят първите си стъпки към по-добро разбиране на виното. Решавате да създадете приложение, което да им помогне, наречено "Wine Time".

Следващата ви стъпка е да си представите как хората ще използват приложението ви. Затова решавате да създадете сториборд.

Нека преминем през процеса.

Нашата история започва с основни герои , Джейсън и Натали, млада двойка в началото на 30-те си години. Те живеят в предградията на Торонто, Канада. Обичат да пият вино и ходят веднъж на всеки три седмици в местния магазин за вино, за да си купят 2-3 бутилки вино. Обикновено купуват вината, които се промотират от магазина, а понякога получават препоръка от приятел какво да купят. Наскоро са искали да започнатпроучват повече вина и искат да не са толкова затрупани от големия избор в магазина си. Досега те купуваха почти винаги едни и същи вина. мотивира да се опитат да потърсят решение, за да научат повече за виното.

Джейсън започва да чете за вино в свободното си време, но все още не смята, че това е много полезно. Повечето от вината, описани в тези статии, са от Европа, а той живее в Канада. Не е сигурен дали местните вина, които намира в близкия магазин, са сравними по някакъв начин.

Един ден приятелката на Натали Алисън им предлага да опитат ново приложение, наречено "Wine Time". Приложението ви помага да научите повече за виното и ви помага да намерите вина, които ще ви харесат. В този момент от историята Джейсън и Натали стават осъзнат на продукта.

Те изтеглят приложението и веднага преминават през бърз урок "Въведение във виното". Урокът ги учи какви видове вина могат да харесат въз основа на различни характеристики. Това би съответствало на техните първи опит с приложението и техния "Аха" момент (най-вероятно). Можем да мислим за тази част като за началото на средата на нашата история .

В края на урока Джонатан и Натали остават в приложението. "Wine Time" им предлага вина и проверява дали те са налични в близките магазини. След като открият няколко бутилки, които им харесват, те ги поръчват онлайн и ги получават в рамките на два дни. Тази част от историята би съответствала на закупуване на етап от пътуването на потребителя . Възможно е да е свързано и с бъдещо използване на приложението ако решат да продължат да поръчват вино от приложението, за да спестят време.

Това е мястото, където нашата история завършва и където нашите герои разбират как да използват приложението "Wine Time", за да постигнат своите цел за проучване на повече вина.

След това нека поговорим малко за инструменти за създаване на разказ.

Както можете да видите на изображението по-долу, можете да създадете прост сториборд, както направих аз, във Vectornator. Можете да използвате техните икони, както и някои текстове, за да визуализирате сюжета на историята си. Реших да представя пътуването на потребителя на четири етапа, за да оставя място за обсъждане на подробностите, които не са част от сториборда.

Запазването на разказната таблица на настоящото ниво на детайлност може да провокира интересни въпроси във фазата на идеята, като например:

1. Кои уроци ще включва приложението?
2. Къде по света ще бъде достъпно приложението?
3. Към какви онлайн магазини за вино трябва да го свържем?
4. Как ще изглежда дългосрочната употреба?

Разгледайте таблото, което създадох за приложението "Време за вино".

Пътуване на потребителите на "Wine Time". Снимка от автора.

‍

Накратко , сторибордът е отличен инструмент, който можете да използвате като дизайнер на UX, за да вдъхнете живот на концептуалните идеи, преди да започнете да разработвате идеите с екипа си. Визуализирането на сценариите може да направи процеса много по-интерактивен и забавен за всички. За да представите много сценарии, може да ви е необходим повече от един сториборд, но тази необходимост ще се изясни с течение на времето. Най-важните неща, които трябва да запомните, са: бъдете креативнии се забавлявайте.