Poslušajte zvočno različico tega članka

Kot standardni del postopka UX oblikovalci ustvarjajo informacijsko arhitekturo pri izdelavi izdelkov. Informacijska arhitektura, ki opredeljuje vsako pot in pot, ki jo lahko uporabniki preidejo prek aplikacije ali spletnega mesta, je veliko več kot le zemljevid spletnega mesta, ki prikazuje, kam stran vodi.

Podobno kot arhitekti zgradb, ki uporabljajo načrt za gradnjo vsakega dela hiše, od fizičnih struktur do bolj zapletenih notranjih objektov, kot sta elektrika in vodovod, informacijska arhitektura opisuje hierarhijo, navigacijo, funkcije in interakcije spletnega mesta ali aplikacije. In tako kot so načrti za arhitekta najdragocenejši dokument za uporabo pri gradnji stavbe, je lahko informacijska arhitektura najmočnejše orodje v arzenalu oblikovalca.

Vendar pa razvoj takšnega ni tako preprost kot sestavljanje seznama funkcij in načrtovanje njihovega delovanja - raziščimo postopek.

Kaj je informacijska arhitektura in zakaj je pomembna?

Informacijska arhitektura (IA) je, kot načrt , vizualna predstavitev infrastrukture, lastnosti in hierarhije izdelka. Stopnja podrobnosti je do oblikovalec , zato lahko IA vključuje tudi navigacijo, funkcije in vedenja aplikacij, vsebino in tokove. Velikost ali oblika ocene učinka ni določena; vseeno pa bi moral zajemati splošno strukturo izdelka, tako da bi ga moral vsakdo (teoretično) prebrati in razumeti, kako izdelek deluje.

Sklic za načrt bomo uporabili pogosto, ker je namen obeh dokumentov skoraj enak. Tako kot načrt zagotavlja tudi IA oblikovalci (kot tudi ekipe za razvoj in inženiring izdelkov) ptičje perspektive celotnega izdelka. Imeti en sam dokument, ki ponuja preprost in razumljiv prikaz delovanja aplikacije ali spletnega mesta, je ključnega pomena za razvoj novih funkcij, posodabljanje obstoječih in za ugotavljanje, kaj je mogoče glede na obstoječi izdelek.

Z razpoložljivim IA je bistveno lažje sprejemati ključne odločitve za nove funkcije in izvedbe, razumeti časovnice sprememb izdelkov in slediti vedenju uporabnikov skozi več procesov.

Potopimo se v osnovni video, da vidimo, kako je zgrajena ocena učinka.

Kako oblikovati informacijsko arhitekturo

Kot del postopka UX zasnova IA sledi zelo podobnim vzorcem diagramov poteka: dodajte oblike in jih organizirano povežite s črtami v en sam dokument. Izziv pri gradnji ocene učinka je v razumevanju kako vaša aplikacija ali spletno mesto dejansko deluje z vidika uporabnika in kako te podatke organizirati v berljivo in čitljivo obliko.

Za dejansko konstruiranje IA obstajata dve glavni zahtevi: njegovo organiziranje skozi vizualno hierarhijo (to je hierarhijo funkcij, funkcij in vedenja) in ustvarjanje legende za prikaz različnih vrst funkcij, interakcij in tokov. Pri običajnem diagramu poteka oblike ustrezajo posebnim zahtevam (pravokotniki so procesi, diamanti so točke odločanja itd.); vendar upoštevanje te nomenklature ni zahteva.

Z drugimi besedami, najpomembnejši dejavniki za izdelavo vaše ocene učinka so, kje so posamezne komponente arhitekture umeščene (hierarhično) in kako so označene in prikazane.

Razumevanje in prikaz vizualne hierarhije

Najbolj zahteven vidik ustvarjanja nove informacijske arhitekture je skoraj vedno njena hierarhična konstrukcija. Pogosto je napačno prepričanje, da je treba oceno učinka graditi 'od zgoraj navzdol'. To je skoraj vedno težje izvesti, razen če gre za obstoječi izdelek, na primer v zgornjem videoposnetku.

