Proiectarea blocului de construcții: o strategie de proiectare modulară pentru UXers

Un articol care ajută la completarea lacunelor modelelor de design modulare din perspectiva UX.

Voi începe cu o poveste

Dacă urăști poveștile, ar trebui să omori această parte. Este vorba despre un designer UX căruia i sa atribuit o promovare a unei strategii de proiectare modulară pentru organizația sa. Are părul brun scurt și ochii albaștri. Dacă nu ați ghicit până acum, acel designer UX sunt eu.

În urmă cu aproximativ opt luni, echipa noastră s-a concentrat pe o strategie de proiectare modulară numită UX orientată pe obiecte (OOUX). Spre deosebire de alte sisteme modulare cu extindere largă, OOUX vă solicită să vă concentrați asupra modularizării tipurilor de conținut de bază - ceea ce OOUX numește obiecte - și să priviți cu atenție modul în care aceste obiecte se raportează între ele. Acest proces ajută echipa de proiectare să expună cazuri inerente de navigare contextuală și să împingă către module UI consistente.

Ei bine ... este excelent pentru proiectarea arhitecturilor de informații și a bibliotecilor de tipare, dar despre proiectarea experiențelor. La urma urmei, mobilizarea conținutului este doar jumătate din luptă. Dacă veți fi pe prima linie a UX, trebuie să vă întrebați de ce și cum.

De ce și cum

S-ar putea să-ți spui: „nu-mi spuneți de ce și cum! Sunt un cercetător UX, dang nabbit! Mănânc de ce și cum pentru micul dejun. ”Așa că permiteți-mi să vă explic.

Nu vorbesc despre strategie la nivel de funcții. Nu vorbesc despre fluxuri de proces, filme și prototipuri. Vorbesc despre strategie la nivel de aplicație. Știi, lucrul pe care ar trebui să-l facem mereu, dar cumva nu vom mai avea timp? Și vorbesc despre a face o parte integrantă a abordării noastre asupra celorlalte strategii, cum ar fi designul modular.

Pentru a vă oferi un pic mai mult context, să vorbim printr-un exemplu. Să zicem că proiectăm o aplicație de întâlnire în care unul dintre elementele principale de conținut este un profil. Cu design modular, ne-am întreba: „unde ar putea apărea acest conținut în UI?” - și pe baza răspunsului nostru, am proiecta module pentru fiecare dintre aceste scenarii. Poate că am proiecta un profil care poate fi afișat într-o listă sau un profil care ocupă întregul afișaj. Arhitectura informațională. Modele. Verifică, verifică.

Un stil „acesta” și un „acela” al unui profil

Dar acum după ce am decis ce, ce se întâmplă când inevitabil ne dăm seama că trebuie să ne gândim de ce cineva vrea să vadă un anumit profil în primul rând? Și cum ar apărea acel profil pentru acel individ? Implementăm acele strategii după fapt și sperăm că nimic nu se rupe?

Sper să vă clătinați din cap, pentru că răspunsul este un răsunător nu.

În loc să sărăm capul mai întâi în proiectarea modulelor noastre, ar trebui să construim un cadru strategic care să ne ajute să ne conducem eforturile de proiectare din toate unghiurile. În loc să definim fața conținutului nostru - lucrurile care apar în interfața de utilizator - ar trebui să începem prin a defini modul în care și de ce susțin acel conținut. Aceasta se numește design de blocuri de construcții.

Introduceți designul blocului de construcții

În loc să vă ceară să vă gândiți mai întâi la conținutul modulelor dvs., la fel ca alte modele, designul blocului de construcții vă cere să vă concentrați mai degrabă asupra strategiei din spatele acelui conținut.

În proiectarea blocurilor de construcții, permiteți strategiei să ofere cadrul pentru proiectare; nu invers.

Numai după ce ați definit strategiile de bază ale UX - cadrul care vă conține conținutul - puteți începe să proiectați modul în care acel conținut va fi reprezentat în interfață. Strategia „imagine de ansamblu” pentru fiecare bucată de conținut esențial este blocul dvs. Împreună, blocurile dvs. de construcție definesc UX-ul produsului dvs.

Proiectarea blocului de construcții este un design modular pentru UXers.

Anatomia blocului de construcție

Pentru a înțelege mai bine această abordare a creării de conținut semnificativ, structurat, să revenim la exemplul aplicației de întâlnire. Acum, după ce am identificat o bucată de conținut esențial în aplicația mea - un profil - este timpul să parcurg și să identific ce strategii ar putea influența modul în care este conceput acest bloc. Explorând relația dintre alte inițiative strategice și conținutul nostru, am reușit să ne gândim mai critic la modul în care abordăm proiectarea și furnizarea acestor informații.

Anatomia blocului de profil începe să prindă contur.

