Az UX Design Deliverables átfogó áttekintése

Mit csinálnak az UX tervezők naponta? Egy csomó dolgot! Az UX szakembereknek kommunikálniuk kell a tervezési ötletekkel és a kutatási eredményekkel számos közönség számára. Erre a célra szolgáltatásokat (a tényleges munka kézzelfogható nyilvántartását) használják. Az alábbi lista tartalmazza az UX tervezők által gyártott leggyakoribb szolgáltatásokat, mivel ezek nagyszerű élményt nyújtanak a felhasználók számára.

A jobb olvashatóság érdekében a teljesítményeket az UX tevékenységeinek megfelelően kombináltam:

  • Projekt értékelés,
  • A versenyzők értékelése,
  • Felhasználói kutatás,
  • Információs architektúra,
  • Interakció tervezés.

Projekt értékelés

A projektértékelés egy értékelési folyamat, amely segít az UX tervezőinek megérteni a termék jelenlegi állapotát.

Analytics ellenőrzés

Az elemzési audit lehetővé teszi annak felfedését, hogy egy webhely vagy alkalmazás mely részei okoznak fejfájást a felhasználók számára, és csökkentik a konverziót. Az elemzési ellenőrzés során a könyvvizsgáló különféle módszereket, eszközöket és mutatókat - forgalmi forrásokat, forgalmi folyamatokat, konverziók (és elhagyások) forró pontokat stb.) Fog felhasználni annak elemzésére, hogy egy termék megy-e rosszul (vagy jobbra). Végül, egy elemzési ellenőrzésnek lehetővé kell tennie az UX tervezőinek, hogy tudják, hogyan lehet növelni a konverziókat azáltal, hogy megkönnyítik a felhasználók céljaik elérését a webhelyen vagy az alkalmazásban.

Az elemző eszköz által biztosított számok arról, hogy a felhasználó hogyan működik együtt a termékkel - kattintások, felhasználói munkamenet időtartama, keresési lekérdezések, átalakítás stb. - segít az UX tervezőinek felfedezni a váratlan, felületbeli viselkedéseket, amelyek a felhasználói tesztekben nem egyértelműek. Kép: Ramotion

Tipp: Hagyja, hogy A / B tesztelje a tervezési változásokat. Ha tudod, hogy minden változtatást A / B-vel tesztelnek, akkor óriási szabadságot fog kapni az új (és potenciálisan kockázatos) dolgok kipróbálására. Ha működnek, akkor szinte azonnal megtudhatja. Ezenkívül nem kell aggódnia, hogy az elvégzett változások mindent tönkre fognak hozni.

Tartalom-ellenőrzés

A tartalomellenőrzés az információ vagyonának az alkalmazás vagy a webhely egy részén vagy egészén történő értékelésének folyamata. Mondhatjuk, hogy a tartalom-ellenőrzés tartalomleltár és az egyes oldalak tartalmának értékelése (akár személyesen, akár mennyiségileg az elemzés segítségével) és / vagy a tartalomtulajdonosok kinevezése. Ez magában foglalja az összes tartalom összegyűjtését a webhelyén vagy az alkalmazásában, és annak relatív erősségeinek és gyengeségeinek felmérését annak érdekében, hogy prioritássá tegye a jövőbeni marketingtevékenységeit. A könyvvizsgálat révén sokkal jobban megérti a tartalmat. Előfordulhat, hogy olyan dolgokat talál, amelyekről nem tudta, hogy létezik, észlelheti a másolatot vagy az elavult tartalmat, vagy azonosíthat mindenféle kapcsolatot a tartalomban. A tartalomellenőrzés eredményei felhasználhatók globális feladatra (tartalomstratégia létrehozása) vagy helyi feladatra (egy adott oldal optimalizálása).

Használhatósági tesztjelentés

A használhatóság tesztelése lehetővé teszi, hogy a termék valódi felhasználókkal való tesztelésével megtudja, mennyire egyszerű a termék használata. A használhatóság tesztelési jelentése világos, tömör és leíró módon foglalja össze a használhatóság megállapításait, segítve a projektcsoportot a problémák azonosításában és a megoldás kidolgozásában.

