Tökéletes felhasználói folyamatok létrehozása

Tökéletes felhasználói folyamatok létrehozása

Mi is pontosan a felhasználói folyamat? Vizuálisan kicsit olyan, mint egy táncszőnyeg. Jobb láb itt. Bal láb ott. Most összehozza őket, fordítsa meg és ismételje meg. Anélkül, hogy tudnád, hogyan kell táncolni, akkor is képes vagy erre a szőnyegre állni, és úgy mozogni, hogy a lábad megfelelő sorrendben lépjen a megfelelő helyre. A felhasználói folyamat éppen ilyen. Laza, de összehangolt tánc a webhelyével. Fontos, hogy tudd, hol lép a felhasználó és milyen sorrendben, hogy a tánc jól menjen.

A felhasználók elvárásainak feldolgozása és az összességében pozitív felhasználói élmény kialakítása az adatpontok, felhasználási esetek, drótvázak és prototípusok bonyolult keveréke lehet a pontok összekapcsolásához, mielőtt a projekt teljesen kiépülne. A sok mozgó alkatrésszel könnyen el lehet botlani, vagy az érdekeltek félreértik a jövőképet (a tetejével egyszerűsítheti a dolgokat weboldal készítő ).

A tervekkel ellentétben, amelyek bemutatják, hogy a felhasználó mit fog kölcsönhatásba lépni a fejlesztés után, a felhasználói folyamat szerepe az, hogy meghatározza az alapszabályokat arra, hogy a későbbi drótvázak és tervek mit fognak képviselni. A stratégiai dokumentum célja annak megtervezése, hogy a felhasználó hogyan mozog pontról pontra.

Frissíteni szeretné az eszköztárát? Tekintse meg a felső választékunkat webtárhely szolgáltatások és felhőtároló lehetőségek.

Amire szüksége van a felhasználói folyamathoz

Tökéletes felhasználói folyamatok létrehozása: Navigáció

Felhasználói folyamatok alkalmazásával megtudhatja, hogyan fog működni a navigáció az alkalmazásokban, valamint a webhelyeken

Akár ügynökségnél dolgozik, akár közvetlenül az ügyféllel dolgozik szabadúszóként, valószínűleg nem ismeretlen az a zavar, amelyet a korai tervek megosztása jelent egy ügyféllel. A fejedben megérted annak bonyolultságát, hogy az egyes tartalmi blokkok hogyan illeszkednek az általános élménybe és dicsőségesek. Aztán megmutatja valaki másnak, vagy ami még rosszabb, az ügyfélnek, és nem kapja meg. Helytelen részleteket ragasztanak le, gyakran azért, mert még nem állnak előttük a teljes látásmód. Ez az a pont, ahol a célt felvázoló stratégiai dokumentumok - mint a felhasználói folyamatok - jól jöhetnek a dolgok előrehaladása érdekében.

Ehhez a következőkre lesz szüksége:

Üzleti célok
Miért akarja, hogy valaki meglátogassa az Ön webhelyét? Ezeket általában a kapcsolattartójától szerezheti be egy rövid beszélgetéssel. Új szolgáltatást, terméket indítanak vagy próbálnak forgalmat generálni a webhely egy meghatározott területére? Minél szemcsésebb, annál jobb lehet. A célok minden oldal elszámoltathatóságához vezetnek, és a felhasználók javát szolgálják.

Felhasználói célok
Miért látogat valaki valójában az Ön weboldalára? Ne habozzon, hogy ezeket közvetlenül az ügyféltől vegye, hacsak nem tették meg felhasználói tesztelés vagy valamilyen adatközpontú kutatás annak támogatására. Ellenkező esetben ugyanazokkal az üzleti célokkal fogsz elérni, más csavarral.

Belépési pontok és felhasználói típusok
Az adatok alapján a felhasználók hol szállnak le most? A felhasználók általában egy blogbejegyzésre jutnak? Portfoliadarabon vagy kiemelt terméken? Ennél is fontosabb, hogyan jutnak el oda? Ha az organikus forgalom leginkább a blogra irányul, akkor ezek a felhasználók másképp áramolhatnak a másodlagos vagy a harmadlagos oldalak között, mint aki egy hivatkozó webhelyről, közösségi médiából vagy e-mail kampányból érkezik. Előfordulhat, hogy másképp kell feltérképeznie őket a folyamat megfelelő bemutatásához.

