5 Exemple de arhitectura eficienta a informatiilor | Idei Adobe XD

Arhitectura informationala (IA) este o parte integranta a procesului de dezvoltare a site-ului web si a produselor digitale. Sunt veri apropiati cu design de experienta a utilizatorului (UX), deoarece ambele campuri lucreaza strans impreuna pentru a crea planurile pentru experiente digitale (si fizice).

In analogia construirii unei cladiri, fazele timpurii ale unei dezvoltari implica intelegerea nevoilor cladirii, a potentialilor chiriasi si a codurilor locale de constructie. Arhitectii informatiei si proiectantii de experienta a utilizatorului lucreaza strans impreuna pentru a determina acele nevoi si cerinte. Arhitectura informationala este procesul de identificare si definire a acestor nevoi particulare si de creare a unei structuri si a unei nomenclaturi pentru acestea.

Din aceasta documentatie, IA informeaza proiectele interfetei definind structura si nomenclatura pe care urmeaza sa le urmeze site-ul. In cazul in care IA si UX difera in primele etape este in livrabile. In cazul in care UX poate furniza cadre si dispozitive, IA are ca rezultat foi de calcul cu continut documentat, iar cele doua se reunesc creand diagrame de flux pentru cartografierea continutului si a experientei inconjuratoare.

Aici vom explora cateva exemple eficiente de arhitectura a informatiilor si ce tipuri de livrari pot ajuta la modelarea IA din spatele unui site web sau produs.

Cartarea site-ului

O parte importanta a dezvoltarii arhitecturii informationale eficiente este proiectarea sitemap-urilor. In acest exemplu din grupul Nielsen Norman, continutul site-ului web este trasat intr-un mod ierarhic pentru a demonstra relatia parinte / copil a continutului.

Culoarea de parghie (albastru pentru primul nivel, verde pentru al doilea, galben pentru al treilea) sunt capabili sa creeze o ierarhie vizuala a paginilor care va informa navigarea si structura URL. Arhitectura informationala afisata in acest sitemap nu echivaleaza direct cu navigarea site-ului web, ci il va informa cu intelegerea ierarhiei paginilor. 

Inventar si audit de continut

Daca lucrati cu un site web existent sau migrati de la unul la o proprietate noua, finalizarea unui audit de continut este benefica. In timp, continutul se va acumula si, daca nu este accesibil direct in cautare sau navigare, se poate pierde in aglomeratie. Auditarea continutului existent va va ajuta sa intelegeti ce este legat, ce exista si ce atrage cel mai mult trafic. Localizarea adreselor URL ale continutului dvs. si efectuarea unei accesari cu crawlere a site-ului web va pot oferi informatii bune care va vor informa noua harta a site-ului si arhitectura informatiilor.

Auditul de continut poate fi documentat in orice instrument va convine, indiferent daca este vorba de o foaie de calcul precum exemplul de mai sus. Daca intentionati sa efectuati analize si urmariri mai avansate, incarcarea continutului intr-un instrument mai dinamic precum Airtable va poate ajuta sa creati legaturi intre continut, sursa si autor.

Diagrama arhitecturii informationale

Cartografierea arhitecturii informationale este o parte importanta a vizualizarii si intelegerii a tot ceea ce este implicat.

porno peludas españolas follando rico
videosdeincesto pornoxxxxx
jovencitas masturbandose porno español jovencitas
hentaihd comic porno español
orgias familiares videos porno abuelas
sexo gratis incesto cincuentonas follando
mamas cachondas xxx abuelas
desnudas en la cocina pono gay
guarras.com danna paola desnuda
maduras pajeando culos porno
fontanero cachondo corridas en la garganta
madre española se folla a su hijo chochitos jovencitos
videos xxxxx orgias caseras
mamadas de abuelas intercambio parejas amateur
se la chupa mientras duerme el video porno mas visto en internet
porno incesto real follando en el campo
madura se corre pajas caseras
cincuentonas follando cachondas españolas
follando a mi hijastra me hace una paja
creampie española videos porno caseros españoles

In acelasi format ca si sitemap-urile, putem crea vizualizari ale arhitecturii noastre de informatii si sa trasam ce va fi vizibil pentru utilizator si ce actiuni vor trebui sa fie disponibile in partea din spate. Putem vedea apoi o imagine holistica a site-ului sau produsului nostru.

