Industry

Ano ang mga daloy ng gumagamit ng UX at bakit mahalaga ang mga ito?9 min read

Reading Time: 6 minutesKahit sino ay maaaring magdisenyo gamit ang AI, ngunit ang mga pangunahing kaalaman sa disenyo ay susi sa paggawa ng magandang disenyo. Pina-streamline ng mga daloy ng user ang iyong proseso ng disenyo at itinakda ang yugto para sa isang intuitive na karanasan ng user.

A UX user flow

Ano ang mga daloy ng gumagamit ng UX at bakit mahalaga ang mga ito?9 min read

Reading Time: 6 minutes

Ang mahusay na UX ay hindi produkto ng iyong imahinasyon. Ito ay isang produkto ng malawak na pananaliksik, maingat na pagpaplano, paulit-ulit na pagsubok, at maraming paglalakbay sa drawing board. Kaya paano mo matitiyak na ang prosesong ito ay kasing episyente hangga’t maaari? Paano ka makatitiyak na nagdidisenyo ka nang nasa isip ang iyong mga user?

Ang pinakamahalagang pundasyon ng isang streamlined, proseso ng disenyo na nakasentro sa gumagamit—bukod sa pananaliksik ng gumagamit—ay ang daloy ng gumagamit. Ito ay isang simpleng diagram na nagpapakita ng mga potensyal na landas ng isang user sa pamamagitan ng isang produkto, at nakakapagtaka ito para sa iyong daloy ng trabaho sa disenyo.

Dito namin ipapaliwanag kung ano ang daloy ng user at kung paano basahin ang isa, pagkatapos ay ilarawan ang pangunahing papel nito sa paglikha ng mahusay na UX.

Subukan ang Pagdidisenyo gamit ang AI

Lumilikha ang Anima ng mga website, app at disenyo ng UX mula sa isang prompt, subukan ito dito –

Ano ang daloy ng gumagamit?

Ang daloy ng user ay isang pangunahing visual na mapa ng mga potensyal na landas ng user sa isang produkto—sa kasong ito, isang app o isang website. Ang mapang ito ay maaaring kumatawan sa isang buong produkto o simpleng gawain sa loob ang produktong iyon, tulad ng pag-subscribe sa isang newsletter o pagbili.

Nagsisimula ang daloy ng user sa entry point ng user sa isang produkto o gawain, tulad ng landing page o shopping cart, at nagtatapos sa panghuling pakikipag-ugnayan, tulad ng pagkumpleto ng pag-sign up o pag-order.

Ang pag-visualize kung paano maaaring lumipat ang isang user sa iyong produkto ay nagbibigay-daan sa iyong mag-zoom out at isaalang-alang ang pagiging epektibo ng pangkalahatang istraktura nito. Sa ganitong paraan matutukoy at matutugunan mo ang mga potensyal na hadlang ng user para mapahusay ang navigability. Isang halimbawa ng isang pangunahing istraktura ng daloy ng user

An example of a basic user flow structure

Paano magbasa ng daloy ng gumagamit

Inilalatag ng daloy ng user ang serye ng mga hakbang na ginagawa ng isang user upang makuha mula sa entry point hanggang sa huling pakikipag-ugnayan. Bawat hakbang, o node, ay kinakatawan ng a bilog, parihaba, o brilyante, ang bawat isa ay nagpapahiwatig ng ibang uri ng pagkilos na dapat gawin ng user. Ang mga node na ito ay konektado sa pamamagitan ng mga palaso na nagpapahiwatig ng direksyon ng paggalaw ng gumagamit sa pamamagitan ng produkto.

Narito ang isang breakdown ng bawat bloke ng pagbuo ng daloy ng user:

Ipinaliwanag ang mga bahagi ng daloy ng gumagamit

User flow components explained

Kailan gumawa ng daloy ng user