Sárga tégla utak (YBR)
Mi az ideális út a felhasználók számára az oldalak közötti utazáshoz, hogy megfeleljenek mind az üzleti, mind a felhasználói céloknak? Eljutni a belépési ponttól az eredményvezérelt célig? Miközben a felhasználók nem lineáris módon áramlanak, mik azok az éles esetek, amelyekbe a felhasználók belefolyhatnak? Például, ha az YBR egy blogbejegyzés céloldala, amely átkattint egy szolgáltatási oldalra, majd a kapcsolat oldalra, hol tévedhet el néhány felhasználó? Néhány felhasználó a körülbelül oldalra kerül? Honnan mennek onnan? Feltérképezzük ezeket az éles eseteket és azok elágazását az ideális forgatókönyvektől.

Tökéletes felhasználói folyamatok létrehozása: Lo-fi drótváz

A lo-fi drótváz hasznos ahhoz, hogy nagyjából képet kapjon az oldal működéséről

Kihúzhatja az utolsó két pontot a Google Analytics és az egyes felhasználói folyamatok felhasználói böngészőjének vagy a Felhasználói folyamat szakaszának segítségével, így megtekintheti a webhely minden felhasználójának felkapott útvonalainak 10 000 lábnyi nézetét. Mindkettővel érdemes megismerkedni (lásd a tetejét eszközök a Google Analytics bejegyzésben ).

Gondolj a táncszőnyegre. Hol helyezik a felhasználók először a lábukat (céloldal)? Hol halad tovább a lábak (második, harmadik, negyedik oldal stb.)? Mutassa meg ezt az egyes felhasználói típusok vagy célok folyamatábrájában.

Rengeteg plugin, keretrendszer vagy szoftveres megoldás használható diagramok készítéséhez; nézzük meg, mi legyen a teljesítés a felhasználói folyamatban.

  • Könnyen megosztható és kinyomtatható. Lehet, hogy nem gondolkodó, de meglepődne, hogy az emberek milyen gyakran hoznak nyomtatásokat olvashatatlan diagramokhoz. Ha túl sok lépés vagy túl sok szöveg van ahhoz, hogy egyértelműen elférjen egy 8,5 x 11 hüvelykes nyomaton, akkor túl bonyolítja a dolgokat.
  • Áthidalja a kommunikációs szakadékot az ügyfelek, az érdekelt felek, a tervezők és a fejlesztők között. A folyamatok megmutatják, hogy a felhasználó hogyan fog navigálni és hogyan fog interakcióba lépni a webhely között az oldalak közötti ugrással. Ez azért fontos, hogy mindenki számára keretet biztosítson a továbblépés megértésének egységesítésére.
  • Mutassa be az egyes prioritást élvező üzleti és ügyfélcélok elérési útját (útjait), a közös belépési pont útvonalait és a korszerűsített YBR útvonalat, amely kihagyott lehetőségeket kínál a legfontosabb tartalmakhoz. Az egyértelműség kedvéért ez nem egyetlen folyamatban történik. Ez több önálló áramlás lesz.

Az érdekelt felektől történő felvásárlással átveheti ezeket a felhasználói folyamatdokumentumokat, és felhasználhatja őket a drótkereteket létrehozó tervezők tájékoztatására annak biztosítása érdekében, hogy betartsák az alapvető felhasználói élmény stratégiákat. Úgy lehet kezelni őket, mint egy ellenőrző listát annak igazolására, hogy a projekt megfelel az egyes lépések céljainak.

generálja New York 2019-et

Tudjon meg többet az UX-ről és egyebekről a New York 2019 létrehozásában. Kattintson a képre a jegy lefoglalásához

A felhasználói folyamatok kibővítése drótkeretekbe

Tökéletes felhasználói folyamatok létrehozása: Edge esetek

Térképezze ki az éles eseteket, és vegye fontolóra, hogy miként válnak el az ideális forgatókönyvektől

Legtöbbünknek van tapasztalata a drótkeretekről valamilyen formában. A drótvázak az a mögött álló stratégia képviseletére szolgálnak weboldal elrendezése . Néha átadják a fejlesztőknek, hogy elkezdjék építeni az infrastruktúra csontjait. Ők az otthon tervrajza. Segítenek az érdekelt feleknek megérteni a stratégia miértjét, anélkül, hogy részleteket, például betűtípusokat, színeket vagy tartalmat vennének rájuk.

Sokszor valaki, aki felelős a felhasználói élményért vagy a projekt tervezéséért, közvetlenül a drótvázba fog ugrani, mert megalkotja saját felhasználói áramlási modelljét. Ezzel az a probléma, hogy veszélyeztetik a stratégia internalizálását, előre nem látott elfogultság alkalmazását, a régi elképzelések újrafelvételét, és szűk keresztmetszetgé válhatnak a tervezés és a tervezés kommunikációja között. A tiszta kommunikáció a legfontosabb.

