Ascultați versiunea audio a acestui articol
Ca parte standard a procesului UX, designerii creează arhitectura informației atunci când construiesc produse. Definind toate căile și căile pe care utilizatorii le pot urma printr-o aplicație sau un site web, arhitectura informațională este mult mai mult decât o hartă a site-ului pentru a arăta ce pagină duce unde.
Similară arhitecților constructori care folosesc un plan pentru a construi fiecare parte a unei case, de la structurile fizice la mecanismele interne mai complexe, cum ar fi instalațiile electrice și sanitare, arhitectura informațională descrie ierarhia, navigarea, caracteristicile și interacțiunile unui site web sau ale unei aplicații. Și, la fel cum planurile sunt cel mai valoros document pe care un arhitect îl poate folosi în construcția unei clădiri, arhitectura informațională poate fi cel mai puternic instrument din arsenalul unui designer.
Cu toate acestea, dezvoltarea unei astfel de arhitecturi nu este la fel de simplă ca și cum ai pune laolaltă o listă de caracteristici și ai trasa modul în care acestea funcționează – haideți să investigăm procesul.
Ce este arhitectura informațională și de ce este importantă?
Arhitectura informațională (AI) este, ca un plan, o reprezentare vizuală a infrastructurii, caracteristicilor și ierarhiei produsului. Nivelul de detaliu depinde de proiectant, astfel încât AI poate include, de asemenea, navigația, funcțiile și comportamentele aplicației, conținutul și fluxurile. Nu există o limită prestabilită pentru dimensiunea sau forma AI; cu toate acestea, ar trebui să cuprindă structura generalizată a produsului, astfel încât oricine (teoretic) ar trebui să fie capabil să o citească și să înțeleagă cum funcționează produsul.
Vom folosi adesea referința la schiță, deoarece scopul ambelor documente este aproape identic. La fel ca o schiță, AI oferă proiectanților (precum și echipelor de dezvoltare și inginerie a produselor) o vedere de ansamblu a întregului produs. A avea un singur document care oferă o reprezentare simplă și ușor de înțeles a modului în care funcționează aplicația sau site-ul web este vital pentru dezvoltarea de noi caracteristici, actualizarea celor existente și pentru a vedea ce este posibil având în vedere produsul existent.
Cu IA disponibilă, devine semnificativ mai ușor să se ia decizii cheie pentru noi caracteristici și implementări, să se înțeleagă termenele pentru modificările produsului și să se urmărească comportamentul utilizatorului prin mai multe procese.
Să ne scufundăm într-un video de bază pentru a vedea cum se construiește o IA.
Cum se proiectează arhitectura informației
Ca parte a procesului UX, proiectarea IA urmează modele foarte asemănătoare cu flowcharting-ul: Adăugați forme și conectați-le cu linii într-un mod organizat la un singur document. Provocarea atunci când construiți IA constă în înțelegerea modului în care aplicația sau site-ul dvs. funcționează de fapt din perspectiva utilizatorului și cum să organizați aceste informații într-un format ușor de citit și lizibil.
Există două cerințe majore pentru a construi efectiv IA: organizarea acesteia printr-o ierarhie vizuală (adică o ierarhie a caracteristicilor, funcțiilor și comportamentului) și crearea unei legende pentru a afișa diferite tipuri de caracteristici, interacțiuni și fluxuri. Cu o organigramă standard, formele respectă cerințe specifice (dreptunghiurile sunt procese, romburile sunt puncte de decizie etc.); cu toate acestea, respectarea acestei nomenclaturi nu este o cerință.
Cu alte cuvinte, cei mai importanți factori pentru construirea AI sunt locul în care sunt plasate (ierarhic) componentele individuale ale arhitecturii și modul în care acestea sunt etichetate și afișate.
Înțelegerea și prezentarea ierarhiei vizuale
Cel mai dificil aspect al creării unei noi arhitecturi informaționale este aproape întotdeauna în construirea ei ierarhică. Este o concepție greșită comună că AI trebuie construită „de sus în jos”. Acest lucru este aproape întotdeauna mai dificil de realizat, cu excepția cazului în care este vorba de un produs existent, cum ar fi în videoclipul de mai sus.
Când construiți AI de la zero, cu excepția cazului în care site-ul sau aplicația dvs. urmează un format standard, este foarte dificil să desenați ceva după nivelul superior. Este ca și cum i-ai cere unui mecanic să construiască o mașină de sus în jos și nu pe părți. Fiecare piesă trebuie să fie construită în avans, cu propriile cercetări, timp pentru proiectare și dezvoltare. Același lucru este valabil și în cazul AI.
Afișarea ierarhiei vizuale este un atu valoros pentru AI, nu numai pentru că oferă un context mai bun pentru cititor, ci și pentru că generalizează regiunile cheie ale produsului. Dacă cea mai importantă caracteristică a aplicației dvs. este comandarea unei curse (a la Uber sau Lyft), care se poate face de pe pagina principală, atunci acea pagină va avea cele mai multe puncte de contact și cea mai mare valoare pentru produs. Același lucru va fi valabil și pentru ierarhia vizuală.
Sitemapele sunt utile pentru înțelegerea ierarhiei, deoarece organizează paginile în mod numeric (cum ar fi 1.0 Home, 2.0 Payment, 2.1 Add Pay Method, etc.). Sau luați în considerare exemplul din imaginea de mai jos pentru site-ul web al bibliotecii Universității Duke, unde navigarea de sus nu este doar în partea de sus, ci și evidențiată pentru a fi vizibilă pe întreaga aplicație.
Hierarhia formelor, culorilor și a altor elemente vizuale
În afară de ierarhie, arhitectura de mai sus face un alt lucru bine: Ea afișează fiecare punct de angajament în mod unic, după cum este necesar, printr-o legendă simplă și câteva fraze cheie. Legenda denumește pagina și tipul de conținut și semnifică variațiile dintre culorile formelor. Acest lucru este important pentru că, deși site-ul Duke pare destul de simplu, AI are doar trei niveluri de adâncime. Fiecare dreptunghi galben denotă o aplicație, așa că procesele din fiecare dintre aceste căsuțe nu sunt incluse în acest document!
Chiar și fără aceste părți disponibile, structura este de așa natură încât putem înțelege cum să navigăm pe site doar prin intermediul AI. Aceasta se oprește atunci când ajungem la o aplicație din cadrul site-ului web – nu trebuie să o facă.
IA de mai jos este pentru un joc. Folosind patru forme, nicio culoare și fragmente de text plasate inteligent, fiecare interacțiune majoră este ușor de înțeles fără prototipuri și, mai important, poate fi înțeleasă de oricine lucrează la ea.
Acest model nu este perfect, dar organizează clar ierarhia aplicației și delimitează ceea ce vede sau face utilizatorul în orice moment.
Cele mai bune instrumente de arhitectură a informației
Există o mulțime de aplicații software care permit construirea unei AI, dar puține sunt suficient de simple și rapide pentru a face experiența plăcută. Sau, cel puțin, ușor de gestionat.
Draw.io, folosit în videoclipul de mai sus, este complet gratuit pentru uz personal și profesional și se conectează automat la Google Drive. Are, de asemenea, integrări cu Confluence și JIRA, care sunt plătite. Draw.io este excelent pentru flowcharting, crearea de fluxuri de utilizatori și arhitectură informațională, iar cu funcționalitatea Drive, mai multe persoane pot lucra la același document și pot vedea modificările în direct. Există, de asemenea, o versiune offline gratuită.
Lucidchart este un alt instrument excelent care oferă o experiență ușor mai bună decât Draw.io și are beneficii suplimentare, cum ar fi șabloane pre-construite, mult mai multe integrări, o aplicație mobilă (evaluată la 2,5 stele pe App Store) și suport pentru întreprinderi.
Omnigraffle și Visio sunt de mult timp piloni ai industriei și funcționează excelent pentru construirea și menținerea unui design IA, deși Visio este numai online (versiunea mai veche offline este numai pentru Windows), în timp ce Omnigraffle este numai pentru Mac și necesită achiziții separate pentru versiunile MacOS și iOS. OmniGraffle are un avantaj față de principalii concurenți prin faptul că oferă automatizare JavaScript și AppleScript, ceea ce pentru majoritatea designerilor poate fi inutil, dar, de obicei, arhitecții de informații cu normă întreagă apreciază acest lucru.
Toate instrumentele enumerate mai sus sunt făcute pentru viteză și ușurință în utilizare, în special în jurul diagramei de flux, care urmează principii aproape identice cu arhitectura informațională. Alte aplicații, cum ar fi Balsamiq, MindMeister, MindManager sau XMind, toate oferă un comportament în stil similar, dar sunt construite pentru alte scopuri majore, cum ar fi prototiparea sau cartografierea mentală.
Bunele practici ale arhitecturii informaționale
În timp ce există puține reguli definite pentru ceea ce constituie arhitectura informațională, atunci când parcurgeți procesul, luați în considerare următoarele:
Nu vă concentrați pe ierarhie, ci pe structură
Hierarhia este ajustabilă. Pagina de pornire va fi întotdeauna pagina de pornire, dar unde duce, cum ajung utilizatorii în acele locuri și tot ceea ce se află între ele și dincolo este determinat ulterior.
Toate procesele trebuie să fie logice
Chiar dacă AI în procesul UX este pentru interacțiunile cu utilizatorii, fiecare pas trebuie să aibă sens. Ecranele de înregistrare nu ar trebui să ducă la setări, o funcție a camerei nu ar trebui să sară la o vizualizare a hărții… lista poate continua.
Amintiți-vă de procesul UX
O greșeală frecventă este de a face pur și simplu IA, fără resurse, cercetare sau alte active sau lucrări. Este ca și cum i-ai spune unui autor să scrie o carte fără o schiță, sau unui programator să codifice o aplicație fără prototipuri.
Tu ești cartograful
Cartografii iau în considerare totul despre o hartă, de la lanțurile muntoase până la granițele statelor. La fel ca realizatorii de hărți, designerii stabilesc ce intră în designul IA. Pagini individuale, comportamente specifice ale utilizatorilor, context pentru punctele de decizie… și așa mai departe.
În cele din urmă, cartograful decide ce merge pe hartă pe baza nevoilor utilizatorilor. Același lucru este valabil și pentru designeri, deci construiește AI pentru utilizatorul final, și anume pentru echipele de dezvoltare a produsului și de design.
Arhitectura informației este în continuă schimbare și evoluție
Pentru a mai puncta încă o dată, toate AI-urile sunt construite pentru schimbare. Produsele evoluează, proiectele se schimbă, utilizatorii se adaptează, iar ciclul continuă, iar și iar. Nu o luați prea în serios și să știți că întotdeauna va fi loc de îmbunătățiri. Nu urmăriți perfecțiunea; construiți o AI simplă și adaptabilă.
Arhitectura mea informațională este gata… Acum ce urmează?
Este o concepție comună că orice muncă de design nu este niciodată cu adevărat terminată, iar acesta este cu siguranță cazul arhitecturii informaționale. Acestea cresc, se micșorează și se schimbă odată cu produsele noastre. Spre deosebire de un plan pentru o clădire, AI va evolua întotdeauna pe baza a orice, de la nevoile utilizatorilor până la noi caracteristici sau o revizuire a produsului. O mare parte din structură poate rămâne aceeași și să asigure coerența între versiuni, astfel încât utilizatorii să nu fie confuzi.
Și acesta este un lucru bun. Știind că AI este un document fluid – unul care probabil se schimbă săptămânal și, uneori, chiar zilnic – este o modalitate puternică de a menține structura generală a aplicației sau a site-ului dvs. web fără a atinge vreodată codul sau a crea prototipuri noi. Cu cât întreaga echipă de dezvoltare a produsului cunoaște mai bine AI, cu atât mai repede toată lumea va ști ce este și ce nu este posibil și cât de serioasă este cu adevărat orice presupusă „muncă ușoară”.
Ceea ce ne aduce la adevărata frumusețe a arhitecturii informaționale: Nu există un punct de plecare predefinit. În timp ce procesul tradițional de proiectare UX dictează că AI este construită după ce se finalizează suficiente fluxuri de utilizatori; înarmat cu o mulțime de cercetări ale utilizatorilor și ale concurenței, poate fi, de asemenea, primul lucru făcut… sau ultimul. Procesul de prototipare aduce adesea informații despre cum ar trebui să apară anumite comportamente sau acțiuni care ar fi greu de imaginat dintr-o AI logică sau lipsită de imaginație.
Ca o practică în continuă evoluție, proiectarea AI este o artă la fel de mult ca o abilitate, ceea ce este parțial motivul pentru care marile corporații au posturi de arhitect de informații. Acești designeri sunt gardienii sistemelor masive și, cu înțelegerea creșterii produsului în timp, ei ajută echipele de produs, de design și de inginerie să ia deciziile corecte pe parcursul anilor. Această scară de organizare nu este pentru toți designerii, dar fiecare designer poate construi o arhitectură informațională simplă și ușor de înțeles.
– – – –
Lecturi recomandate despre arhitectura informațională
IA pentru Web și nu numai
Cum să dai sens oricărei dezordini: Arhitectura informației pentru toată lumea
Bazele arhitecturii informației
Diferența dintre arhitectura informației și designul UX
.