Példa a használhatóság tesztelési jelentésére. Kép: tiffanyho

Tipp: Helyezze el eredményeit. Minden olyan kérdés, amelyet a használhatóság tesztelésével fedeztek fel, nem ugyanolyan fontos. A használhatóságról szóló jelentésnek a tanulmány méretétől függően 5 vagy 100 megállapítás lehet, és néha nehézkes lehet, ha a csapat mindegyiket átnéz. Ezért kell a megállapításokat súlyosság szerint (alacsony, közepes vagy magas) rangsorolni. Ez elősegíti a csapat számára a használhatóságot vizsgáló tanulmány által feltárt kritikus kérdések azonosítását.

A versenytárs értékelése

A versenytárs értékelése a jelenlegi és a potenciális versenytársak erősségeinek és gyengeségeinek értékelése. A riválisok erősségeinek és gyengeségeinek felmérése a saját UX stratégiájának kritikus része.

Versenyképes elemzési jelentés

A versenytárs termékek elemzése összehasonlítható módon felvázolja a meglévő funkciókat. Ez a versenyképes elemzési jelentés segít az UX tervezőinek megérteni az ipari szabványokat és azonosítani az innovációs lehetőségeket egy adott területen.

A versenyvizsgálat lehetővé teszi a tervezők számára, hogy felmérjék a versenytárs erősségeit és gyengeségeit a kiválasztott piacon, és hatékony stratégiákat hajtsanak végre a termék versenyelőnyének javítása érdekében. Kép: sárga toll

Tipp: Az erősségek és a fejlesztési területek azonosításának hasznos kiindulópontja lehet a felhasználói élmény heurisztikája. Noha a versenyvizsgálat célja nem a heurisztika értékelésének megismétlése, a heurisztika jó kiindulópont lehet, mivel jó struktúrát kínál az információk bemutatására. A heurisztika magában foglalja a hatékony navigációt, a szöveg és a címkék egyértelműségét, következetességét, olvashatóságát, szkennelhetőségét stb.

Értékajánlat

Az értékjavaslat egy olyan állítás, amely feltérképezi a termék legfontosabb aspektusait: mi ez, kinek szól és hogyan fogják használni. Az értékjavaslat segít a csapatnak konszenzus kialakításában arról, hogy mi lesz a termék.

Az értékjavaslat segít az UX tervezőinek, hogy továbbra is a fontos dolgokra összpontosítsanak. Kép: UX Mag

Tipp: Győződjön meg arról, hogy értékjavaslata közvetlenül kapcsolódik a legfontosabb üzleti célokhoz. Ezzel sokkal könnyebb megbeszéléseket folytatni az UX tevékenységek idejéről és költségvetéséről.

Felhasználói kutatás

A felhasználói kutatás a felhasználói viselkedés, igények és motivációk megértésére összpontosít megfigyelési technikák, feladatelemzés és más visszacsatolási módszerek révén.

Personas

A személy egy kitalált karakter, aki a terméket a potenciális felhasználói típushoz hasonló módon használja. A perszonák megkönnyítik a tervezők számára a felhasználók iránti együttérzést a tervezési folyamat során. A personák vitatott eszköz az UX páncélzatban: Egyes UX tervezők szeretik őket, mások utálják őket. Ezért fontos, hogy ne csak az előnyöket, hanem a személyek hátrányait is megértsük, mielőtt felhasználnánk őket az UX tervezési folyamatához.

A persona egy kitalált karakter, aki kiemeli a célfelhasználói viselkedését, igényeit és motivációit. Kép: xtensio

Tipp: A leghatékonyabb személyeket mélyreható felhasználói interjúk és valódi felhasználók megfigyelési adatai alapján hozzák létre. Gyűjtsön annyi információt és tudást a felhasználókról, ha interjút készít és / vagy megfigyel egy elegendő számú embert, akik képviselik a célközönséget.