A felhasználói áramlások segítenek enyhíteni ezeket a kockázatokat, mivel ezek továbbítják a strukturált kommunikációt. Hozzáad egy réteg ellenőrző pontot.

A drótvázasításnak különböző szintű vizuális hűségei vannak. Egyesek az alacsony pontosságú sablonos drótvázakat kedvelik, amelyeket a helyükre ejthetnek, hogy egy adott oldal általános információs architektúráját képviseljék. Mások inkább a nagy hűségű drótvázakat részesítik előnyben, amelyek nagyon is formatervezettek, de nincsenek megadva a megfelelő betűtípus, másolat, színek és képek. Fontos tudni a közönségét és azt, hogy mit mikor használjon. Valójában, ha felhasználói áramlásokból dolgozik, akkor magasabb hűségű drótvázba kell lépnie, amely aztán könnyebben prototípusgá nő.

Célszerű papíron, táblán vagy valamilyen táblagép vázlatos eszközön kezdeni

Célszerű papíron, táblán vagy valamilyen táblagép vázlatos eszközön kezdeni. Ez lehetővé teszi, hogy összpontosítson a problémás területek lehetséges megoldásainak gyors ötletelésére, és tartsa a felhasználót az ideális úton.

A kezdéshez szüksége lesz egy listára az egyes oldalakról, amelyeket meg lehet tervezni és beépíteni a weboldalba: home, about, service list stb. Ez ellenőrző listaként szolgál annak biztosítása érdekében, hogy ne hagyjon ki semmit. Kezdje durva vázlatokkal, mindegyik számára a korábban feltárt célok alapján.

Hová tart a navigáció? Hogyan fogja közvetíteni az üzleti célokat a honlapon? 12 oszlopos rácsot követ, hogy gyorsabban megértsük a szerkezetet egy bizonyos demográfiai adatokkal, vagy ez egy progresszívebb interaktív webhely, amely egy kicsit kifejezőbb szabadságot áraszt? Itt határozza meg a célok elérésének legjobb módját és az erős bázis tetejére építve.

Tökéletes felhasználói folyamatok létrehozása: Drótvázak

A felhasználói folyamatdokumentumok tájékoztathatják a drótvázak létrehozását, mint ebben a példában a Sullair esetében

Miután ezek a durva vázlatok elkészültek, válassza ki az egyik felhasználói folyamatot. Például, ha az ideális útvonal egy blogbejegyzés céloldala, amelyen a felhasználó átkattint egy szolgáltatási oldalra, majd a kapcsolat oldalra, tesztelje ezt drótvázaival. Nézd meg a blogbejegyzésed céloldalát: hogyan találná meg a felhasználó a szolgáltatási oldalt a struktúrád alapján? Érthető? Valóban kiemelt fontosságú az adott oldal elrendezésében, vagy csak egy újabb link található az oldalsávon, a láblécen vagy a navigációban?

A felhasználói folyamat ellenőrzővé válik munkája, a drótvázak elfogulatlan tényellenőrzője. Még jobb, ha megmutathatja az ügyfelének, hogy összekapcsolta az összes pontot, amelyet prioritásnak tekintett, akkor nagyon elégedettek lesznek az egyes lépések munkájával. Emlékezteti őket arra, miért vettek fel téged erre. Megkönnyebbülés, és valószínűleg elkezdik beiktatni a teljes folyamatot.

Ha nem bizonyítja, hogy megoldást adott ezekre a célokra, vagy módot adott a meglévő fájdalomcsillapítások enyhítésére, akkor projektjének minden fázisa nagyban támaszkodik a bizalomra. Még a legjobbaknál is, ez csak addig vezethet el, amíg a 'miért nem fogtuk fel?' besurran a beszélgetéseibe. Minél később jelentkeznek, annál drágábbak a javításuk. Minél gyakrabban bukkannak fel, annál inkább csökken a bizalom. Ezért nagyon fontos egy ilyen folyamat követése és a döntések támogatása adatokkal és fókusszal.

Interaktív prototípusok

Tökéletes felhasználói folyamatok létrehozása: Útvonalak

Mutassa be az egyes prioritásos üzleti és ügyfélcélok elérési útjait