Kung maaari, dapat kang gumawa ng daloy ng user nang maaga sa iyong proseso ng pagdidisenyo—mabuti na lang pagkatapos ng iyong unang pananaliksik ng user. Sa ganitong paraan maaari mong i-optimize ang daloy bago ka magsimulang magdisenyo. Magagawa mong makita ang mga lugar ng problema, alisin ang mga hindi kinakailangang hakbang, at matukoy kung aling mga screen ang kailangan mong gawin para sa iyong maagang mga prototype.

Mahalagang tandaan na ang mga daloy ng user ay maaari ding gawin sa anumang punto sa panahon ng pag-develop ng isang produkto, o kahit na pagkatapos na mailabas ang isang produkto. Kung kailangan mong i-visualize at tasahin ang pangkalahatang istruktura ng isang potensyal o kasalukuyang disenyo, ang mga daloy ng user ay isang mabilis, epektibong solusyon.

Ang papel ng gumagamit ay dumadaloy sa disenyo ng UX

Ngayong alam mo na kung ano ang mga daloy ng user at kung paano gumagana ang mga ito, titingnan natin ang kanilang papel sa proseso ng disenyo ng UX. Makakatulong sa iyo ang mga daloy ng user:

1. Gumawa ng intuitive na interface

Ang pag-visualize sa daloy ng mga user sa pamamagitan ng iyong produkto o feature ay magha-highlight ng mga friction point, redundancies, at potensyal na nakakalito na elemento dati binuo mo sila sa iyong disenyo. Kung ang daloy ng iyong user ay hindi nagbibigay ng direkta at intuitive na landas patungo sa isang layunin, malamang na hindi rin ang huling produkto.

2. Suriin ang isang umiiral na interface

Ang mga daloy ng user ay isang mahusay na paraan upang i-optimize ang mga umiiral nang produkto na maaaring hindi nagko-convert o nagpapanatili gaya ng inaasahan. Sa mga sitwasyong tulad nito, maaari mong ipatupad ang mga daloy ng user upang mailarawan at i-optimize ang mga proseso kung saan nagba-bounce o nag-iikot ang mga user.

3. Ihatid ang iyong diskarte sa mga miyembro ng koponan at mga stakeholder

Ang mga daloy ng user ay hindi lang maganda para sa iyong workflow ng disenyo. Mahusay din sila para sa pakikipagtulungan. Ang mga daloy ng user ay nagbibigay sa mga kasamahan sa koponan, gumagawa ng desisyon, at mga stakeholder ng mas mahusay na pag-unawa sa arkitektura ng karanasan ng user sa likod ng iyong produkto. Pinapababa nito ang mga hindi pagkakaunawaan at pinapabilis ang pagbili.

Ang mga daloy ng user ay makakatulong din sa mga developer na maunawaan ang kabuuan istraktura sa likod ng iyong huling prototype, na gumagawa handoff mas mahusay.

Isang halimbawa ng daloy ng user para sa proseso ng pag-login (daloy ng gawain)

An example of user flow for a login process (task flow)

Paglalakbay ng gumagamit kumpara sa daloy ng gumagamit

Ang mga terminong paglalakbay ng gumagamit at daloy ng gumagamit ay kadalasang ginagamit nang magkasabay, ngunit hindi pareho ang mga ito. Nakatuon ang bawat isa sa iba’t ibang mga layer at antas ng detalye sa loob ng pangkalahatang karanasan ng user.

Ang mga paglalakbay ng user ay naglalarawan ng ugnayan ng isang partikular na user sa iyong produkto, kabilang ang kung paano sila nakarating sa produkto bilang isang solusyon at kung anong mga pasakit at motibasyon ang nagtulak sa kanila dito. Ang mga daloy ng gumagamit, sa kabilang banda, ay nagpapakita ng lahat ng mga potensyal na landas na maaaring gawin ng sinumang user sa mismong produkto.

