Építőelemek tervezése: moduláris tervezési stratégia az UXers számára

Egy cikk, amely segít a moduláris tervezési modellek hiányosságainak kitöltésében UX szempontból.

Egy történetet fogok kezdeni

Ha utálsz történeteket, akkor hagyd ki ezt a részt. Ez egy UX tervezőről szól, akinek a feladata volt a moduláris tervezési stratégia támogatása szervezete számára. Rövid barna haja és kék szeme van. Ha eddig nem gondoltál rá, akkor az UX tervező vagyok én.

Körülbelül nyolc hónappal ezelőtt csapatunk egy objektív-orientált UX (OOUX) moduláris tervezési stratégiát gyűjtött össze. Más széles átfogó moduláris rendszerekkel ellentétben az OOUX arra kéri, hogy összpontosítson az alapvető tartalomtípusok modulálására - amit az OOUX objektumoknak hív - és mélységesen vizsgálja meg, hogy ezek az objektumok hogyan kapcsolódnak egymáshoz. Ez a folyamat segít a tervező csapatnak feltárni a kontextusbeli navigáció rejlő példányait és a következetes felhasználói felület moduljai felé tolni.

Nos ... ez nagyszerű információs architektúrák és mintakönyvtárak tervezéséhez, de mi lenne a tapasztalatok tervezésével? Végül is a tartalom mobilizálása csak a harc fele. Ha az UX első vonalán állsz, akkor fel kell kérdezni, hogy miért és hogyan.

Miért és hogyan

Lehet, hogy azt mondja magának: „Ne mondj nekem miért és hogyan! UX kutató vagyok, dang nabbit! Eszem, miért és hogyan reggelire. ”Tehát hadd magyarázzam el.

Nem a stratégiaról beszélek a szolgáltatás szintjén. Nem beszélek a folyamatokról, drótvázokról és prototípusokról. Az alkalmazásszintű stratégiáról beszélek. Tudod, a dolog, amit mindig meg kell tennünk, de valahogy soha nincs ideje? És arról beszélek, hogy ez a szerves részét képezi a többi stratégiánk, például a moduláris kialakítás megközelítésének.

Hogy egy kicsit több összefüggést kapjunk, beszéljünk egy példán keresztül. Tegyük fel, hogy egy társkereső alkalmazást tervezünk, ahol az egyik legfontosabb tartalom egy profil. A moduláris tervezésnél azt kérdeznénk: „hol jelenhet meg ez a tartalom az felhasználói felületen?” - és a válaszunk alapján modulokat készítünk mindegyik forgatókönyvhöz. Talán olyan profilt tervezünk, amelyet megjeleníthetünk egy listában, vagy egy profilt, amely a teljes kijelzőt felveszi. Információs architektúra. Mintákat. Ellenőrizze, ellenőrizze.

A profil „ez” és „ez” stílusa

De most, hogy mi a döntés, mi történik, amikor elkerülhetetlenül rájönünk, hogy gondolkodnunk kell azon, hogy miért akar valaki egy adott profilt látni? És hogyan fog megjelenni ez a profil az egyén számára? Végrehajtjuk-e ezeket a stratégiákat a tény után, és reméljük, hogy semmi sem szakad meg?

Remélem, megrázza a fejét, mert a válasz hangos nem.

Ahelyett, hogy először ugrálnánk a moduljaink tervezéséhez, stratégiai keretet kell felépíteni, amely minden szempontból hozzájárulhat a tervezési erőfeszítéseinkhez. Ahelyett, hogy meghatároznánk a tartalom arcát - a felhasználói felületen megjelenő dolgokat -, meg kell kezdenünk annak meghatározásával, hogy hogyan és miért támogatják ezt a tartalmat. Ezt építkezési tervnek nevezzük.

Írja be az építőelemet

Ahelyett, hogy arra kért volna, hogy gondoljon először a modulok tartalmára, a többi modellhez hasonlóan, az építőelemek kialakítása arra kér, hogy összpontosítson az adott tartalom mögött álló stratégiára.

Az építőelemek tervezésében hagyja, hogy a stratégia biztosítsa a tervezés keretét; nem fordítva.

Csak miután meghatározta az alapvető UX-stratégiákat - a keretet, amely feltartja a tartalmát -, elkezdheti megtervezni, hogy a tartalom hogyan jelenjen meg az interfészen. Az alapvető tartalmak egyes részeinek „nagy kép” stratégiája az építőeleme. Az építőelemek együtt határozzák meg a termék UX-jét.

Az építőelemek tervezése az UXers moduláris kialakítása.

Építőelem anatómia

Az értelmes, strukturált tartalom létrehozásának ezen megközelítésének jobb megértése érdekében térjünk vissza a társkereső alkalmazás példájához. Most, hogy azonosítottam egy alapvető tartalmat az alkalmazásomban - egy profilt -, itt az ideje átmenni és meghatározni, hogy milyen stratégiák befolyásolhatják ennek a blokknak a kialakítását. A más stratégiai kezdeményezések és a tartalom közötti kapcsolat feltárásával kritikusabban gondolkodhatunk azon, hogyan közelítjük meg ezen információk kialakítását és átadását.

A profilblokk anatómiája kezd kialakulni.

