Dizajn građevinskog bloka: modularna strategija dizajna za UXers

Članak koji pomaže u popunjavanju praznina modularnih dizajnerskih modela iz UX perspektive.

Počet ću s pričom

Ako mrzite priče, trebali biste preskočiti ovaj dio. Riječ je o UX dizajneru koji je imao zadatak da zagovara modularnu strategiju dizajna za svoju organizaciju. Ima kratku smeđu kosu i plave oči. Ako do sad niste pogodili, ja sam taj UX dizajner.

Prije otprilike osam mjeseci, naš se tim oslanjao na modularnu strategiju dizajna nazvanu objektno orijentirani UX (OOUX). Za razliku od drugih širokobudućih modularnih sustava, OOUX od vas traži da se usredotočite na modularizaciju osnovnih vrsta sadržaja - što OOUX naziva objektima - i oštro pogledate kako se ti objekti međusobno odnose. Ovaj proces pomaže dizajnerskom timu da razotkriva inherentne slučajeve kontekstualne navigacije i gurne prema dosljednim modulima korisničkog sučelja.

Pa ... to je sjajno za dizajn arhitekture informacija i biblioteka uzoraka, ali što je s dizajniranjem iskustava. Uostalom, mobiliziranje vašeg sadržaja samo je pola bitke. Ako ćete biti na prvoj liniji UX-a, morat ćete se pitati zašto i kako.

Zašto i kako

Mogli biste sami sebi reći: "Nemojte mi reći zašto i kako! Ja sam istraživač UX-a! Jedem zašto i kako za doručak. "Dakle, dopustite mi da objasnim.

Ne govorim o strategiji na razini značajki. Ne govorim o procesnim tokovima, žičanim okvirima i prototipovima. Govorim o strategiji na razini aplikacije. Znate, stvar za kojom bismo uvijek trebali raditi, ali nekako nikada nemamo vremena? A govorim o tome da to učinim integralnim dijelom našeg pristupa drugim našim strategijama, poput modularnog dizajna.

Da vam pružimo malo više konteksta, progovorimo kroz primjer. Recimo da dizajniramo aplikaciju za upoznavanje u kojoj je jedan od glavnih dijelova sadržaja profil. Modularnim dizajnom pitali bismo: "gdje bi se ovaj sadržaj mogao pojaviti u korisničkom sučelju?" - i na temelju našeg odgovora osmislili bismo module za svaki od tih scenarija. Možda bismo dizajnirali profil koji se može prikazati na popisu ili profil koji zauzima cijeli zaslon. Informacijska arhitektura. Uzoraka. Provjeri, provjeri.

Profil

Ali sada kad smo odlučili što će se dogoditi kad neminovno shvatimo da trebamo razmisliti zašto netko uopće želi vidjeti određeni profil? I kako bi se taj profil izgledao kod te osobe? Primjenjujemo li te strategije nakon činjenice i nadamo se da se ništa ne može slomiti?

Nadam se da odmahujete glavom jer je odgovor odjeknuo ne.

Umjesto da prvo skočimo u dizajn naših modula, trebali bismo izgraditi strateški okvir koji nam može pomoći u poticanju naših dizajnerskih napora iz svakog ugla. Umjesto definiranja lica našeg sadržaja - stvari koje se pojavljuju u korisničkom sučelju - trebali bismo započeti definiranjem kako i zašto taj sadržaj podržavaju. To se naziva dizajn građevnih blokova.

Unesite dizajn građevnog bloka

Umjesto da prvo tražite mišljenje o sadržaju vaših modula, kao i drugi modeli, dizajn blokova traži da se umjesto toga usredotočite na strategiju tog sadržaja.

U konstrukciji blokova blokova neka strategija pruži okvir za dizajn; a ne obrnuto.

Tek nakon što definirate svoje osnovne UX strategije - okvir koji sadrži vaš sadržaj - možete započeti osmišljavati kako će taj sadržaj biti predstavljen u sučelju. Strategija „velike slike“ za svaki dio temeljnog sadržaja vaš je građevni blok. Zajedno, vaši građevni blokovi definiraju UX vašeg proizvoda.

Dizajn građevnog bloka modularni je dizajn za UXers.

Anatomija građevnog bloka

Da biste bolje razumjeli ovaj pristup stvaranju smislenog, strukturiranog sadržaja, vratimo se primjeru aplikacije za upoznavanje. Sad kad sam prepoznao dio temeljnog sadržaja u svojoj aplikaciji - profil - vrijeme je da prođemo i identificiramo koje strategije mogu potencijalno utjecati na to kako je ovaj blok osmišljen. Istražujući odnos između drugih strateških inicijativa i našeg sadržaja, mi smo u stanju kritički razmisliti o tome kako pristupamo dizajniranju i pružanju tih informacija.

Anatomija profilnog bloka počinje dobivati ​​oblik.

