Ang Tungkulin Ng Mga Storyboard Sa Disenyo ng UX

Ang Tungkulin Ng Mga Storyboard Sa Disenyo ng UX
Rick Davis

Bilang isang taga-disenyo ng UX, madalas mong kailangang gamitin ang iyong imahinasyon upang bigyang-buhay ang mga bagong ideya. Ang isang tool na makakatulong sa prosesong ito ay storyboarding. Ang tool na ito ay hiniram mula sa isang ganap na naiibang domain (cinema), ngunit nakagawa na ito ng marka sa mundo ng UX. Ang mga storyboard ay mahusay sa pagtulong sa mga designer na makita kung paano gagamitin ng mga user ang mga produkto na kanilang idinisenyo.

Ano ang storyboard?

Ang storyboard ay isang visual na anyo upang kumatawan sa isang senaryo na naglalaman ng pagkakasunod-sunod ng ilang mga kaganapan. Ang mga studio ng Walt Disney ay ang mga unang nakabuo ng ideya noong 1930s. Maraming iba pang field, kabilang ang disenyo ng UX, ang gumamit ng storyboarding bilang isang paraan upang ipakita ang mga senaryo nang biswal.

Sa puntong ito, malamang na tanungin mo ang iyong sarili na "Bakit ako gagamit ng mga storyboard?".

Ang maikling sagot ay makakatulong ito sa iyong magdisenyo nang mas mabilis nang may higit na kumpiyansa.

Narito ang mga pangunahing dahilan kung bakit ito nangyayari:

  1. Ang isang imahe ay nagkakahalaga ng isang libong salita - Ang ating utak ay nagpoproseso ng mga larawan nang mas mabilis kaysa sa teksto. Sa pamamagitan ng visual na representasyon ng isang senaryo, pinapabilis mo ang proseso ng pag-iisip para sa lahat ng kasangkot.
  2. Hindi malilimutan ang mga kuwento - Sa loob ng maraming siglo, ginagamit ng mga tao ang mga kuwento upang maipasa sa bibig tradisyon sa mga nakababatang henerasyon dahil mas madaling isaulo ang mga ito kaysa sa mga katotohanan. Ang paggamit ng isang kuwento bilang unang hakbang patungo sa ideya ay maaaring magtakda ng tamang moodpara sa proyekto sa simula pa lang.
  3. Ang agwat ng kuryusidad - Ang mga kuwento, lalo na ang mga may mga puwang, ay natural na nakakalikha ng kuryusidad at nakakapag-activate ng ating utak upang subukan upang punan ang mga nawawalang detalye. Ang ganitong uri ng "brainpower" ay eksakto kung ano ang gusto mo sa iyong mga session ng ideya.
  4. Makiramay sa isang "tunay na user" - Tulad ng paggamit namin ng mga persona upang lumikha ng empatiya sa isang user na may mukha at pangalan, ang paglalagay sa user na ito sa isang senaryo ay lilikha ng mas mataas na antas ng empatiya sa mga user sa mga miyembro ng team ng disenyo.

Paggamit ng mga storyboard sa disenyo ng UX

Tingnan din: Paano Gumuhit ng Buhok

Tulad ng mga script writer at direktor ng pelikula na gumagamit ng mga storyboard upang magplano ng mga plot sa mga pelikula at TV serye, ang mga taga-disenyo ng UX ay maaaring gumamit ng mga storyboard upang makita at magplano ng mga paglalakbay ng user para sa mga produkto. Nagbibigay-daan sa iyo ang storyboarding technique na pumili ng isa o dalawang character, at maunawaan hindi lamang kung ano ang ginagawa nila sa bawat hakbang ng paglalakbay ng user kundi pati na rin kung bakit sila gumagawa ng aksyon at kung ano ang nararamdaman nila tungkol dito.

Tingnan din: Paano Gumawa ng Animated na Intro sa YouTube

Sa simula ng ang proseso ng disenyo ng ux, kailangan mong mag-isip tungkol sa ilang piraso ng kuwentong gusto mong tukuyin, kahit man lang sa antas ng konsepto, bago ka magsimulang mag-sketch ng anuman.

Ang unang hakbang sa storyboarding ay ang magpasya kung sino ang iyong pangunahing karakter , at kung may higit pang mga character na gusto mong isama sa iyong storyboard.

Upanglumikha ng isang mahusay na bilog na karakter, kailangan mong isipin ang mga sumusunod na bagay:

  1. Ang pangunahing paglalarawan ng iyong karakter na maaaring magsama ng mga bagay tulad bilang pangalan, propesyon, edad, kasarian, at anumang bagay na nauugnay
  2. Ano ang nag-uudyok sa karakter na ito na gamitin ang iyong produkto o serbisyo?
  3. Sa anong konteksto ang ginagamit ng iyong karakter sa produkto?