Az alkalmazásszintű stratégiák közötti kapcsolatok feltárásakor a legjobb, ha magasabb szintről indul, és lefelé dolgozik. Például, ha a személyeket azonosítom stratégia fő alkotóelemeként, akkor tovább bonthatom ezt a stratégiát azáltal, hogy azonosítom:

  • a profilokkal érintkező konkrét személyek;
  • ahol az alkalmazásban kölcsönhatásba lépnek ezzel a tartalommal;
  • a felhasználás összefüggései;
  • azok a főbb tevékenységek, amelyeket a profilokon vesznek;
  • és hogy milyen gyakran férnek hozzá ehhez a tartalomhoz.

Úgy néz ki, mint ez:

A személyiség-profil kapcsolat több összefüggést ad a profilblokkom arcának kinézetéhez és érzéséhez.

Miután egy kicsit több összefüggést adtam azzal, hogy miért értékes ez a tartalom egy adott típusú felhasználó számára, kritikusabban gondolkodhatok azon, hogy milyen tevékenységeket kell prioritássá tenni, hogyan kell felépíteni a modult a személyiség-specifikus viselkedési minták előmozdításához, és ahol a tapasztalatok szerint ezt a tartalmat kell továbbítani.

Ez a technika lehetővé teszi a tervezőknek, hogy a fontos dolgokra összpontosítsanak, és ne kerüljenek bele a vizuális vonzerőbe, az interakció elcsábításába és más olyan interfész-tervezési mintákba, amelyek jól néznek ki, de nem támogatják a felhasználói tényleges viselkedést.

Ha megismétlem ezt a gyakorlatot egy második stratégiai kezdeményezés szempontjából, további betekintést nyerünk. A meglévő stratégiai kezdeményezések számától és összetettségétől függően ez gyorsan időigényes folyamattá válhat. Javaslom, hogy ne kezdje el legfeljebb két stratégiát.

Szóval megvan. Példa arra, hogyan lehet nedvesíteni a lábad az építőelemek kialakításával. Ha úgy gondolja, hogy ez hasznos feladat lehet a tervező csapat számára, olvassa el az alábbi Gyors üzembe helyezési útmutatót, ahol további tippeket talál. És természetesen nagyon szeretném hallani a gondolatait mindazokról, amelyek moduláltak. Adja hozzá észrevételeit az alábbiakhoz, vagy keresse fel a LinkedIn oldalt.

Gyors üzembe helyezési útmutató

Megállapítottam, hogy sok ott található moduláris formatervezési modell elveszíti az olvasó számára az átadhatóságot az alkalmazhatóság érdekében, ezért hadd tegyék rá, hogy átadjam ezt az értékes információt:

1. lépés: Stratégiai leltár.

Mi készítünk tartalmi és komponens leltárokat, akkor miért nem egy stratégiai leltár? Készítsen egy listát az összes alkalmazott szintű stratégiáról. Példák: személyek, adatok, a felhasználás és az emberi környezet kialakítása, reagálás, stb. Ez egy jó alkalom arra, hogy szüneteltessük és megkérdezzük: „Van-e szilárd stratégiánk alkalmazásunkhoz?” Ha a válasz nem, akkor itt az ideje munkába menni.

Teendő: A rally team tagjai önállóan készíthetik el saját stratégiai leltárukat.

2. lépés: Határozza meg az alapvető tartalmat.

Ez az a cucc, amellyel a felhasználók fellépnek az alkalmazásban. Ennek kitalálásához zárjon le egy kis időt egy ötletbörze számára a csapattal. Tegye fel magának olyan kérdéseket, mint: „Mit keresnek a felhasználók? Kilátás? Letöltés? ”Miután azonosította a magtartalom darabját, írja rá egy darab papírra, és tegye a falra.

Teendő: Tartsa meg a kezdeti ötletbörze munkamenetét a csapatával.

3. lépés: Határozza meg a módját és miért.

Most, hogy azonosította az alkalmazásszintű stratégiákat és az alapvető tartalmat, ideje összehozni ezeket a kettőt! Térjen vissza az ötletgyűjtő helyiségbe egy utómegbeszélésre, és ellenőrizze, hogy csapata elhozta-e stratégiai leltárunkat. A folyamat e részére kérje meg a csapata stratégia utáni jegyzetét minden olyan alapvető tartalomról, amelyre ez a stratégia hatással lehet.

Teendő: Tartson nyomon követési ötletbörze-részt a csapatával.

4. lépés: Egy építőelem anatómiája.

Ideje megosztani és meghódítani. Jelöljön ki egy csoporttagot egy maroknyi alapvető tartalomtípust - vagy építőelemeket -, és kérje meg őket, hogy iterálják a tartalom anatómiáját.

Teendő: Minden csapattagot különféle típusú tartalmakkal rendelje el. A csapat tagjának meg kell határoznia a tartalom anatómiáját.

5. lépés: igazítás, igazítás, igazítás

Végül lépjen össze a banda visszafogott prezentáció formájában, ahol minden csapat tagja bemutatja építőkövei anatómiáját. Takarítson meg időt a végén a kérdésekre, az igazításra és az egyes építőelemek egyedi stratégiai alkotóelemeinek meghajtására vonatkozó következő lépésekre vonatkozóan.

Teendő: Ütemezze be a csapat tagjai számára az építőköri anatómia bemutatásának idejét.

Ezt a cikket a RUXERS hozta neked. A RUXERS egy valódi felhasználói élményt képviselő közösség, amely megosztja és megvitatja a legújabb tervezést, felhasználói élményt, használhatóságot és kutatást. A Twitteren vagyunk - csatlakozz hozzánk!