Pri izdelavi ocene učinka iz nič, razen če vaše spletno mesto ali aplikacija ustreza standardni obliki, je izvleči kar koli po najvišji ravni zelo težko. To je tako, kot da prosite mehanika, da namesto po delih izdela avto od zgoraj navzdol. Vsak kos je treba sestaviti vnaprej s svojimi raziskavami, časom za oblikovanje in razvoj. Enako velja za oceno učinka.

Prikazovanje vizualne hierarhije je dragoceno za IA, ne samo zato, ker bralcu omogoča boljši kontekst, temveč tudi posplošuje ključne regije izdelka. Če je najpomembnejša funkcija aplikacije naročanje vožnje (a la Uber ali Lyft), ki jo lahko opravite z domače strani, bo imela ta stran največ stičnih točk in največjo vrednost za izdelek. Enako bo veljalo za vizualno hierarhijo.

Zemljevidi mesta so priročni za razumevanje hierarhije, saj strani organizirajo številčno (na primer 1.0 Domov, 2.0 Plačilo, 2.1 Dodaj način plačila itd.). Ali pa si oglejte primer na spodnji sliki za spletno mesto knjižnice Duke University, kjer zgornja navigacija ni samo na vrhu, ampak je tudi poudarjena, da je vidna v celotni aplikaciji.

Hierarhija oblik, barv in drugih vizualnih elementov

Zgornja arhitektura poleg hierarhije naredi še nekaj: prikaže vsako angažirano točko enolično, kot je potrebno, s pomočjo preproste legende in nekaj ključnih besednih zvez. Legenda označuje vrsto strani in vrsto vsebine ter pomeni razlike med barvami oblik. To je pomembno, ker čeprav se zdi Dukeova stran dokaj preprosta, IA sega le tri ravni globoko. Vsak rumeni pravokotnik označuje aplikacijo, zato postopki v vsakem od teh polj niso vključeni v ta dokument!

Tudi brez tistih delov, ki so na voljo, je struktura takšna, da lahko razumemo, kako krmariti po spletnem mestu samo prek ocene učinka. To se ustavi, ko na spletnem mestu pridemo do aplikacije - ni treba.

Spodnja ocena učinka je namenjena igri. Z uporabo štirih oblik, brez barve in pametno postavljenih delčkov besedila je vsaka večja interakcija razumljiva brez prototipov, še pomembneje pa je, da jo lahko razume vsak, ki dela na njej.

Ta model ni popoln, vendar jasno organizira hierarhijo aplikacij in razmejuje, kaj uporabnik vidi ali počne na kateri koli točki.

Najboljša orodja za informacijsko arhitekturo

Obstaja veliko programskih aplikacij, ki omogočajo izdelavo ocene učinka, vendar je le nekaj preprostih in dovolj hitrih, da je izkušnja prijetna. Ali vsaj enostaven za upravljanje.

Draw.io, uporabljen v zgornjem videoposnetku, je popolnoma brezplačen za osebno in profesionalno uporabo in se samodejno priključi na Google Drive. Ima tudi integracije z družbama Confluence in JIRA, ki sta plačani. Drawio je odličen za diagrame poteka, ustvarjanje uporabniških tokov in informacijsko arhitekturo, s funkcijo Drive pa lahko več ljudi dela na istem dokumentu in v živo vidi spremembe. Obstaja tudi brezplačna različica brez povezave.

Lucidchart je še eno odlično orodje, ki ponuja nekoliko boljšo izkušnjo kot Draw.io in ima dodatne prednosti, kot so vnaprej izdelane predloge, veliko več integracij, mobilna aplikacija (ocenjena z 2,5 zvezdicami v trgovini App Store) in podpora za podjetja.