Felhasználói történet

A felhasználói történet egy szolgáltatás egyszerű leírása a termék felhasználója szempontjából. Alapvetően egy követelmény nagyon magas szintű meghatározása (fogalmi szinten), amely csak annyi információt tartalmaz, hogy a fejlesztők ésszerű becslést tudnak készíteni a végrehajtásához szükséges erőfeszítésekről.

Kép: realtimeboard

Tipp: Használjon felhasználói történeteket a szolgáltatás kúszásának megakadályozására. A szolgáltatás kúszás egy olyan kifejezés, amely rendszeresen felmerül a termék tervezése során. Arra a tendenciára utal, hogy továbbra is további funkciókat kíván hozzáadni és a projekt hatókörét kibővíteni. Próbáljon megtagadni bármilyen szolgáltatás hozzáadását olyan felhasználói történet nélkül, amely elmagyarázza, miért fontos az adott szolgáltatás.

Használjon tokot

A használati eset írásos leírása arról, hogy a felhasználók hogyan hajtják végre a feladatokat az alkalmazásban vagy a webhelyen. A felhasználó szempontjából vázolja egy alkalmazás vagy webhely viselkedését, amikor válaszol egy kérésre. Minden felhasználási esetet egyszerű lépések sorozatában ábrázolunk, kezdve a felhasználói céllal és véget érve, amikor ez a cél teljesül.

A használati eset egy esemény műveleteinek vagy lépéseinek listája, amely általában meghatározza a felhasználó és a rendszer közötti interakciókat a cél elérése érdekében. Kép: Diavetítés

Tipp: A használati eseteket nem fenntartják az UX fázisra; a minőségbiztosítási szakaszban is felhasználhatók. Így, amikor egy adott termék használhatóságát felülvizsgáljuk, kritikus fontosságú, hogy a minőségbiztosítási szakértő rendelkezzen a felhasználási esetekkel. Ez megadja a minőségbiztosítási szakembereknek egy olyan kritériumkészletet, amelyet a tervnek figyelembe kell vennie.

Tapasztalati térkép

A tapasztalati térkép egy diagram, amely feltárja a felhasználók több lépését, amikor egy termékkel kapcsolatba lépnek. Ez lehetővé teszi a tervezők számára, hogy az utazás minden egyes szakaszában megfogalmazzák a felhasználó motivációit és igényeit, mindegyiknek megfelelő megoldásokat tervezzenek.

Egy egyszerű tapasztalati térkép tükrözi az egyik lehetséges utat egy forgatókönyv alatt. Kép: effektív

Tipp: Az ügyfél utazási térképének létrehozásának a felhasználók megismerésével kell kezdődnie. Noha sok forráshoz fordulhat a felhasználói adatokkal kapcsolatban, az egyik legnyilvánvalóbb a webhely vagy a mobil alkalmazás elemzése. Az Analytics értékes betekintést nyújt arra, amit a felhasználók tesznek az Ön webhelyén vagy alkalmazásában, és ezek az adatok segítenek abban, hogy kényszerítő eseteket készítsen.

Storyboards (jelenlegi)

A forgatókönyvek olyan illusztrációk, amelyek képeket ábrázolnak és végül egy történetet képviselnek. Az UX-ban ez a történet olyan műveletsor, amelyet a felhasználók a termék használata közben megtesznek. A forgatókönyvek segítik a tervezőket abban, hogy tiszteletben tartsák az emberek valódi tapasztalatait, akiket terveznek.

A mosolyok és a szomorúság kifejezése az emberi arcokon erős érzelmi hatást gyakorolnak. Ez lehetővé teszi, hogy a történetet életre keltsék a közönség szívében és fejében. Kép: Chelsea Hostetter

Tipp: A storyboarding-ra gondolva a legtöbb ember a rajzolási képességére (vagy képtelenségére) összpontosít. A jó hír az, hogy nem kell jól rajzolnia, mielőtt elkezdi a forgatókönyvek rajzolását. Sokkal fontosabb az a tényleges történet, amelyet el akar mondani. Az információk egyértelmű továbbítása kulcsfontosságú.