4 na pangunahing pagkakaiba sa pagitan ng mga paglalakbay ng user at daloy ng user:

  1. Ang USER JOURNEYS ay nakatuon sa kung ano ang mga gumagamit iniisip at nararamdaman sa bawat hakbang, habang nakatutok ang USER FLOWS kung ano ang mga gumagamit ginagawa
  2. Magsisimula ang USER JOURNEYS bago ang gumagamit ay unang nakipag-ugnayan sa produkto at magpatuloy matapos ang gumagamit, habang nagsisimula ang USER FLOWS sa entry point ng isang user sa produkto at wakas sa huling pakikipag-ugnayan
  3. Ang USER JOURNEYS ay nakatuon sa mga partikular na katauhan ng gumagamit, habang ang USER FLOWS ay nakatutok sa pangkalahatang mga gumagamit
  4. USER JOURNEYS  sabihin ang buong kwento sa likod ng pakikipag-ugnayan ng isang user sa isang produkto, habang nagpapakita lang ang USER FLOWS mga potensyal na landas ng isang user sa pamamagitan ng isang produkto

Ang gumagamit ay dumadaloy sa maikling salita

Nandiyan ka na. Ang mga daloy ng gumagamit para sa mga taga-disenyo ng UX ay katulad ng mga balangkas para sa mga manunulat. Parehong mga istrukturang balangkas na tumutulong sa pag-aayos at pagpino sa daloy ng panghuling produkto bago magsimula ang pag-unlad. Mga daloy ng gumagamit:

  • ipakita ang mga potensyal na landas na maaaring tahakin ng isang user sa pamamagitan ng isang produkto o gawain— simula sa entry point, gumagalaw sa pamamagitan ng hakbang, at nagtatapos sa panghuling pakikipag-ugnayan
  • binubuo ng 4 pangunahing mga bloke ng gusali: mga bilog (simula/tapos), mga brilyante (mga desisyon), mga parihaba (mga proseso), at mga palaso (direksyon ng paggalaw sa pagitan ng mga hakbang)
  • dapat malikha pagkatapos mismo ng paunang pananaliksik ng gumagamit ay kumpleto upang outline at i-optimize ang proseso ng disenyo na sumusunod
  • maaari ding malikha mamaya sa proseso ng disenyo o para sa mga umiiral na produkto na nangangailangan ng mga pagsusuri sa kakayahang magamit at mga pagpapabuti sa proseso
  • maghatid ng 3 pangunahing layunin: paglikha ng mga intuitive na interface, pagsusuri ng mga umiiral na interface, at paghahatid ng iyong diskarte sa mga kasamahan sa koponan at mga stakeholder

Subukan ang iyong sarili:

Ano ang mga daloy ng gumagamit?

Ang daloy ng user ay isang pangunahing diagram ng mga potensyal na landas ng user sa pamamagitan ng isang produkto (isang app o website) o gawain sa loob ng produktong iyon (pag-subscribe, pagbili, atbp). Nagsisimula ito sa entry point ng isang user sa produkto o gawain at nagtatapos sa kanilang huling pakikipag-ugnayan.

Bakit namin ginagamit ang mga daloy ng gumagamit sa disenyo ng UX?

Sa isang diagram, ang mga daloy ng user ay naghahatid kung paano lilipat ang mga user sa iyong buong produkto. Nagbibigay-daan sa iyo ang malawak na view na ito na isaalang-alang ang pagiging epektibo ng iyong iminungkahing istraktura at daloy. Magagawa mong makita at malutas ang mga friction point at simulan ang pag-optimize sa UX dati simulan mo na ang pagdidisenyo.

Makakatulong ang mga daloy ng user lumikha ng mga intuitive na interface, suriin ang mga umiiral na interface at ihatid ang istraktura ng iyong produkto sa mga kasamahan sa koponan at stakeholder.

Subukan ang Anima Playground para sa mga daloy ng user at disenyo ng UX

Anima Playground hinahayaan kang gumawa ng mga propesyonal na daloy ng user at UX sa pamamagitan ng pakikipag-chat sa isang UX-first AI agent, pagkatapos ay bumuo ng disenyo at code sa browser. Simulan ang pagdidisenyo gamit ang AI ngayon—ang kailangan mo lang ay isang ideya.

rocket-multilingual-links:simulan ang mga daloy ng user

rocket-multilingual-links:end user-flows

Leave a comment

Ang iyong email address ay hindi ipa-publish. Ang mga kinakailangang mga field ay markado ng *