Ang ikalawang hakbang sa storyboarding ay ang pagtukoy sa mismong paglalakbay ng user at ang pagkakaiba nito mga bahagi. Magandang maging pamilyar sa mga bahagi ng isang karaniwang paglalakbay ng user para sa mga produkto dahil makakatulong ito sa iyong isipin kung ano ang gusto mong isama sa iyong storyboard. Kabilang dito ang mga detalye gaya ng:

  1. Kaalaman - paano matututo ang mga user tungkol sa iyong produkto o serbisyo sa unang lugar?
  2. Pagsasaalang-alang - anong mga desisyon ang kailangan nilang gawin bago sila magpasyang bilhin ang produkto at gamitin ito?
  3. Bumili - paano bibilhin ng iyong mga user ang produkto?
  4. Unang karanasan - ano ang magiging hitsura ng kanilang unang karanasan sa iyong produkto?
  5. Mga gawi sa paggamit - ano ang magiging hitsura ng kanilang regular na pattern ng paggamit?
  6. Mga pangunahing benepisyo - ano ang mapapala ng iyong mga user sa paggamit ang iyong produkto?

Kung napakahirap subukan at magpasya sa lahat ng bagay na ito sa simula pa lang, maaari kang magsimula sa pamamagitan ng paglalarawan lamang sa mga unang yugto ngang paglalakbay ng gumagamit at isama lamang ang mga bahaging ito sa iyong storyboard. Kabilang dito ang Kamalayan, Pagsasaalang-alang, Pagbili, at ang Unang Karanasan sa iyong produkto. Kapag nalaman mo na ang mga detalyeng ito, magiging mas madali para sa iyo at para sa iyong koponan na palawigin ang storyboard at isama ang mga detalye tungkol sa pangmatagalang paggamit ng iyong produkto.

Pagsisimula gamit ang storyboarding

Upang makapagsimula sa storyboarding kailangan mo ring mag-isip tungkol sa ilang iba't ibang bagay. Narito ang ilang kapaki-pakinabang na alituntunin:

  1. Paggamit ng istruktura ng isang kuwento na may simula, gitna, at wakas; tumuon sa layunin na kailangang makamit ng iyong karakter. Huwag dumiretso sa mga solusyon sa iyong storyboard.
  2. Isipin ang mga tool na gagamitin mo sa paggawa ng storyboard. Maaari kang gumamit ng panulat at papel para mag-sketch ng storyboard, o gumamit ng graphic design software, depende sa iyong kagustuhan.
  3. Isipin ang antas ng detalye gusto mong isama sa kwento. Depende sa kung nasaan ka sa iyong proseso ng pag-develop, maaaring gusto mong lumikha ng mga kuwento na may mas malaki o mas maliit na dami ng detalye, ngunit tandaan na laging magbigay ng puwang para sa imahinasyon.

Upang matulungan kang bumuo ng magandang UX storyboard, tingnan natin ang isang real-world na halimbawa .

Ipagpalagay natin na gusto mong tulungan ang mga taong mahilig uminom ng alak ngunit mapuspos sa mga tindahan ng alak habang sinusubukanpara pumili kung ano ang susunod na bibilhin.

Ipagpalagay natin na gusto mong i-target ang mga taong nasa pagitan ng edad na 25 at 45 na ngayon pa lang nagsasagawa ng kanilang mga unang hakbang tungo sa mas mahusay na pag-unawa sa alak. Nagpasya kang bumuo ng app para tulungan silang tinatawag na “Wine Time”.

Ang susunod mong hakbang ay simulang isipin kung paano gagamitin ng mga tao ang iyong app. Kaya nagpasya kang gumawa ng storyboard.

Ituloy natin ang proseso.

Nagsisimula ang ating kuwento sa pangunahing karakter , sina Jason at Nathalie, isang batang mag-asawang nasa early 30s. Nakatira sila sa suburb ng Toronto, Canada. Gustung-gusto nila ang pag-inom ng alak, at pumunta sila isang beses bawat tatlong linggo sa kanilang lokal na tindahan ng alak upang bumili ng 2-3 bote ng alak. Karaniwang binibili nila ang mga alak na pino-promote ng tindahan, at paminsan-minsan ay nakakakuha sila ng rekomendasyon mula sa isang kaibigan tungkol sa kung ano ang bibilhin. Kamakailan ay gusto nilang magsimulang mag-explore ng higit pang mga alak, at gusto nilang hindi gaanong mabigla sa malawak na pagpipilian sa kanilang tindahan. Hanggang ngayon, halos pareho na silang bumibili ng mga alak sa bawat oras. Ito ang nag-uudyok sa kanila na subukang maghanap ng solusyon para malaman pa ang tungkol sa alak.

Si Jason ay nagsimulang magbasa tungkol sa alak sa kanyang libreng oras, ngunit ginagawa pa rin niya 't mahanap ito upang maging lubhang kapaki-pakinabang. Karamihan sa mga alak na inilarawan sa mga artikulong iyon ay mula sa Europa, at siya ay nakatira sa Canada. Hindi siya sigurado kung ang mga lokal na alak na makikita niya sa malapit na tindahan ay maihahambingsa anumang paraan.

Isang araw, iminungkahi ng kaibigan ni Nathalie na si Alison na subukan nila ang isang bagong app na tinatawag na "Wine Time." Tinutulungan ka ng app na matutunan ang tungkol sa alak at tinutulungan kang makahanap ng mga alak na magugustuhan mo. Sa puntong ito ng kuwento, naging aware sina Jason at Nathalie sa produkto.

