Zasnova gradbenih blokov: modularna strategija oblikovanja za UXers

Članek, ki pomaga zapolniti vrzeli modularnih modelov oblikovanja z vidika UX.

Začel bom z zgodbo

Če sovražite zgodbe, ta del preskočite. Gre za oblikovalca UX, ki je bil zadolžen za oblikovanje strategije modularne zasnove svoje organizacije. Ima kratke rjave lase in modre oči. Če do zdaj še niste uganili, sem jaz UX oblikovalec.

Pred približno osmimi meseci se je naša ekipa udeležila modularne strategije oblikovanja, imenovane objektno usmerjeni UX (OOUX). Za razliko od drugih široko razširjenih modularnih sistemov vas OOUX prosi, da se osredotočite na modularizacijo svojih glavnih vsebinskih vrst - kar OOUX imenuje predmete - in si natančno oglejte, kako se ti predmeti nanašajo drug na drugega. Ta postopek pomaga oblikovalski skupini izpostaviti prirojene primere kontekstne navigacije in se potruditi k doslednim modulom uporabniškega vmesnika.

No ... to je super za oblikovanje informacijskih arhitektur in knjižnic vzorcev, kaj pa oblikovanje izkušenj. Konec koncev je mobilizacija vsebine le polovica bitke. Če se boste znašli v UX-u, se morate vprašati, zakaj in kako.

Zakaj in kako

Mogoče bi si rekli: "Ne govori mi, zakaj in kako! Jaz sem UX raziskovalec! Jedem, zakaj in kako za zajtrk. "Torej, naj razložim.

Ne govorim o strategiji na ravni funkcij. Ne govorim o potekih procesov, žičnih okvirih in prototipih. Govorim o strategiji na ravni aplikacij. Veste, stvar, za katero bi morali vedno delati, ampak nekako nikoli nimamo časa? In govorim o tem, da bo to sestavni del našega pristopa do naših drugih strategij, kot je modularno oblikovanje.

Da bi vam dali malo več konteksta, pojdimo skozi primer. Recimo, da oblikujemo aplikacijo za zmenke, kjer je eden glavnih delov vsebine profil. Z modularnim dizajnom bi vprašali: "kje se lahko ta vsebina prikaže v uporabniškem vmesniku?" - in na podlagi našega odgovora bi oblikovali module za vsak od teh scenarijev. Mogoče bi oblikovali profil, ki se lahko prikaže na seznamu ali profil, ki zavzame celoten zaslon. Informacijska arhitektura. Vzorci. Preveri, preveri.

Profil

Toda zdaj, ko smo se odločili, kaj, kaj se zgodi, ko neizogibno spoznamo, da moramo razmišljati o tem, zakaj si nekdo želi videti določen profil? In kako bi ta profil izgledal za to osebo? Ali te strategije izvajamo po dejstvu in upamo, da se nič ne zlomi?

Upam, da tam stresete glave, saj je odgovor odmeven ne.

Namesto da bi pri načrtovanju modulov najprej skočili z glavo, bi morali zgraditi strateški okvir, ki nam lahko pomaga pri usmerjanju naših prizadevanj pri oblikovanju iz vseh zornih kotov. Namesto da bi opredelili obraz naše vsebine - stvari, ki se pojavljajo v uporabniškem vmesniku - bi morali začeti z določitvijo, kako in zakaj ta vsebina podpira. Temu pravimo oblikovanje gradbenih blokov.

Vnesite zasnovo stavbnega bloka

Namesto da bi od vas zahtevali, da najprej pomislite na vsebino svojih modulov, kot pri drugih modelih, vas gradbeni blok zahteva, da se namesto tega osredotočite na strategijo za to vsebino.

Pri načrtovanju gradbenih blokov naj strategija omogoči oblikovanje; ne obratno.

Šele potem, ko ste opredelili svoje glavne strategije UX - okvir, ki vsebuje vašo vsebino -, lahko začnete oblikovati, kako bo ta vsebina predstavljena v vmesniku. Strategija "velike slike" za vsak del osnovne vsebine je vaš gradnik. Skupaj vaši gradniki določajo UX vašega izdelka.

Zasnova gradbenih blokov je modularna zasnova za UXers.

Anatomija gradnika

Če želite bolje razumeti ta pristop k ustvarjanju smiselne, strukturirane vsebine, se vrnimo na primer aplikacije za zmenke. Zdaj, ko sem v svoji aplikaciji določil delček osrednje vsebine - profil - je čas, da preučimo in ugotovimo, katere strategije bi lahko vplivale na oblikovanje tega bloka. Z raziskovanjem odnosa med drugimi strateškimi pobudami in našo vsebino lahko bolj kritično razmišljamo o tem, kako pristopimo k oblikovanju in dostavi teh informacij.

Anatomija profilnega bloka se začne oblikovati.