Most ellenőrizte a drótváz megvalósítását a felhasználói folyamatokkal, itt az ideje, hogy interaktív prototípusokká alakítsa őket. Ezek alapvetően kattintható statikus képfájlok, amelyek lehetővé teszik, hogy egy másik képfájlra ugorjon, hogy benyomást keltsen a webhelyen történő navigálásról. Ezeket nemcsak az ügyfelek élvezhetik, hanem nagyon fontos biztosítani, hogy a fejlesztők és a tervezők ugyanazon az oldalon legyenek. Ez a nagyszerű elrendezési ötlet valójában 100 órányi fejlesztési időt adhat, és kívül eshet. Ez a rúgás elindítja ezeket a beszélgetéseket, még mielőtt elpazarolják az időt.

Önnek vagy tervezőcsapatának nagyon világos elképzelése lehet arról, hogy mivé fejlődik ez a drótvázkészlet a következő hetekben. Talán még a drótvázakat is teljesen megtervezi, és ezt prototípusozza. Ez nem ritka. De az egyik probléma továbbra is fennáll. Azok a finom lebegő állapotok és mikrointerakciók, amelyek támogatják az intuitív felhasználói élményt, rejtve vannak valakinek a fejében. Az érdekelt felek még nem látják ezt a jövőképet, de a prototípusok segíthetnek.

A drótvázakhoz hasonlóan a prototípusok is különböző hűségekkel bírnak. Nál nél fehér; használtuk InVision évekig, az egyszerű megosztható prototípusok létrehozása miatt, amelyek az oldalak közötti felhasználói utakra és a legfontosabb interakciókra vagy átfedésekre összpontosítanak. Dobja be a meglévő képeket, és rajzoljon forró pontokat a linkekre. Alacsony hűségű interakciók létrehozása lehetővé teszi a prototípus megosztását egy órán belül, a bonyolultságtól függően.

Tökéletes felhasználói folyamatok létrehozása: Hi-fidelity drótvázak

Hozza ki a nagy hűségű drótvázakat, ha részletesen meg akarja mélyíteni a tartalmat

Mások javasolhatják a használatát Adobe XD , amely sokkal erőteljesebben mutat be egy terv interaktív elemeit az oldalátmeneteken túl. Olyan, mintha az Adobe Creative Suite-t ( szerezze be az Adobe Creative Cloud szolgáltatást ) egyetlen termékként az InVision programmal. Ha elég szervezett, egy csapásra elkészítheti drótvázait, teljes tervezési koncepcióit és prototípusait. A fontos rész az oldalak összekapcsolása, hogy olyan élményt készítsen, amelyet valaki át tud kattintani és megérteni a jövőképet.

Fontos, hogy meghatározzuk az elvárásokat

Ismét ismerd meg a közönségedet. Az InVision alapvető átkattintásaival is egyes ügyfelek összekeverik egy beépített webhellyel. Fontos, hogy meghatározzuk az elvárásokat. Közölje pontosan, hogy mit mutat az ügyfélnek a prototípussal, és ami még fontosabb, hogy milyen visszajelzéseket keres ebben a szakaszban. Visszajelzést szeretne keresni a felhasználói folyamat kulcsfontosságú oldalai közötti áramlásról? Visszajelzést keres a prototípus oldalátmenet animációiról? A tartalom, amely belefér a terekbe, és honnan fog származni? Közölje ezt. Nagyon gyorsan segít növekedni, mint szakember, és munkája minősége ugrásszerűen növekszik.

Meg tudja ítélni ennek a folyamatnak a sikerét, ha megkezdi a prototípus felülvizsgálatát egy olyan kulcsfontosságú céloldalon, mint a korábbi blog. Kérjen meg valakit, aki az érdekelt felek véleményében szerepel, kattintson a prototípus egy adott oldalára, és nézze meg, milyen utakon jár. Még olyan éles esetekben is, amikor a felhasználó egy másik úton halad végig, miközben a felhasználók nem lineáris módon utaznak, képesnek kell lenniük megtalálni azokat a kulcsoldalakat, amelyek tükrözik az üzleti célt. Munkádnak elszámoltathatónak kell lennie ezzel szemben.

Döntő fontosságú, hogy bemutassa a kulcsfontosságú döntések mögött rejlő kritikus gondolkodást és megvalósítást, valamint azt, hogy Ön vagy csapata miként alakította céljait intuitív élménnyé. Ez teszi lehetővé a nézetek újrafogalmazását, a rövid távú trendektől való eltávolodást és a teremben egyébként leghangosabb emberek támogatását. Stratégia minden lépésben.

Ezt a cikket eredetileg a háló , a világ legkeresettebb weblaptervezőknek és -fejlesztőknek szóló magazinja. Vásárolja meg a 315. számot itt vagy iratkozzon fel ide .

Kapcsolódó cikkek: