Statybinių elementų projektavimas: modulinė UXers projektavimo strategija

Straipsnis, padedantis užpildyti modulinių dizaino modelių spragas iš UX perspektyvos.

Pradėsiu nuo istorijos

Jei nekenčiate istorijų, turėtumėte praleisti šią dalį. Kalbama apie UX dizainerį, kuriam buvo pavesta ginti modulinę savo organizacijos strategijos strategiją. Ji turi trumpus rudus plaukus ir mėlynas akis. Jei iki šiol neatspėjote, aš tas UX dizaineris.

Maždaug prieš aštuonis mėnesius mūsų komanda susirinko į modulinę projektavimo strategiją, vadinamą objekto orientuota UX (OOUX). Skirtingai nuo kitų plataus masto modulinių sistemų, „OOUX“ prašo sutelkti dėmesį į pagrindinio turinio tipų moduliavimą - tai, ką OOUX vadina objektais - ir atidžiai pasižiūrėti, kaip šie objektai yra susiję vienas su kitu. Šis procesas padeda projektavimo komandai atskleisti būdingus kontekstinio naršymo atvejus ir stumti link nuoseklių UI modulių.

Na, ... tai puikiai tinka kuriant informacijos architektūrą ir šablonines bibliotekas, bet ką jau kalbėti apie projektavimo patirtį. Juk savo turinio sutelkimas yra tik pusė kovos. Jei vyksite į priekines UX linijas, turite paklausti, kodėl ir kaip.

Kodėl ir kaip

Galbūt sakysite sau: „nesakyk man, kodėl ir kaip! Aš esu UX tyrinėtojas, dang nabbit! Aš valgau kodėl ir kaip pusryčiams. “Taigi leiskite man paaiškinti.

Nekalbu apie strategiją funkcijų lygiu. Aš nekalbu apie proceso srautus, vielos rėmus ir prototipus. Aš kalbu apie programos lygio strategiją. Žinote, dalykas, kurį visada turėtume daryti, bet kažkodėl niekada neturime tam laiko? Aš kalbu apie tai, kad tai būtų neatsiejama mūsų požiūrio į kitas mūsų strategijas, pavyzdžiui, modulinį dizainą, dalis.

Pateiksime pavyzdį, kad suteiktumėte šiek tiek daugiau konteksto. Tarkime, kad mes kuriame pažinčių programą, kurios vienas iš pagrindinių turinio elementų yra profilis. Taikydami modulinį dizainą, paklausime: „kur šis turinys gali būti rodomas vartotojo sąsajoje?“ - ir remdamiesi mūsų atsakymu mes suprojektuosime kiekvieno iš šių scenarijų modulius. Galbūt suprojektuosime profilį, kuris gali būti rodomas sąraše, arba profilį, kuris užima visą ekraną. Informacijos architektūra. Raštai. Patikrinkite, patikrinkite.

„Tai“ ir „tas“ profilio stilius

Bet kai mes nusprendėme, kas nutiks, kai neišvengiamai suprantame, kad turime galvoti apie tai, kodėl kažkas pirmiausia nori pamatyti tam tikrą profilį? Ir kaip tas profilis atsiras tam asmeniui? Ar įgyvendiname tas strategijas po to, kai tikimės, kad niekas nesugrius?

Tikiuosi, jūs ten purtysite galvas, nes atsakymas yra skambus „ne“.

Užuot pirmiausia ėmęsi galvoti apie savo modulių kūrimą, turėtume sukurti strateginę struktūrą, kuri gali padėti nukreipti mūsų projektavimo pastangas visais požiūriais. Užuot apibrėžę savo turinio - vartotojo sąsajoje rodomo turinio - veidą, turėtume pradėti nuo to, kaip ir kodėl tas turinys palaikomas. Tai vadinama statybinių blokų projektavimu.

Įveskite statybinio bloko projektą

Užuot paprašius, kad pirmiausia pagalvotumėte apie savo modulių turinį, kaip ir kiti modeliai, statybinių elementų dizainas prašo sutelkti dėmesį į to turinio strategiją.

Kurdami statybinių elementų projektą, tegul strategija sukuria projektavimo pagrindus; o ne atvirkščiai.

Tik apibrėžę pagrindines UX strategijas - rėmelį, kuris sulaiko jūsų turinį, galite pradėti projektuoti, kaip tas turinys bus pateiktas sąsajoje. „Pagrindinio turinio“ strategija yra pagrindinis elementas. Kartu jūsų statybiniai blokai apibūdina jūsų produkto UX.

Statybinių blokų dizainas yra modulinis UXers dizainas.

Statybinių elementų anatomija

Grįžkime į pažinčių programos pavyzdį, kad geriau suprastumėte šį prasmingo, struktūruoto turinio kūrimo metodą. Dabar, kai identifikavau pagrindinio turinio dalį savo programoje - profilyje, laikas pereiti ir išsiaiškinti, kokios strategijos gali turėti įtakos šios bloko kūrimui. Tyrinėdami kitų strateginių iniciatyvų ir mūsų turinio santykį, galime kritiškiau galvoti apie tai, kaip mes rengiamės ir pateikiame šią informaciją.

Profilio bloko anatomija pradeda formuotis.