D-download nila ang app, at agad na kumuha ng mabilis na tutorial na "Introduction to Wine" . Ang tutorial ay nagtuturo sa kanila tungkol sa kung anong uri ng mga alak ang maaaring magustuhan batay sa iba't ibang katangian. Ito ay tumutugma sa kanilang unang karanasan sa app at sa kanilang "Aha" na sandali (malamang). Maaari nating isipin ang bahaging ito bilang simula ng gitna ng ating kwento .

Sa pagtatapos ng tutorial, nananatili sina Jonathan at Nathalie sa app. Ang "Wine Time" ay nagmumungkahi ng mga alak para sa kanila at tinitingnan kung available ang mga ito sa mga malapit na tindahan. Kapag nakahanap na sila ng ilang bote na gusto nila, inorder nila ito online at tinatanggap ang mga ito sa loob ng dalawang araw. Ang bahaging ito ng kuwento ay tumutugma sa yugto ng pagbili sa paglalakbay ng user . Posible rin itong ma-link sa sa hinaharap na paggamit ng app kung magpasya silang ipagpatuloy ang pag-order ng alak mula sa app para makatipid ng oras.

Dito ang aming kwento nagtatapos , at kung saan nauunawaan ng aming mga character kung paano gamitin ang "Wine Time" app para makamit ang kanilang layunin na mag-explore ng mas maraming alak.

Susunod, pag-usapan natin nang kaunti ang tungkol sa mga tool para sa paglikha ng iyongstoryboard.

Tulad ng makikita mo sa larawan sa ibaba, maaari kang lumikha ng isang simpleng storyboard tulad ng ginawa ko sa Vectornator. Maaari mong gamitin ang kanilang mga icon, pati na rin ang ilang teksto upang mailarawan ang iyong plot ng kuwento. Nagpasya akong ipakita ang paglalakbay ng user sa apat na yugto upang mag-iwan ng ilang puwang para sa talakayan tungkol sa mga detalyeng hindi bahagi ng storyboard.

Ang pagpapanatiling storyboard sa kasalukuyang antas ng detalye ay maaaring makapukaw ng mga interesanteng tanong sa ang yugto ng ideya, gaya ng:

  1. Aling mga tutorial ang isasama ng app?
  2. Saan sa mundo magiging available ang app?
  3. Anong uri ng online na alak mga tindahan kung saan dapat namin ito ikonekta?
  4. Ano ang magiging hitsura ng pangmatagalang paggamit?

Tingnan ang storyboard na ginawa ko para sa “Wine Time” app.

Ang “Wine Time” na paglalakbay ng user . Larawan ng may-akda.

Sa madaling salita , ang storyboarding ay isang mahusay na tool na magagamit mo bilang isang UX designer upang bigyang-buhay ang mga konseptong ideya bago simulan mo ang pag-iisip sa iyong koponan. Ang pagpapakita ng mga sitwasyon ay maaaring gawing mas interactive at masaya ang proseso para sa lahat. Upang kumatawan sa maraming mga sitwasyon, maaaring kailangan mo ng higit sa isang storyboard, ngunit ang pangangailangang ito ay magiging mas malinaw sa paglipas ng panahon. Ang pinakamahalagang bagay na dapat tandaan ay: maging malikhain at magsaya.




Rick Davis
Rick Davis
Si Rick Davis ay isang batikang graphic designer at visual artist na may higit sa 10 taong karanasan sa industriya. Nakipagtulungan siya sa iba't ibang kliyente, mula sa maliliit na startup hanggang sa malalaking korporasyon, tinutulungan silang makamit ang kanilang mga layunin sa disenyo at iangat ang kanilang brand sa pamamagitan ng epektibo at maimpluwensyang mga visual.Isang nagtapos ng School of Visual Arts sa New York City, si Rick ay masigasig tungkol sa paggalugad ng mga bagong uso sa disenyo at teknolohiya, at patuloy na itinutulak ang mga hangganan ng kung ano ang posible sa larangan. Siya ay may malalim na kadalubhasaan sa graphic design software, at laging sabik na ibahagi ang kanyang kaalaman at mga insight sa iba.Bilang karagdagan sa kanyang trabaho bilang isang taga-disenyo, si Rick ay isa ring nakatuong blogger, at nakatuon sa pagsakop sa mga pinakabagong uso at pag-unlad sa mundo ng graphic design software. Naniniwala siya na ang pagbabahagi ng impormasyon at ideya ay susi sa pagpapaunlad ng isang malakas at makulay na komunidad ng disenyo, at laging sabik na kumonekta sa iba pang mga designer at creative online.Nagdidisenyo man siya ng bagong logo para sa isang kliyente, nag-eeksperimento sa mga pinakabagong tool at diskarte sa kanyang studio, o nagsusulat ng impormasyon at nakakaengganyo na mga post sa blog, palaging nakatuon si Rick sa paghahatid ng pinakamahusay na posibleng gawain at pagtulong sa iba na makamit ang kanilang mga layunin sa disenyo.