A storyboardok szerepe a UX tervezésben

A storyboardok szerepe a UX tervezésben
Rick Davis

UX-dizájnerként gyakran kell bevetned a képzeletedet, hogy új ötleteket keltsen életre. Az egyik eszköz, amely segíthet ebben a folyamatban, a storyboarding. Ez az eszköz egy teljesen más területről (mozi) származik, de már nyomot hagyott a UX világában. A storyboardok nagyszerűen segítenek a tervezőknek elképzelni, hogyan fogják a felhasználók használni az általuk tervezett termékeket.

Mi az a storyboard?

Lásd még: Ismerje meg Scott Smoker

A storyboard egy vizuális forma egy forgatókönyv ábrázolására, amely néhány esemény sorozatát tartalmazza. A Walt Disney stúdió volt az első, amely az 1930-as években előállt ezzel az ötlettel. Sok más terület, köztük a UX tervezés is átvette a storyboardingot, mint a forgatókönyvek vizuális ábrázolásának módját.

Ezen a ponton valószínűleg azt kérdezi magától, hogy "Miért használjak storyboardokat?".

A rövid válasz az, hogy segít gyorsabban és magabiztosabban tervezni.

Íme a fő okok, amiért ez a helyzet:

  1. Egy kép többet ér ezer szónál - Az agyunk sokkal gyorsabban dolgozza fel a képeket, mint a szöveget. A forgatókönyv vizuális ábrázolásával minden érintett számára felgyorsítja az ötletelési folyamatot.
  2. A történetek emlékezetesek - Az emberek évszázadok óta történeteket használnak a szájhagyományok átadására a fiatalabb generációknak, mivel sokkal könnyebb megjegyezni őket, mint a tényeket. Ha egy történetet használunk az ötletelés első lépéseként, az már a kezdetektől fogva megteremtheti a megfelelő hangulatot a projekthez.
  3. A kíváncsiság hiánya - A történetek, különösen azok, amelyek hiányosságokat tartalmaznak, nagyon természetes módon kíváncsiságot kelthetnek, és aktiválják az agyunkat, hogy megpróbálja kitölteni a hiányzó részleteket. Ez a fajta "agyi erő" pontosan az, amit az ötletelési üléseken szeretnél.
  4. Együttérzés egy "valódi felhasználóval" - Ahogyan a személyképek segítségével empátiát tudunk kelteni egy olyan felhasználó iránt, akinek arca és neve van, úgy a felhasználó forgatókönyvbe helyezése még nagyobb empátiát fog kelteni a felhasználók iránt a tervezőcsapat tagjai körében.

Storyboardok használata a UX tervezésben

Ahogy a forgatókönyvírók és a filmrendezők a storyboardokat használják a filmek és tévésorozatok cselekményének megtervezéséhez, úgy a UX-tervezők is használhatják a storyboardokat a termékek felhasználói útjának megtervezéséhez. A storyboarding technika lehetővé teszi, hogy kiválasszon egy vagy két karaktert, és ne csak azt értse, hogy mit csinálnak a felhasználói út minden egyes lépésénél, hanem azt is, hogy miért tesznek meg egy műveletet, és hogyan érzik magukat emiatt.

Az ux-tervezési folyamat elején át kell gondolnod a történet néhány darabját, amelyet legalább koncepcionális szinten meg akarsz határozni, mielőtt bármit is elkezdenél vázolni.

A storyboarding első lépése az lenne, hogy eldöntse, ki a főszereplő és hogy van-e még olyan karakter, akit szeretne felvenni a forgatókönyvébe.

Ahhoz, hogy egy jól kidolgozott karaktert alkoss, a következő dolgokra kell gondolnod:

  1. A alapvető leírás a karakteredről, amely tartalmazhat olyan dolgokat, mint a név, foglalkozás, életkor, nem, és bármi más, ami fontos.
  2. Mi motivál hogy ez a karakter használja az Ön termékét vagy szolgáltatását?
  3. Miben kontextus a karaktered használja a terméket?

    Lásd még: Ikonok a formatervezésben: Jony Ive