Felmérés

A felmérés gyors és olcsó módszer a felhasználói elégedettség mértékének mérésére és a termékkel kapcsolatos visszajelzések gyűjtésére. Noha a felmérés nagyszerű módja annak, hogy nagyszámú felhasználótól információkat gyűjtsön, nyilvánvaló korlátozása a kvalitatív betekintés hiánya - például miért használják az ügyfelek a terméket bizonyos módon.

Tipp: Röviden tartsa a felmérést. A felmérés létrehozása során a kísértés az, hogy további kérdéseket tegyen fel. A probléma az, hogy fájdalmasan hosszú lehet, és az emberek egyszerűen kihagyják a kérdéseket. Ha több értékes információt szeretne gyűjteni, akkor jobb megközelítést kell alkalmaznia. Tartsa a felmérést tömörnek, és futtasson egy-két hónap alatt.

Információs architektúra

Az információ-építészet annak a gyakorlatnak a eldöntése, hogyan lehet valami részét megérteni, hogy érthető legyen. A digitális termékeknél az információs architektúra navigáció, helytérképek, taxonómiák és drótvázak létrehozását eredményezi.

Kép: Murray Thompson, UX Booth

Webhelytérkép

A webhelytérkép egy weboldal oldalainak diagramja, hierarchikusan elrendezve. Ez megkönnyíti a weboldal alapvető felépítésének és navigációjának megjelenítését.

Oldaltérkép példa: Behance

Tipp: Ha gyorsan és egyszerűen el szeretné hozni a webhelytérképet, akkor használja a kártya-rendezési módszert.

taxonómia

A taxonómia a tartalom és az adatok kategorizálásának többféle módjának felfedezéséből származik: hírportál cikkei, e-kereskedelmi alkalmazás termékkategóriái stb. A taxonómia segít a tervezőknek meghatározni a felhasználói és az üzleti célokat támogató tartalmi struktúrát. .

Kép: Christian Ricci

Tipp: A taxonómia élő dokumentum, amelyet újra kell tesztelni és rendszeresen frissíteni.

Drótkeret

A drótváz egy vizuális útmutató, amely képviseli az oldal szerkezetét, hierarchiáját és kulcsfontosságú elemeit. A drótvázak akkor hasznosak, amikor az UX tervezőinek ötleteket kell megbeszélniük a csapat tagjaival és az érdekelt felekkel, és segíteniük kell a vizuális tervezők és fejlesztők munkáját.

A drótvázak vázlatok formájában is bemutathatók:

A vázlatkészítés gyors módja egy ötlet megjelenítésének (például egy új felülettervezés). Kép: Nicholas Swanson

A drótvázak digitális illusztrációként is bemutathatók:

Példa drótvázra egy mobilalkalmazás számára. Töltse le az Adobe XD-hez épített vezetékeket, két ingyenes drótváz UX-készletet a mobilhoz és az internethez.

Tipp: Tartsa a drótvázkereteket egyszerűen és jelölje meg. A drótváz célja az oldal tervezésének felépítése - a részletek később érkeznek. Ha azt tervezi, hogy drótvázot mutat be a csapatnak, akkor próbáljon megjegyzéseket felvenni. A kommentárok elősegítik a kontextus létrehozását és a legfontosabb ötletek gyors megvalósítását.

Interakció tervezés

Az interaktív tervezés (gyakran IxD rövidítve) az interaktív digitális termékek tervezésének gyakorlata. Ez egy folyamat, amelynek során a tervezők vonzó felhasználói felületeket hoznak létre logikai és átgondolt viselkedésekkel és tevékenységekkel.

Storyboards (tervezett)

Alapvetően ez ugyanaz a forgatókönyv, amelyet a felhasználói kutatásokról szóló szakaszban láttunk, csak egyetlen különbséggel: Ezeket a forgatókönyveket tervezési megoldások eladására használják. A tervezők ezeket felhasználják a javasolt megoldás előnyeinek bemutatására és az érdekelt felek meggyőzésére.