Kada istražujete odnose između strategija na razini aplikacije, najbolje je započeti na visokoj razini i krenuti prema dolje. Na primjer, ako identificiram persone kao glavnu komponentu svoje strategije, mogu je dalje razbiti po strategiji identificiranjem:

  • specifične persone koje se bave profilima;
  • gdje u aplikaciji komuniciraju s ovim sadržajem;
  • kontekst njihove uporabe;
  • temeljne radnje koje poduzimaju na profilima;
  • i koliko često pristupaju tom sadržaju.

To bi moglo izgledati ovako:

Odnos persona-profil pruža više konteksta za izgled lica mog bloka profila.

Nakon što dam malo više konteksta zašto je ovaj sadržaj vrijedan za određenu vrstu korisnika, mogu početi kritički razmišljati o tome kakvim radnjama treba dati prioritet, kako modul treba biti strukturiran da promovira obrasce ponašanja specifičnih za osobu, i gdje u iskustvu taj sadržaj treba biti dostavljen.

Ova tehnika omogućuje dizajnere da se usredotoče na stvari koje su vam važne i da vas ne uhvate vizualna privlačnost, interakcija zavođenja i ostali obrasci dizajna sučelja koji izgledaju dobro, ali ne podržavaju stvarno ponašanje korisnika.

Ako ovu vježbu ponovim u smislu druge strateške inicijative, dobit će se dodatni uvidi. Ovisno o broju i složenosti strateških inicijativa koje imate, to brzo može postati vremenski intenzivan proces. Preporučujem početak s ne više od dvije strategije.

Dakle, tu ga imate. Primjer kako da se nogama navlažite dizajnom blokade. Ako mislite da bi ovo bila korisna vježba za vaš dizajnerski tim, potražite u nastavku kratki vodič za dodatne dodatne savjete. I naravno, volio bih čuti vaša razmišljanja o svim modulariziranim stvarima. Dodajte svoje komentare u nastavku ili posegnite na LinkedInu.

Brzi vodič za početak

Otkrio sam da mnogi modularni dizajnerski modeli vani ostavljaju čitateljima da mogu koristiti dosijee, pa dopustite da potaknem to vrijedno informacije:

1. korak: oglasni prostor strategije.

Radimo zalihe sadržaja i komponenti, pa zašto ne i strategijski popis? Napravite popis svih strategija na razini aplikacije koje imate. Primjeri uključuju: persone, podatke, kontekst uporabe i dizajn ljudskog okoliša, reaktivnost itd. Ovo je dobra prilika za pauzu i pitanje „imamo li čvrstu strategiju za našu prijavu?“ Ako je odgovor ne, vrijeme je doći do posla.

To treba učiniti: Udruženje članova tima za samostalno kreiranje vlastitih inventara strategije.

2. korak: definiranje vašeg osnovnog sadržaja.

Ovo su stvari na kojima korisnici postupaju u svojoj aplikaciji. Da biste to shvatili, odvojite neko vrijeme za sastanak sa svojim timom. Postavite sebi pitanja poput: "što moji korisnici traže? Pogled? Preuzimanje? ”Kad prepoznate dio jezgrenog sadržaja, zapišite ga na papir i objesite na zid.

Da biste napravili: Održajte početnu seansu za brainstorming sa svojim timom.

Korak # 3: Definirajte kako i zašto.

Sada kada ste identificirali strategije na razini aplikacije i temeljni sadržaj, vrijeme je da ih spojite! Vratite se u svoju sobu za brainstorming da pratite sastanak i pobrinite se da vaš tim dovede popise svojih strategija. Za ovaj dio postupka, postavite strategiju svog tima da to objavi na bilo kojem osnovnom sadržaju na koji ta strategija može imati utjecaja.

Da biste učinili: Održajte brainstorming sjednicu sa svojim timom.

Korak # 4: Anatomija građevnog bloka.

Vrijeme je za podjelu i osvajanje. Dodijelite članovima tima nekoliko osnovnih tipova sadržaja - ili građevnih blokova - i neka ih dodaju u anatomiju ovog sadržaja.

Postupak: Dodijelite svakom članu tima nekoliko vrsta sadržaja. Taj član tima trebao bi definirati anatomiju tog sadržaja.

Korak # 5: Poravnajte, poravnajte, poravnajte

Kao posljednji korak, skupite bandu u obliku prezentacije s nekoliko ključnih riječi u kojoj svaki član tima predstavlja anatomiju svojih građevnih blokova. Na kraju uštedite vrijeme za pitanja, usklađivanje i odluke o sljedećim koracima za pokretanje pojedinih strateških komponenti svakog građevnog bloka.

Postupak: Zakažite vrijeme za članove tima koji će predstaviti anatomiju svojih građevnih blokova.

Ovaj članak donosi vam RUXERS. RUXERS je zajednica čelnika stvarnog korisničkog iskustva koji dijele i raspravljaju o najnovijim dizajnu, korisničkom iskustvu, upotrebljivosti i istraživanju. Na Twitteru smo - pridružite nam se!