Atunci când explorezi relațiile dintre strategiile la nivel de aplicație, cel mai bine este să începi la un nivel înalt și să te descurci. De exemplu, dacă aș identifica persoanele ca o componentă principală a strategiei mele, aș putea defalca în continuare această strategie identificând:

  • persoanele specifice care se angajează cu profiluri;
  • unde în aplicație interacționează cu acest conținut;
  • contextul lor de utilizare;
  • acțiunile de bază pe care le întreprind pentru profiluri;
  • și cât de des accesează acest conținut.

S-ar putea să arate așa:

Relația persona-profil oferă mai mult context pentru aspectul și aspectul blocului meu de profil.

După ce am dat un pic mai mult context pentru ce acest conținut este valoros pentru un anumit tip de utilizator, pot începe să mă gândesc mai critic la ce acțiuni trebuie prioritate, modul în care modulul ar trebui să fie structurat pentru a promova tiparele de comportament specifice persoanei, și unde, în experiență, acest conținut trebuie livrat.

Această tehnică permite proiectanților să se concentreze asupra lucrurilor care contează și să nu se prindă în apelul vizual, seducția interacțiunii și alte modele de design de interfață care arată bine, dar nu acceptă comportamentul real al utilizatorului.

Dacă repet acest exercițiu în termeni de a doua inițiativă strategică, vor fi obținute informații suplimentare. În funcție de numărul și complexitatea inițiativelor strategice pe care le-ați desfășurat, acest lucru poate deveni rapid un proces care necesită timp. Vă recomand să începeți cu cel mult două strategii.

Deci, acolo îl ai. Un exemplu despre cum să vă udați picioarele prin proiectarea blocului de construcții. Dacă credeți că acesta ar fi un exercițiu util pentru echipa dvs. de proiectare, consultați Ghidul de pornire rapidă de mai jos pentru câteva sfaturi suplimentare. Și, desigur, mi-ar plăcea să vă aud gândurile cu privire la toate lucrurile modularizate. Adăugați comentariile de mai jos sau accesați pe LinkedIn.

Ghid de inițiere rapidă

Am descoperit că multe modele de design modulare sunt încredințate în ceea ce privește oferirea cititorilor lor în funcție de acțiune, așa că permiteți-mi să fac un punct de a furniza aceste informații valoroase:

Pasul 1: inventarul strategiei.

Facem inventare de conținut și componente, deci de ce nu un inventar de strategie? Faceți o listă cu toate strategiile la nivel de aplicație pe care le aveți. Printre exemple se numără: Personas, date, contextul de utilizare și designul mediului uman, capacitatea de reacție, etc. Aceasta este o oportunitate bună pentru a face pauză și a ne întreba „avem o strategie solidă în vigoare pentru aplicația noastră?” Dacă răspunsul este nu, este timpul. pentru a ajunge la serviciu.

De făcut: Membrii echipei de raliuri să-și creeze independent propriile inventare de strategie.

Pasul 2: definește-ți conținutul de bază.

Acesta este aspectul pe care utilizatorii îl acționează în aplicația dvs. Pentru a descoperi acest lucru, blocați ceva timp pentru o sesiune de brainstorming cu echipa dvs. Puneți-vă întrebări de genul: „ce caută utilizatorii mei? Vedere? Descărcați? ”După ce identificați o bucată de conținut de bază, scrieți-o pe o bucată de hârtie și agățați-o de un perete.

De făcut: țineți o echipă inițială de brainstorming cu echipa dumneavoastră.

Pasul 3: Definiți cum și de ce.

După ce ați identificat strategiile la nivel de aplicație și conținutul principal, este timpul să le reuniți! Întoarceți-vă în sala de brainstorming pentru o întâlnire de urmărire și asigurați-vă că echipa dvs. își aduce inventarele strategiei. Pentru această parte a procesului, adresați-vă echipei dvs. postul de strategii post-notă cu privire la orice conținut de bază în care această strategie poate avea un impact.

De făcut: Țineți o echipă de urmărire a brainstorming-urilor.

Pasul 4: Anatomia unui bloc de construcții.

Este timpul să împărțiți și să cuceriți. Alocați membrilor echipei o mână de tipuri de conținut de bază - sau blocuri de construcție - și faceți-i să repete în eroare anatomia acestui conținut.

De făcut: Alocați fiecărui membru al echipei mai multe tipuri de conținut. Membrul echipei respective ar trebui să definească anatomia conținutului respectiv.

Pasul 5: Aliniere, aliniere, aliniere

Ca o etapă finală, reuniți gașca înapoi sub forma unei prezentări cu cheie joasă în care fiecare membru al echipei prezintă anatomia blocurilor sale. Economisiți timp la sfârșit pentru întrebări, aliniere și decizii cu privire la etapele următoare pentru conducerea componentelor strategice individuale ale fiecărui bloc.

De făcut: Programează-ți un timp pentru ca membrii echipei să-și prezinte anatomia blocului de construcții.

Acest articol vă este adus de RUXERS. RUXERS este o comunitate de lideri cu experiență reală pentru utilizatori care împărtășesc și discută cele mai noi aspecte în materie de proiectare, experiență pentru utilizatori, utilizare și cercetare. Suntem pe Twitter - alătură-ne!