Kép: digiflip

Tipp: Tervezze meg a világos eredményt. Ügyeljen arra, hogy a forgatókönyv hagyja a közönséget kétség nélkül a történet kimenetelével kapcsolatban. Ha kedvezőtlen helyzetet ír le, akkor fejezze be a probléma teljes súlyával; ha egy megoldást mutat be, zárja be annak megoldása előnyeit a karakteréhez.

Felhasználói folyamatábra

A felhasználói folyamatábra a felhasználó által a termékben elvégzendő feladatok elvégzésére irányuló tevékenységeinek vizuális ábrázolása. A megjelenített felhasználói folyamat könnyebben azonosítja, mely lépéseket kell továbbfejleszteni vagy újratervezni.

A felhasználói folyamat segít létrehozni az alkalmazás vagy webhely minden oldalának közös megértését. Kép: Behance

Tipp: Az aktív tervezési szakaszban lévő sok projektnél a felhasználói folyamatok létrehozása időigényes lehet, mivel a rajzok a képernyők változásakor azonnal elavulttá válnak. A Basecampból származó Ryan a felhasználói folyamatok egyszerűsített változatát javasolja. Ez a formátum nagyon gyorsan felvázolható, és közli a szükséges események lényegét.

Prototípus

Nagyon sok ember használja a „drótváz” és a „prototípus” kifejezéseket felcserélhetően, de a két tervezési eredmény között jelentős különbség van: Különben néznek ki, különböző dolgokat kommunikálnak és különböző célokat szolgálnak. Míg a drótvázak hasonlóak az építészeti tervrajzokhoz (például egy építési terv), a prototípus a végtermék közép- és nagy hűségű ábrázolását jelenti. A prototípus célja a termékek (vagy termékötletek) tesztelése, mielőtt sok időt és pénzt fektetne a végtermékbe.

A prototípus megkóstolja, hogy a felhasználó hogyan működik együtt a termékkel. Analóg lehet:

Alacsony pontosságú analóg prototípus Kép: UX Playground

Vagy lehet digitális:

Nagyteljesítményű interaktív prototípus, létrehozva az Adobe XD-ben és tükrözve egy iPhone-on

A legfontosabb dolog az, hogy a prototípusnak lehetővé kell tennie a felhasználó számára a tartalom megtapasztalását és a fő interakcióinak a felülettel való tesztelését, hasonlóan ahhoz, mint a végtermékkel.

Tipp: Tesztelje a prototípusokat valódi eszközökön, amennyire csak lehetséges. Noha az asztalon lévő emulátor bizonyos esetekben működhet, semmi sem helyettesíti a valódi eszközön tapasztalt mintákat.

Következtetés

Valószínűleg meglepő lesz a cikkben említett teljesítések száma. Biztos lehet benne, hogy minden projekt különbözik, és az UX tervezőjének nem kell mindegyiket elkészítenie minden projekthez. Ne felejtse el azt sem, hogy nincs egyetlen mindenki számára elérhető, minden projektekre egyformán hatékony termék. Mindegyik eredményes kommunikációs eszköz lesz a megfelelő környezetben és a megfelelő közönséggel.

Nick Babich fejlesztő, tech rajongó és UX szerető. Az elmúlt 10 évben a szoftveriparban dolgozott, különös tekintettel a fejlesztésre. Számtalan érdeklődési körébe tartozik a reklám, a pszichológia és a mozi.

Eredetileg a blogs.adobe.com címen tették közzé.

Tudjon meg többet az Adobe XD-ről, a sokoldalú tervezési és prototípuskészítő eszközről:

  • Töltse le az Adobe XD-t
  • Adobe XD Twitter-fiók - a #adobexd segítségével is beszélgethetsz a csapattal!
  • Adobe XD UserVoice ötletek adatbázisa
  • Adobe XD fórum