ПОТРЕБИТЕЛСКИ ПЪТНИЦИ срещу ПОЛЗ НА ПОТРЕБИТЕЛ: Във Фигма?

Наистина просто ръководство за познаване на разликите и използването им

UX Design е сложен процес. В своята цялост, той прави потребителите на вашия продукт щастливи. Когато се прави погрешно, хората остават непоносим кошмар. В UX Design има много сложни процеси, които ви помагат продуктов дизайнер или разработчик да постигнете целите си, но в тази статия ще говоря накратко за две от тях.

Има хиляди статии, които говорят за пътуванията на потребителите и потребителските потоци и инструменти, които да използвам, но това, върху което ще се съсредоточа, е как да ги прилагате и създавате във FIGMA, въпреки че те могат да бъдат направени с помощта на лепкави бележки и писалка :). Нека направим някои определения;

Пътешествие на потребителя:

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

Потребителски поток:

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

На земята

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

Например;

Използване на Uber като казус;

  1. Потребителят се нуждае от пътуване до дома
  2. Той / тя вади телефон от джоба
  3. Влиза в местоназначението им
  4. Изберете тип возене
  5. Потвърждава дестинацията и тарифата
  6. Чака возенето

Така че на Фигма, за да демонстрираме това пътуване, ще създадем прости правоъгълници, за всяка стъпка добавяме текст вътре в правоъгълника. Използвайте инструмента със стрелки, за да свържете правоъгълниците.

ПОТРЕБИТЕЛСКА КАРТА НА ФИГМА

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

Например;

Използване на Uber като казус;

  1. Екран на приложението за пръскане
  2. Кацане на приложения с карти на местоназначение и полета за търсене
  3. Резултати от търсенето
  4. Избор на дестинация
  5. Тип возене и тарифа
  6. Разстояние от водача и време на пристигане

NB: Препоръчително е да създавате потребителски потоци с ниско-фиксирани телени рамки или макети.

На Фигма създаваме различни екрани на приложения само с интерактивните полета, изисквани от потребителя в процеса, използвайки прости инструменти за форма. След това ги свържете с инструмента със стрелка.

ПОТРЕБИТЕЛСКА ДИАГРАМА НА ПОТОК В ФИГМА

ФИЛМА ФИЛМА ТУК: https://www.figma.com/file/YfLrvKUfvoBmgYeK1vM57ogl/USER-JOURNEY-and-FLOW?node-id=0%3A1

Нека заключим така;

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

Така ПРАКТИКА, И ПРАКТИКА И ПРАКТИКА.

И ако сте се насладили на историята, не забравяйте да

Референции: 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

Научете повече за фигмата и дизайна, като използвате следните ресурси:

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

Също така да бъде част от Общността на Фигма;

Присъединете се към Figma на SLACK: https://figma-africa.slack.com

TWITTER: https://twitter.com/figma_africa

INSTAGRAM: https://instagram.com/figmaafrica

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