Omnigraffle in Visio so dolgoletni nosilci industrije in odlično delujejo za izdelavo in vzdrževanje zasnove IA, čeprav je Visio samo v spletu (starejša različica brez povezave je samo za Windows), Omnigraffle pa samo za Mac in zahteva ločene nakupe za različici MacOS in iOS. OmniGraffle ima eno prednost pred glavnimi konkurenti, saj ponuja avtomatizacijo JavaScript in AppleScript, kar je za večino oblikovalci je morda nepotrebno, vendar ga običajno arhitekti s polnim delovnim časom cenijo.

Vsa zgoraj našteta orodja so narejena za hitrost in enostavnost uporabe, zlasti glede diagramov poteka, ki sledijo skoraj enakim načelom kot informacijska arhitektura. Druge aplikacije, kot je Balsamiq , MindMeister , MindManager , ali XMind vsi ponujajo vedenja v podobnem slogu, vendar so zgrajeni za druge pomembne namene, kot sta prototipiranje ali preslikava misli.

Najboljše prakse informacijske arhitekture

Medtem ko je malo opredeljenih pravil, kaj sestavlja informacijsko arhitekturo, med postopkom upoštevajte naslednje:

Ne osredotočajte se na hierarhijo, osredotočite se na strukturo

Hierarhija je nastavljiva . Domača stran bo vedno domača, toda kam vodi, kako uporabniki pridejo do teh krajev in vse vmes in pozneje, se določi kasneje.

Vsi procesi naj bodo logični

Čeprav je IA v postopku UX namenjen uporabniškim interakcijam, mora biti vsak korak na poti smiseln. Zasloni za registracijo ne smejo voditi do nastavitev, funkcija kamere ne sme skočiti v pogled zemljevida ... seznam se nadaljuje.

Ne pozabite na postopek UX

Pogosta napaka je pravičnost naredite IA, brez virov, raziskav ali drugih sredstev ali dela. To je tako, kot da bi avtorju rekli, naj napiše knjigo brez orisa, ali programerju, naj kodira aplikacijo brez prototipov.

Vi ste kartograf

Kartografi upoštevajo vse o zemljevidu, od gorskih verig do državnih meja. Tako kot izdelovalci zemljevidov oblikovalci določajo, kaj gre za oblikovanje ocene učinka. Posamezne strani, specifično vedenje uporabnikov, kontekst za odločitvene točke ... itd.

Kartograf na koncu določi, kaj bo na zemljevidu, glede na potrebe uporabnikov. Enako velja za oblikovalce, zato izdelajte oceno učinka za končnega uporabnika, in sicer ekipe za razvoj izdelkov in oblikovanje.

Informacijska arhitektura se vedno spreminja in razvija

Da bi še enkrat vrtali točko domov, so vsi ocene učinka zgrajene za spremembe. Izdelki se razvijajo, modeli se spreminjajo, uporabniki se prilagajajo in cikel se vedno znova nadaljuje. Ne jemljite ga preveč resno in vedite, da se bo vedno mogoče izboljšati. Ne ciljajte na popolnost; zgraditi preprosto, prilagodljivo oceno učinka.

Moja informacijska arhitektura je končana ... Kaj zdaj?

Pogosta je predstava, da kakršno koli oblikovalsko delo ni nikoli resnično končano, in to zagotovo velja za informacijsko arhitekturo. Rastejo in se krčijo ter spreminjajo kot naši izdelki. Za razliko od načrta stavbe se bo IA vedno razvijal na podlagi vsega, od potrebe uporabnika do novih funkcij ali prenove izdelka. Večina strukture lahko ostane nespremenjena in zagotavlja skladnost med različicami, tako da se uporabniki ne zmedejo.

In to je dobro. Vedeti, da je IA tekoč dokument, ki se verjetno spreminja tedensko in včasih celo vsak dan, je močan način za vzdrževanje celotne strukture vaše aplikacije ali spletnega mesta, ne da bi se kdaj dotaknili kode ali ustvarjanje novih prototipov . Boljša je celotna ekipa za razvoj izdelkov ve IA, hitreje bodo vsi vedeli, kaj je in kaj ni mogoče, in kako resno je vsako domnevno 'enostavno delo'.

