Ehitusploki disain: UXersi modulaarne kujundusstrateegia

Artikkel, mis aitab UX vaatenurgast täita modulaarsete disainimudelite lünki.

Alustan looga

Kui vihkate lugusid, peaksite selle osa vahele jätma. See puudutab UX-i disainerit, kellele tehti ülesandeks võita oma organisatsiooni moodulkujundusstrateegia. Tal on lühikesed pruunid juuksed ja sinised silmad. Kui te ei ole praeguseks aimanud, siis see UX-i disainer olen mina.

Umbes kaheksa kuud tagasi kogunes meie meeskond modulaarsele disainistrateegiale, mida nimetatakse objektorienteeritud UX (OOUX). Erinevalt teistest laiaulatuslikest moodulsüsteemidest palub OOUX teil keskenduda põhisisu tüüpide modulatsioonile - mida OOUX nimetab objektideks - ja uurida põhjalikult, kuidas need objektid üksteisega seostuvad. See protsess aitab disainimeeskonnal paljastada kontekstipõhise navigeerimise olemuslikke juhtumeid ja liikuda järjepidevate kasutajaliidese moodulite poole.

Noh ... see sobib suurepäraselt teabearhitektuuride ja mustriteetide kujundamiseks, kuid kuidas oleks kogemuste kujundamisega. Lõppude lõpuks on oma sisu mobiliseerimine vaid pool võitlust. Kui kavatsete olla UX eesliinil, peate küsima, miks ja kuidas.

Miks ja kuidas

Võib-olla ütlete endale: „Ärge öelge mulle, miks ja kuidas! Olen UX-i teadlane, dang nabbit! Ma söön miks ja kuidas hommikusöögiks. ”Nii et las ma selgitan.

Ma ei räägi funktsioonitasandi strateegiast. Ma ei räägi protsessivoogudest, juhtraamidest ja prototüüpidest. Ma räägin rakendustasandi strateegiast. Teate, mida peaksime alati tegema, kuid millegipärast pole kunagi aega? Ja ma räägin sellest, et see muutub lahutamatuks osaks meie lähenemisviisis meie teistele strateegiatele, näiteks moodulkujundusele.

Veidi konteksti andmiseks räägime näitest. Oletame, et me kavandame tutvumisrakendust, mille üheks põhiliseks sisuks on profiil. Moodulkujunduse puhul küsiksime: „kus see sisu UI-s võidakse kuvada?“ - ja vastuse põhjal kavandaksime iga sellise stsenaariumi jaoks moodulid. Võib-olla kavandaksime profiili, mida saaks kuvada loendis, või profiili, mis võtab vastu kogu kuva. Infoarhitektuur. Mustrid. Kontrollige, kontrollige.

Profiili stiil

Kuid nüüd, kui oleme otsustanud, mis juhtub, kui paratamatult mõistame, et peame mõtlema, miks keegi soovib konkreetset profiili näha? Ja kuidas see profiil selle inimese jaoks ilmub? Kas rakendame neid strateegiaid pärast fakti ja loodame, et miski ei purune?

Loodan, et raputad seal pead, sest vastus on kõlav ei.

Selle asemel, et esmalt oma moodulite kujundamisel hüpata, peaksime üles ehitama strateegilise raamistiku, mis aitab meie disainipüüdlusi iga nurga alt suunata. Meie sisu - kasutajaliideses ilmuva sisu - määratlemise asemel peaksime kõigepealt määratlema, kuidas ja miks see sisu seda sisu toetab. Seda nimetatakse ehitusplokkide kujundamiseks.

Sisestage ehitusploki kujundus

Selle asemel, et paluda teil, nagu teistelgi mudelitel, kõigepealt mõelda oma moodulite sisule, palub ehitusplokkide disain keskenduda selle sisu taga olevale strateegiale.

Ehitusplokkide kujundamisel laske strateegial kujundada raamistik; mitte vastupidi.

Alles pärast seda, kui olete määratlenud oma põhilised UX-strateegiad - raam, mis hoiab teie sisu üleval - saate hakata kavandama, kuidas see sisu liideses esitatakse. Põhisisu strateegia „suure pildi” strateegia on teie alustala. Koos määratlevad teie ehitusplokid teie toote UX-i.

Ehitusplokkide disain on UXersi jaoks modulaarne disain.

Ehituse ploki anatoomia

Sisulise ja struktureeritud sisu loomise lähenemisviisi paremaks mõistmiseks naaseme tutvumisrakenduse näite juurde. Nüüd, kui olen oma rakenduses - profiilis - tuvastanud mõne põhisisu, on aeg minna läbi ja selgitada välja, millised strateegiad võiksid selle ploki kujundamist mõjutada. Uurides teiste strateegiliste algatuste ja meie sisu vahelist suhet, suudame kriitilisemalt mõelda, kuidas läheneda selle teabe kujundamisele ja edastamisele.

Profiiliploki anatoomia on hakanud kuju võtma.