Pri raziskovanju odnosov med strategijami na ravni aplikacij je najbolje začeti na visoki ravni in se usmeriti navzdol. Na primer, če bi opredelil persone kot glavno sestavino svoje strategije, jo lahko razčlenim še naprej tako, da identificiram:

  • posebne osebe, ki se ukvarjajo s profili;
  • kjer v aplikaciji komunicirajo s to vsebino;
  • njihov kontekst uporabe;
  • temeljne ukrepe, ki jih izvajajo na profilih;
  • in kako pogosto dostopajo do te vsebine.

To bi lahko izgledalo nekako takole:

Razmerje persona-profil ponuja več konteksta za videz obraza mojega bloka profilov.

Ko bom dodal malo več konteksta, zakaj je ta vsebina dragocena za določeno vrsto uporabnikov, lahko začnem bolj kritično razmišljati o tem, kakšnim dejanjem je treba dati prednost, kako naj bo modul strukturiran tako, da bo spodbujal vzorce vedenja, specifične za posameznike, in kje po izkušnjah je treba to vsebino dostaviti.

Ta tehnika omogoča oblikovalcem, da se osredotočijo na stvari, ki so pomembne, in se ne ujamejo v vizualno privlačnost, zapeljevanje interakcij in druge vzorce oblikovanja vmesnikov, ki so videti dobro, vendar ne podpirajo dejanskega vedenja uporabnikov.

Če to vajo ponovim v smislu druge strateške pobude, bomo pridobili dodatna spoznanja. Glede na število in zapletenost strateških pobud, ki jih imate, lahko to hitro postane dolgotrajen proces. Priporočam, da začnete z največ dvema strategijama.

Torej, tam ga imate. Primer, kako se z zasnovo gradbenih blokov zmoči stopala. Če menite, da bi bila to koristna vadba za vašo oblikovalsko ekipo, si oglejte spodnji vodnik za hitri začetek za nekaj dodatnih nasvetov. In seveda bi rad slišal vaše misli o vseh modulariziranih stvareh. Spodaj dodajte svoje komentarje ali se pozanimajte na LinkedInu.

Hitri vodnik za začetek

Ugotovil sem, da številni modeli modularnega oblikovanja tam bralcem ne dajejo nobenih opravil, zato naj še enkrat predložim dragocen podatek:

1. korak: strateški seznam.

Izdelujemo zaloge vsebin in komponent, zakaj ne bi strateški popis? Sestavite seznam vseh strategij na ravni aplikacije, ki jih imate. Primeri vključujejo: Osebje, podatke, kontekst uporabe in oblikovanje človeškega okolja, odzivnost itd. To je dobra priložnost, da se ustavite in vprašate: »Ali imamo vzpostavljeno trdno strategijo za svojo prijavo?« Če je odgovor ne, je čas priti v službo.

Opraviti: Člani skupin za samostojno ustvarjanje lastnih zalog strategij.

2. korak: Določite svojo osnovno vsebino.

To so stvari, ki jih vaši uporabniki izvajajo v svoji aplikaciji. Če želite to ugotoviti, si s svojo ekipo odložite nekaj časa za možganski trening. Vprašajte si vprašanja, kot so: »kaj moji uporabniki iščejo? Pogled? Prenos? "Ko identificirate košček osrednje vsebine, ga napišite na papir in obesite na steno.

Če želite: Opravite začetno sejo o možganski nevihti s svojo ekipo.

3. korak: Določite, kako in zakaj.

Zdaj, ko ste opredelili svoje strategije na ravni aplikacije in osnovno vsebino, je čas, da to združite! Vrnite se v sobo za razmišljanje o možganih in pojdite na nadaljnji sestanek ter poskrbite, da bo vaša ekipa prinesla svoje zaloge strategij. V tem delu postopka naj bo strategija vašega skupnega mesta objavljena na kateri koli osnovni vsebini, kjer lahko ta strategija vpliva.

Opraviti: S svojo ekipo opravite nadaljnjo sejo o možganski nevihti.

4. korak: Anatomija gradnika.

Čas je, da se ločite in osvojite. Članom skupine dodelite nekaj glavnih vrst vsebine - ali gradnikov - in jih ponovijte glede anatomije te vsebine.

Če želite: Vsakemu članu skupine dodelite več vrst vsebine. Ta član skupine mora določiti anatomijo te vsebine.

5. korak: Poravnajte, poravnajte, poravnajte

Kot zadnji korak, združite tolpe skupaj v obliki predstavitve s ključnimi besedami, kjer vsak član ekipe predstavi anatomijo svojih gradnikov. Na koncu prihranite čas za vprašanja, poravnavo in odločitve o naslednjih korakih za vodenje posameznih strateških komponent vsakega gradnika.

Opraviti: Načrtujte si čas, da člani skupine predstavijo anatomijo gradnikov.

Ta članek vam prinese RUXERS. RUXERS je skupnost voditeljev resnične uporabniške izkušnje, ki delijo in razpravljajo o najnovejših na področju oblikovanja, uporabniške izkušnje, uporabnosti in raziskav. Na Twitterju smo - pridružite se nam!