In aceasta cartografiere vizuala pentru un produs de analiza industriala, Yegor include vizualizari ale aplicatiilor, ferestre de tip pop-up si alerte, precum si explicarea ce date sau informatii vor fi necesare pentru a completa vizualizarile.

Exemple de arhitectura informationala ca aceasta demonstreaza valoarea pe care o poate avea o cartografiere sau o diagrama pentru a alinia partile interesate din mai multe echipe. Acest document creeaza un dialog intre proiectare, inginerie, gestionarea produselor si redactori de copiere – pentru a numi doar cateva.

Structura simpla de copac pentru clienti

In acest exemplu de arhitectura informationala, Bogomolova a construit pe partea de sus a maparii site-ului de baza si a adaugat atat in ​​paginile copil, cat si in actiuni. Adaugarea valorilor numerice denota prioritatea paginilor din ierarhia informatiilor, mai degraba decat sprijinirea pe culori.

Dupa cum puteti vedea, pagina sau functia „Adaugati noi” are o sectiune secundara, dar mai degraba decat sa fie anumite pagini, este un grup de actiuni posibile care pot fi finalizate din acel nod. In acelasi mod, sub „Profil”, functia „Editare” are lista actiunilor disponibile de editat.

La fel ca in exemplul industrial de mai sus, apelarea acestor informatii importante poate clarifica nevoile si cerintele pentru inginerie si proiectare, astfel incat sa inteleaga ce trebuie luat in considerare in acele sectiuni de pagina. 

Reprezentarea vizuala a actiunilor

Daca este facut corect, arhitectura informatiilor si hartile calatoriei utilizatorilor vor impartasi puncte comune. Amandoi se informeaza reciproc in moduri diferite, calatoria destinata utilizatorului contribuind la modelarea modului in care structurati si organizati informatiile din site-ul dvs. web.

In acest exemplu de arhitectura informationala, Pedro si-a prezentat paginile intr-un format similar cu exemplul de mai sus. Diferenta cheie este ca exista caracteristici vizuale care separa paginile de actiuni.

Casetele in care au loc actiuni folosesc o margine punctata pentru a semnifica un anumit nivel de interactiune, mai degraba decat o pagina statica. Merge mai departe si, pentru unele actiuni, cum ar fi „Detalii despre carti postale”, include alte actiuni potentiale care ar putea fi necesare pentru a fi finalizate, in acest caz o actiune „Retrimiteti” pentru cand nu au fost primite detalii sau pentru care trebuie actualizate.

In functie de stadiul dezvoltarii dvs., indiferent daca aveti continut existent cu care sa lucrati sau daca incepeti de la zero, nevoile dvs. de arhitectura informationala se vor schimba. Speram ca aceste exemple va ofera o sursa de inspiratie pentru modul in care va puteti structura propriul IA si pentru a vizualiza continutul site-ului dvs. web.

Lucruri de luat in considerare

Retineti urmatoarele la crearea diagramelor de arhitectura a informatiilor, a inventarului de continut sau a maparii site-ului.

• Intelegeti-va publicul: Dezvoltarea arhitecturii informatiei in mod orb, fara a contribui sau a intelege publicul tinta va poate conduce la dezvoltarea unei structuri si a unei organizatii care nu are sens pentru acel grup.
• Folositi-l pentru a alinia echipele: daca lucrati transversal functional, tinand cont de lucruri precum cerintele de date, actiunile si sabloanele de pagina si includerea lor in arhitectura dvs. va poate ajuta sa inspirati discutii in intreaga organizatie.

Faceti-va ceea ce aveti nevoie : sa existe o multime de incrucisari si confuzii intre hartile site-ului, calatoriile utilizatorilor si diagramele arhitecturii informatiilor. Toate sunt conectate in diferite moduri si, daca nu sunteti sigur exact de ce aveti nevoie, construiti-le pentru a se potrivi nevoilor echipei dvs. Dupa cum am vazut, toate aceste diagrame erau diferite, dar potrivite pentru scopul in care erau destinate.

Arhitectura informationala