A storyboarding második lépése magának a felhasználói útnak és annak különböző részeinek a meghatározása. Jó, ha megismerkedsz a termékek tipikus felhasználói útjának részeivel, mivel ez segít átgondolni, hogy mit szeretnél a storyboardodba foglalni. Ez olyan részleteket tartalmaz, mint például:

  1. Tudatosság - hogyan fognak a felhasználók egyáltalán tudomást szerezni a termékéről vagy szolgáltatásáról?
  2. Megfontolás - milyen döntéseket kell meghozniuk, mielőtt a termék megvásárlása és használata mellett döntenek?
  3. Vásároljon - hogyan fogják a felhasználók megvásárolni a terméket?
  4. Első tapasztalat - milyen lesz az első tapasztalatuk a termékkel kapcsolatban?
  5. Felhasználási szokások - hogyan fog kinézni a rendszeres használati mintájuk?
  6. Főbb előnyök - mit nyernek a felhasználók a termék használatából?

Ha túl nehéz mindezeket a dolgokat rögtön az elején eldönteni, akkor kezdheti azzal, hogy csak a felhasználói út kezdeti szakaszait írja le, és csak ezeket a részeket foglalja bele a storyboardjába. Ezek közé tartozik a tudatosság, a megfontolás, a vásárlás és az első élmény a termékkel. Ha ezeket a részleteket már kidolgozta, akkor könnyebb lesz Önnek és a csapatának bővíteni a storyboardot, éstartalmazzon részleteket a termék hosszú távú használatáról.

A storyboarding kezdete

Ahhoz, hogy elkezdje a storyboardingot, néhány dologra is gondolnia kell. Íme néhány hasznos iránymutatás:

  1. A egy történet felépítése elejével, közepével és végével; koncentrálj arra a célra, amelyet a karakterednek el kell érnie. Ne ugorj rögtön a megoldásokra a storyboardodban.
  2. Gondoljon a eszközök A storyboard elkészítéséhez használhat tollat és papírt, vagy használhat grafikai tervezőprogramot, attól függően, hogy mit szeretne.
  3. Gondoljon a részletesség Attól függően, hogy hol tart a fejlesztési folyamatban, lehet, hogy több vagy kevesebb részletet tartalmazó történeteket szeretne létrehozni, de ne feledje, hogy mindig hagyjon némi teret a képzeletnek.

Hogy segítsen összeállítani egy szép UX storyboardot, nézzünk meg egy valós példa .

Tegyük fel, hogy segíteni szeretne azoknak az embereknek, akik szeretnek bort inni, de a borszaküzletekben túlterheltek, amikor megpróbálnak választani, hogy mit vegyenek legközelebb.

Tegyük fel, hogy 25 és 45 év közötti embereket szeretnél megcélozni, akik most teszik meg az első lépéseket a bor jobb megértése felé. Úgy döntesz, hogy készítesz egy alkalmazást a segítségükre "Wine Time" néven.

A következő lépés az, hogy elkezdi elképzelni, hogyan fogják az emberek használni az alkalmazást. Úgy dönt, hogy készít egy storyboardot.

Menjünk végig a folyamaton.

Történetünk a főszereplők , Jason és Nathalie, egy fiatal, 30-as éveik elején járó pár. A kanadai Toronto külvárosában élnek. Szeretnek bort inni, és háromhetente egyszer elmennek a helyi borszaküzletükbe, hogy 2-3 palack bort vegyenek. Általában azokat a borokat veszik, amelyeket az üzlet reklámoz, és néha egy barátjuk ajánlja nekik, hogy mit vegyenek. Nemrég akartak elkezdeni egy borászatot.több bort fedeznek fel, és azt szeretnék, hogy kevésbé legyenek elárasztva a boltjuk széles választékával. Eddig nagyjából mindig ugyanazokat a borokat vették. Ez az, amit motivál hogy megpróbáljanak megoldást keresni arra, hogy többet tudjanak a borról.

Jason szabadidejében elkezdett olvasni a borokról, de még mindig nem találja túl hasznosnak. Az ezekben a cikkekben leírt borok többsége Európából származik, ő pedig Kanadában él. Nem biztos benne, hogy a helyi borok, amelyeket a közeli boltban talál, bármilyen szempontból összehasonlíthatóak.

Egy nap Nathalie barátnője, Alison azt javasolja, hogy próbáljanak ki egy új alkalmazást, a "Wine Time"-t. Az alkalmazás segít megismerni a borokat, és segít megtalálni azokat a borokat, amelyek tetszeni fognak. A történetnek ezen a pontján Jason és Nathalie lesz tudatos a termékről.