Rakendustaseme strateegiate vaheliste suhete uurimisel on kõige parem alustada kõrgel tasemel ja teha oma teed. Näiteks kui ma määratleksin isikud oma strateegia põhikomponendina, võiksin seda strateegiat veelgi lagundada, tuvastades:

  • konkreetsed isikud, kes on profiilidega seotud;
  • kus rakenduses nad selle sisuga suhtlevad;
  • nende kasutamise kontekst;
  • põhiprotseduurid, mida nad profiilidel võtavad;
  • ja kui sageli nad sellele sisule pääsevad.

See võib välja näha umbes selline:

Isiku-profiili suhe pakub rohkem konteksti minu profiiliploki näo väljanägemise ja väljanägemise järgi.

Kui ma olen natuke rohkem konteksti andnud, miks see sisu on konkreetset tüüpi kasutaja jaoks väärtuslik, võin hakata kriitilisemalt mõtlema, milliseid toiminguid tuleb tähtsustada, kuidas moodul tuleks üles ehitada, et edendada isiksuspetsiifilisi käitumisharjumusi, ja kus kogemuste kohaselt tuleb seda sisu edastada.

See tehnika võimaldab disaineritel keskenduda olulistele asjadele ja mitte haakuda visuaalse atraktiivsuse, interaktsiooni võrgutamise ja muude liidese disainimustritega, mis näevad head välja, kuid ei toeta kasutaja tegelikku käitumist.

Kui kordan seda ülesannet teise strateegilise algatuse mõttes, saadakse täiendavaid teadmisi. Sõltuvalt teie strateegiliste algatuste arvust ja keerukusest võib see muutuda kiiresti ajamahukaks protsessiks. Soovitan alustada mitte rohkem kui kahe strateegiaga.

Nii et teil see on. Näide, kuidas ehitusplokkide kujundamisega jalad märjaks saada. Kui arvate, et see oleks kasulik teie disainimeeskonnale, lugege allpool olevast kiirjuhendist mõnda täiendavat näpunäidet. Ja muidugi tahaksin väga kuulda teie mõtteid kõigi moodulitega seotud asjade kohta. Lisage oma kommentaarid allpool või võtke ühendust LinkedIniga.

Lühike juhend

Olen avastanud, et paljud seal olevad moodulkujundusmudelid annavad oma lugejatele vaeva, et anda neile ülesandeid, nii et lubage mul pakkuda seda väärtuslikku teavet:

1. samm: strateegia inventuur.

Me teeme sisu ja komponentide inventuure, miks mitte strateegia strateegia inventuur? Tehke nimekiri kõigist teie rakendustaseme strateegiatest. Näited hõlmavad: persoone, andmeid, kasutuskonteksti ja inimkeskkonna kujundamist, reageerimisvõimet jne. See on hea võimalus teha paus ja küsida “kas meil on rakenduse jaoks olemas kindel strateegia?” Kui vastus on eitav, on aeg tööle saada.

Teha: rallimeeskonna liikmed loovad iseseisvalt oma strateegialoendid.

2. samm: määratlege oma põhisisu.

See on asi, mille abil kasutajad teie rakenduses toiminguid teevad. Selle välja mõtlemiseks blokeerige mõni aeg oma meeskonnaga ajurünnakuks. Esitage endale sellised küsimused nagu: „mida minu kasutajad otsivad? Vaadata? Laadige alla? ”Kui olete tuumasisu kindlaks teinud, kirjutage see paberitükile ja riputage seinale.

Teha: korraldage oma meeskonnaga esialgne ajurünnak.

3. samm: määratlege, kuidas ja miks.

Nüüd, kui olete oma rakendustaseme strateegiad ja põhisisu kindlaks teinud, on aeg need kaks kokku viia! Naaske oma ajurünnaku ruumi järelkonverentsiks ja veenduge, et teie meeskond toob oma strateegialoendid. Protsessi selle osa jaoks laske oma meeskonna paigutamise strateegiale lisada märkused põhisisu kohta, kui see strateegia võib mõju avaldada.

Teha: korraldage oma meeskonnaga järelsündmus.

4. samm: ehitusploki anatoomia.

On aeg jagada ja vallutada. Määrake meeskonnaliikmetele peotäis põhilisi sisutüüpe - või ehitusplokke - ja laske neil selle sisu anatoomiat korrata.

Teha: määrake igale meeskonna liikmele mitu sisutüüpi. Meeskonna liige peaks määratlema selle sisu anatoomia.

5. samm: joondage, joondage, joondage

Viimase sammuna saate kokku viia jõugu tagasihoidliku esitluse vormis, kus iga meeskonna liige tutvustab oma ehitusplokkide anatoomiat. Säästke lõpus aega küsimuste, joondamise ja otsuste tegemiseks järgmiste sammude kohta iga ehitusploki üksikute strateegiliste komponentide juhtimiseks.

Toimingud: kavandage meeskonnaliikmetele aeg oma ehitusploki anatoomia tutvustamiseks.

Selle artikli on teile toonud RUXERS. RUXERS on tegelike kasutajakogemuste liidrite kogukond, kes jagab ja arutab uusimaid lahendusi disaini, kasutajakogemuse, kasutatavuse ja uuringute osas. Oleme Twitteris - liituge meiega!