KASUTAJAKIRI VS KASUTAJA Voog: kas Figmas?

Tõeliselt lihtne juhend erinevuste tundmiseks ja kasutamiseks

UX-disain on keeruline protsess. Tervikuna teeb see teie toote kasutajad õnnelikuks. Valesti tegemise ajal jäävad inimesed väljakannatamatuks õudusunenäoks. UX Design'is on palju keerulisi protsesse, mis aitavad teil tootedisaineril või arendajal oma eesmärke saavutada, kuid selles artiklis räägin neist lühidalt.

Seal on tuhandeid artikleid, mis räägivad kasutajarännakutest ja kasutajate voogudest ning kasutatavatest tööriistadest, kuid keskendun sellele, kuidas neid FIGMA-s rakendada ja luua, isegi kui neid saab teha kleepitavate märkmete ja pliiatsi abil :). Teeme mõned määratlused;

Kasutaja teekond:

Seda võib nimetada ka klienditeekonnaks, see viitab stsenaariumidele, milles kasutaja suhtleb tootega, ja tavaliselt koosneb stsenaarium mitmest etapist. Selle ülesandeks on peamiselt oletada ja näidata praegust ja võimalikku viisi, kuidas kasutaja saab tootega suhelda.

Kasutaja voog:

Viitab protsessile, kus kasutaja kasutab oma eesmärgi saavutamiseks tootes kujundatud mallide seeria kombineeritud marsruute. See on loodud selleks, et ennustada ja näidata võimalikke marsruute, millega kasutaja tootega suhtleb.

Maa alla

Kasutajarännakud on seotud kasutajaga, nad nõuavad empaatiat, pannes ennast kasutaja kingadesse - kirjeldage tootega suheldes nende tunnet, mõtteid, mida nad mõtlevad ja tunnevad. Kasutaja teekonda peetakse lineaarseks, kuna see algab ühest punktist ja lõpeb ülesande täitmisega.

Näiteks;

Uberi kasutamine juhtumianalüüsina;

  1. Kasutaja vajab koju sõitmist
  2. Ta võtab telefoni taskust
  3. Siseneb nende sihtkohta
  4. Valige sõidu tüüp
  5. Sihtkoha ja piletihinna kinnitamine
  6. Ootab sõitu

Nii et Figmas loome selle teekonna demonstreerimiseks lihtsad ristkülikud, iga sammu jaoks lisage ristküliku sisse tekst. Kasutage ristkülikute ühendamiseks nooleriista.

FIGMA KASUTAJAKAART

Kasutajavood koosnevad tavaliselt visuaalsetest elementidest, millega kasutaja soovib soovitud tulemuse saamiseks suhelda. Hõlmab erinevaid ekraane, mida kasutajal on vaja navigeerida. Need pole olemuselt lihtsalt lineaarsed ega keskendu sageli sellele, kuidas kasutajad tunnevad lahendust või mitmekihilisi lahendusi.

Näiteks;

Uberi kasutamine juhtumianalüüsina;

  1. Rakenduse pritskraan
  2. Rakenduse maandumine koos sihtkaartide ja otsinguväljadega
  3. Otsingu tulemused
  4. Sihtkoha valik
  5. Sõidu tüüp ja hind
  6. Juhi vahemaa ja saabumisaeg

NB! Kasutajavooge on soovitatav luua madala fiiberraami või maketiga.

Joonisel Figma loome lihtsate kujuriistade abil mitmesuguseid rakendusekraane, kus on ainult interaktiivsed väljad, mida kasutaja protsessis nõuab. Seejärel ühendage need nooleriistaga.

JOONIS KASUTAJATE DIAGRAMM

FIGMA FAIL SIIN: https://www.figma.com/file/YfLrvKUfvoBmgYeK1vM57ogl/USER-JOURNEY-and-FLOW?node-id=0%3A1

Teeme järelduse niimoodi;

Kasutajate vood ja teekonnad näivad olevat sarnased. Mõlemad proovivad välja mõelda, kuidas kasutaja tootega suhelda saab. Kuid nad keskenduvad loodud toote eri aspektidele. Tasub luua mõlemad projekteerimisprotsessi käigus. Nad tagavad, et lõpplahendusel on parem UX.

Seega PRAKTIKA, PRAKTIKA JA PRAKTIKA.

Ja kui teile lugu meeldis, siis ärge unustage

Viited: https://medium.com/sketch-app-sources/user-journey-maps-or-user-flows-what-to-do-first-48e825e73aa8

https://www.mockplus.com/blog/post/user-journey-vs-user-flow

Lisateave Figma ja disaini kohta, kasutades järgmisi ressursse:

  • https://help.figma.com/
  • https://figma.com/learn/design/what-is-design

Samuti olla osa Figma kogukonnast;

Liituge Figma'ga saidil SLACK: https://figma-africa.slack.com

TWITTER: https://twitter.com/figma_africa

INSTAGRAM: https://instagram.com/figmaafrica

MEETUP: https://www.meetup.com/figma-africa