Letöltik az alkalmazást, és azonnal elvégeznek egy gyors "Bevezetés a borokba" oktatóprogramot. Az oktatóprogram megtanítja őket arra, hogy különböző jellemzők alapján milyen típusú borokat kedvelhetnek. Ez megfelelne az ő első tapasztalat az alkalmazással és az "Aha" pillanatukkal (valószínűleg). Úgy gondolhatunk erre a részre, mint a kezdetére a történetünk közepe .

A bemutató végén Jonathan és Nathalie az alkalmazáson maradnak. A "Wine Time" borokat javasol számukra, és ellenőrzi, hogy elérhetőek-e a közeli boltokban. Ha találnak néhány palackot, ami tetszik nekik, online megrendelik őket, és két napon belül meg is kapják. A történetnek ez a része megfelelne a vásárlás a felhasználói út során . Ez potenciálisan összefüggésbe hozható a az alkalmazás jövőbeli használata ha úgy döntenek, hogy továbbra is az alkalmazásból rendelnek bort, hogy időt takarítsanak meg.

Ez az a hely, ahol a történetünk véget ér , és ahol a karaktereink megértik, hogyan használják a "Wine Time" alkalmazást, hogy elérjék a cél több bor felfedezése.

Ezután beszéljünk egy kicsit a eszközök a storyboard elkészítéséhez.

Amint az alábbi képen látható, létrehozhatsz egy egyszerű storyboardot, ahogy én is tettem a Vectornatorban. Használhatod az ikonjaikat, valamint némi szöveget a történet cselekményének vizualizálásához. Úgy döntöttem, hogy a felhasználói utat négy szakaszban mutatom be, hogy hagyjak némi teret a megbeszélésnek azokról a részletekről, amelyek nem részei a storyboardnak.

Ha a storyboardot a jelenlegi részletezettségi szinten tartjuk, az ötletelési fázisban érdekes kérdéseket vethet fel, például:

  1. Milyen oktatóanyagokat tartalmaz majd az alkalmazás?
  2. Hol lesz elérhető az alkalmazás?
  3. Milyen online borszaküzletekhez csatlakoztassuk?
  4. Hogyan fog kinézni a hosszú távú használat?

Nézze meg a "Wine Time" alkalmazáshoz készített forgatókönyvet.

A "Wine Time" felhasználói út. A szerző képe.

Röviden , a storyboarding egy kiváló eszköz, amelyet UX designerként használhatsz arra, hogy életre keltsd a koncepcionális ötleteket, mielőtt elkezdenéd az ötletelést a csapatoddal. A forgatókönyvek vizualizálása sokkal interaktívabbá és szórakoztatóbbá teheti a folyamatot mindenki számára. Sok forgatókönyv ábrázolásához egynél több storyboardra lehet szükséged, de ez az igény idővel egyre világosabbá válik. A legfontosabb dolgok, amiket ne feledj: légy kreatív!és jól érezzük magunkat.




Rick Davis
Rick Davis
Rick Davis tapasztalt grafikus és vizuális művész, több mint 10 éves tapasztalattal az iparágban. Különféle ügyfelekkel dolgozott, a kis startupoktól a nagyvállalatokig, segítve őket tervezési céljaik elérésében és márkájuk felemelésében hatékony és hatásos látványvilágon keresztül.A New York-i Vizuális Művészeti Iskolában végzett Rick szenvedélyesen kutatja az új tervezési trendeket és technológiákat, és folyamatosan feszegeti az adott területen lehetséges lehetőségek határait. Mély szakértelemmel rendelkezik a grafikai tervező szoftverek terén, és mindig szívesen megosztja tudását és meglátásait másokkal.Tervezői munkája mellett Rick elkötelezett blogger is, és elkötelezetten foglalkozik a grafikai tervezőszoftverek világának legújabb trendjeivel és fejlesztéseivel. Úgy véli, hogy az információk és ötletek megosztása kulcsfontosságú egy erős és élénk tervezői közösség kialakításához, és mindig szívesen lép kapcsolatba más tervezőkkel és kreatívokkal az interneten.Függetlenül attól, hogy új logót tervez egy ügyfélnek, kísérletezik a legújabb eszközökkel és technikákkal a stúdiójában, vagy informatív és lebilincselő blogbejegyzéseket ír, Rick mindig elkötelezett amellett, hogy a lehető legjobb munkát végezze, és segítsen másoknak a tervezési céljaik elérésében.