Kar nas pripelje do resnične lepote informacijske arhitekture: Vnaprej določenega izhodišča ni. Medtem ko tradicionalni postopek oblikovanja UX narekuje, da je IA zgrajen po opravljenih dovolj tokovih uporabnikov; oborožen z obilico uporabnikov in konkurenčne raziskave , je lahko tudi prva stvar ... ali zadnja. Postopek izdelave prototipov pogosto prinaša informacije o tem, kako naj bi se zgodila določena vedenja ali dejanja, ki bi si jih težko predstavljali iz logičnega ali domišljijskega ocenjevanja učinka.

Kot stalno razvijajoča se praksa je oblikovanje IA tako umetnost kot veščina, zato imajo velike korporacije deloma položaje informacijskega arhitekta. Ti oblikovalci so čuvaji masivnih sistemov in s svojim razumevanjem rasti izdelkov skozi čas pomagajo usmerjati skupine za izdelke, oblikovanje in inženiring pri sprejemanju pravih odločitev v celotnem obdobju letih . Ta obseg organizacije ni namenjen vsem oblikovalcem, ampak vsak oblikovalec lahko zgradi preprosto, razumljivo informacijsko arhitekturo.

• • •

Priporočeno branje o informacijski arhitekturi

IA za splet in širše

Kako zaznati kakršno koli nered: informacijska arhitektura za vse

Osnove informacijske arhitekture

Razlika med arhitekturo informacij in oblikovanjem UX

• • •

Nadaljnje branje na blogu ApeeScape Design:

• e-trgovina UX - pregled najboljših praks (z Infografiko)
• Pomen človeško usmerjenega oblikovanja pri oblikovanju izdelkov
• Najboljši portfelji oblikovalcev UX - navdihujoče študije primerov in primeri
• Hevristična načela za mobilne vmesnike
• Predvidevanje: Kako ustvariti čarobne uporabniške izkušnje

Razumevanje osnov

Kaj je informacijska arhitektura?

Informacijska arhitektura je dokument, ki zagotavlja operativni zemljevid delovanja izdelka in njegovih funkcij za uporabnike. To je podobno načrtu digitalnih izdelkov in prikazuje strani, vsebino, interakcije in vedenja za celoten izdelek.

Kaj sploh je arhitektura

Namen arhitekture za digitalne oblikovalce je razumeti in ceniti okvir izdelka tako z vidika uporabnika kot podjetja.

Kaj je hierarhična zasnova?

Hierarhična zasnova je strukturiranje vsebine, podatkov in interakcij na fizičen način, običajno z osredotočanjem prednosti na vrh. Delci z nižjo vrednostjo padajo nižje na hierarhiji in jih je mogoče najti bodisi nižje na strani bodisi na popolnoma drugačni strani.

Kaj pomeni uporabniško usmerjen dizajn?

Uporabniško usmerjen dizajn je filozofija oblikovanja, ki uporabnika postavlja na prvo mesto. Vse odločitve o oblikovanju in razvoju izdelkov se določijo s testiranjem na osnovi ponujenega UX-a, da se zagotovi, da so potrebe uporabnikov vedno izpolnjene, ne da bi pri tem žrtvovali obstoječa pričakovanja uporabnikov.

Kaj je vizualna hierarhija pri spletnem oblikovanju?

Vizualna hierarhija pri spletnem oblikovanju je namerno strukturiranje vsebine in podatkov na strani, ki uporabnikom omogoča jasno razumevanje, kje vsebina obstaja in kako jo uporabiti, kje so vse vsebine in podatki postavljeni in v kakšni obliki.

Koliko zasluži informacijski arhitekt?

Po podatkih Glassdoorja povprečna plača ameriških arhitektov za informacijske arhitekte letno znaša približno 95.000 USD.