Tiriant ryšius tarp programų lygmens strategijų, geriausia pradėti nuo aukšto lygio ir nuleisti kelią. Pvz., Jei asmenis įvardinčiau kaip pagrindinį savo strategijos komponentą, galėčiau dar labiau suskaidyti šią strategiją, nustatydamas:

  • specifinius asmenis, susijusius su profiliais;
  • kur programoje jie sąveikauja su šiuo turiniu;
  • jų naudojimo kontekstas;
  • pagrindinius veiksmus, kurių jie imasi profiliuose;
  • ir kaip dažnai jie naudojasi šiuo turiniu.

Tai gali atrodyti maždaug taip:

Asmens ir profilio santykiai suteikia daugiau konteksto, kaip atrodo ir jaučiasi mano profilio blokas.

Kai pateiksiu šiek tiek daugiau konteksto, kodėl šis turinys yra vertingas konkretaus tipo vartotojui, aš galiu kritiškiau galvoti apie tai, kokius veiksmus reikia vertinti kaip prioritetus, kaip modulis turėtų būti sudarytas taip, kad būtų skatinami asmenybei būdingi elgesio modeliai, ir kur, atsižvelgiant į patirtį, reikia pateikti šį turinį.

Ši technika leidžia dizaineriams sutelkti dėmesį į svarbius dalykus ir neužkliūti už patrauklių vaizdų, sąveikos viliojimo ir kitų sąsajos dizaino modelių, kurie atrodo gerai, tačiau nepalaiko tikrojo vartotojo elgesio.

Jei pakartosiu šį pratimą, kalbėdamas apie antrą strateginę iniciatyvą, gausiu papildomų įžvalgų. Atsižvelgiant į jūsų strateginių iniciatyvų skaičių ir sudėtingumą, tai greitai gali tapti daug laiko reikalaujančiu procesu. Aš rekomenduoju pradėti nuo ne daugiau kaip dviejų strategijų.

Taigi jūs jį turite. Pavyzdys, kaip sušlapinti kojas kuriant konstrukcinį bloką. Jei manote, kad tai būtų naudinga užduotis jūsų projektavimo komandai, skaitykite toliau pateiktą Greitos pradžios vadovą, kuriame pateikiami keli papildomi patarimai. Ir, žinoma, norėčiau išgirsti jūsų mintis apie visus dalykus. Pridėkite savo komentarus žemiau arba susisiekite su „LinkedIn“.

Greitas pradmenų gidas

Aš sužinojau, kad daugelis modulinių dizaino modelių, pateikę savo skaitytojams galimybę atsisakyti tiesioginių funkcijų, todėl leidžiu man pasidalyti ta vertinga informacija:

1 žingsnis: Strategijos aprašymas.

Mes sudarome turinio ir komponentų aprašus, tad kodėl gi ne strategijos aprašams? Sudarykite visų taikomų programų lygio strategijų sąrašą. Pavyzdžiai: asmenybės, duomenys, naudojimo kontekstas ir žmogaus aplinkos dizainas, reagavimas ir kt. Tai gera proga pristabdyti ir paklausti „ar turime tvirtą mūsų programos strategiją?“ Jei atsakymas yra ne, atėjo laikas patekti į darbą.

Atlikti: Ralio komandos nariai turi savarankiškai sudaryti savo strategijos aprašus.

2 veiksmas: apibrėžkite pagrindinį turinį.

Tai dalykai, kurių jūsų vartotojai imasi veiksmų jūsų programoje. Norėdami tai išsiaiškinti, užblokuokite kurį laiką mintims su savo komanda. Užduokite sau tokius klausimus: „ko mano vartotojai ieško? Peržiūrėti? Atsisiųsti? “Kai nustatysite pagrindinio turinio gabalą, parašykite jį ant popieriaus lapo ir pakabinkite ant sienos.

Atlikimas: Su komanda surengkite pradinį minčių rinkinį.

3 žingsnis: apibrėžkite, kaip ir kodėl.

Dabar, kai jau nustatėte savo programos lygio strategijas ir pagrindinį turinį, laikas juos suvienyti! Grįžkite į minčių planą, kur vyks tęstinis susitikimas, ir įsitikinkite, kad jūsų komanda pateiks savo strategijos aprašus. Šioje proceso dalyje pateikite savo komandos vietos strategijai pastabas apie bet kokį pagrindinį turinį, kur ta strategija gali turėti įtakos.

Atlikimas: Su komanda surengkite tęstinį „protų šturmą“.

4 žingsnis: statybinio bloko anatomija.

Laikas dalytis ir užkariauti. Paskirkite komandos nariams saujelę pagrindinių turinio tipų - arba pagrindinius elementus - ir paprašykite jų pakartoti šio turinio anatomiją.

Atlikimas: Kiekvienam komandos nariui priskirkite kelis turinio tipus. Tas komandos narys turėtų apibrėžti to turinio anatomiją.

5 žingsnis: sulygiuokite, sulygiuokite, sulygiuokite

Paskutinis žingsnis - sugrąžinkite gaują į mažo rakto pristatymą, kuriame kiekvienas komandos narys pristatytų savo konstrukcinių elementų anatomiją. Sutaupykite laiko klausimams, derinimui ir sprendimams dėl tolesnių veiksmų, susijusių su kiekvieno strateginio komponento valdymu, pabaigoje.

Atlikimas: Suplanuokite laiką komandos nariams pristatyti savo pastato anatomiją.

Šį straipsnį jums pateikė RUXERS. „RUXERS“ yra tikrosios vartotojo patirties lyderių bendruomenė, kuri dalijasi ir diskutuoja apie naujausius dizaino, vartotojo patirties, patogumo ir tyrimų aspektus. Mes esame „Twitter“ - prisijunkite!