Informačná architektúra – čo to je, ako ju vytvoriť a ako ju môžete využiť pre zvýšenie konverzií?

informačná architektúra

Kľúčom k úspešnému marketingu je dobre zrealizovaný plán. Príprava je však rovnako dôležitá, avšak často podceňovaná. Jednou z týchto podceňovaných častí býva práve informačná architektúra.

Informačná architektúra môže byť odstrašujúca pre dizajnérov, ktorí ju nikdy predtým nerobili. Na vytvorenie úspešnej vizualizácie webstránky sú potrebné zručnosti a prax spolu s plánovaním. Každý sa však dokáže naučiť vytvárať informačnú architektúru, ktorá je efektívna a zachytiť údaje tak, aby ich pochopil každý.

Čo je to informačná architektúra

Informačná architektúra predstavuje vytvorenie štruktúry pre webstránku, aplikáciu alebo iný projekt, ktorá nám umožňuje pochopiť ako sa používatelia dostávajú k informáciam na webstránke. Vo výsledku ide o site mapu, hierarchiu, kategorizáciu, navigáciu alebo meta údaje.

Keď svoj obsah začnete separovať do jednotlivých kategórii, vytvárate informačnú architektúru. Keď dizajnér vytvorí skicu navigačného menu, taktiež vytvára informačnú architektúru.

Ako vytvoriť informačnú architektúru webstránky

Bez ohľadu na to, aká úloha sa vykonáva, existuje zopár základných otázok, ktoré sa musíme sami seba spýtať pri vytváraní informačnej architektúry. Nimi sú:

  1. ako sa používatelia pohybujú (preklikávajú) na webstránke?
  2. ako aplikácia pomáha používateľovi katalogizovať informácie?
  3. ako sa informácie prezentujú naspäť používateľovi?
  4. ako informácie pomáhajú zákazníkom a povzbudia ho k činnosti?

Pre správnu odpoveď je potrebné sa sústrediť na niekoľko vecí:

  • cieľovú skupinu,
  • funkcie, ktoré sa využívajú na webstránke,
  • údaje prezentované na webstránke.

Ďalej je potrebné zvoliť si vhodný program. Môžete využiť klasický Word, Balsamiq alebo Lucidchart, ktorý je uvedený na tomto obrázku.informačná architektúra

zdroj fotografie: distilled.net

Je veľmi dôležité vizualizovať rozdiely medzi vnútornými odkazmi, ktoré smerujú hore a dolu po hierarchii, takže je najlepšie používať zreteľné farby. V diagrame nižšie bola použitá modrá farba pre odkazy smerujúce dolu a červené pre odkazy smerujúce hore. Taktiež sa odporúča použiť farba pre odkazy smerujúce naprieč celou hierarchiou. Pokiaľ plánujete zdieľať túto mapu s inými ľuďmi, je dobré pre nich zahrnúť legendu.

informačná architektúra

zdroj fotografie: distilled.net

Vaša mapa informačnej architektúry by mala zahrnúť nasledujúce:

  1. hierarchickú štruktúru,
  2. vnútorné odkazy (vertikálne a horizontálne),
  3. URL príklady.

informačná architektúra

zdroj fotografie: distilled.net

Ako používať vašu mapu informačnej architektúry

Existujú 4 spôsoby, ako sa dá mapa využiť rozdielne:

  1. Sledovanie korelácie medzi informačnou architektúrou a meranými údajmi,
  2. Identifikovanie typov stránky,
  3. Identifikovanie technických problémov,
  4. Analýza konkurencie.

sledovanie korelácie medzi informačnou architektúrou a meranými údajmi 

Často sa môže stať, že vytvoríte podstránku zameranú na určité kľúčové slovo, avšak iná vaša podstránka sa vo výsledkoch na kľúčové slovo zobrazuje lepšie. Hoci dôvodom môže byť viacero faktorov, informačná architektúra poskytuje lepší náhľad do tohto problému.

Používať tento formát taktiež pomáha ľahšie porovnávať kontrast dvoch interných podstránok. Je zároveň ľahšie opýtať sa otázky ako:

  • je podstránka odkazovaná z podstránky, ktorá je v informačnej architektúre vyššie?
  • je podstránka odkazovaná z podstránok s vyššou PA (page authority)?
  • je podstránka odkazovaná z viacerých interných podstránok?

identifikovanie typov stránky 

Vytvorením mapy informačnej štruktúry veľmi ľahko môžete rozoznať rôzne typy podstránok, ktoré sú umiestnené na webstránke. V konečnom výsledku pri technickom SEO ľahšie zistíte, či je problém iba s konkrétnou podstránkou alebo sa týka všetkých podobných kategórii.

Znalosť tejto informácie je veľmi dôležitá pri komunikovaní s vývojárom pretože rozhoduje o tom, ako budete problém riešiť a ukáže ako dobre poznáte svoju stránku a viete adresovať problém.

Lepšie pochopenie rôznych typov podstránok hrá taktiež veľkú rolu v budúcnosti. Namiesto toho, aby ste identifikovali stratégie, ktoré sa týkajú konkrétnych podstránok, je ľahšie vizualizovať väčšie stratégie, pretože máte lepšie pochopenie toho, koľko rôznych typov podstránok existuje na vašej webstránke a ako sú navzájom prepojené.

zdroj fotografie: distilled.net

identifikovanie technických problémov 

Pomocou informačnej architektúry taktiež zistíte obsah a štruktúru URL. Vo výsledku sa vám ľahšie budú dať vyriešiť technické problémy a identifikovanie dôvodov, prečo vznikli. Je to perfektný doplnok pre akýkoľvek vykonaný technický audit.

analýza konkurencie 

Okrem vytvorenia vlastnej informačnej architektúry môžete vytvoriť aj mapu vlastnej konkurencie alebo konkurencie klienta. Toto je užitočné pre identifikovaní rôznych typov podstránok u konkurencie, ktorá cieli na špecifické kľúčové slová a zistenie, prečo sa im darí lepšie v internom odkazovaní.

Zdroje pre inšpiráciu o informačných architektúrach

Informačná architektúra dokáže byť veľmi komplexná, takže sa netreba čudovať, že sa tejto téme venuje niekoľko webstránok. Uvedené stránky nižšie pochádzajú od individuálnych informačných architekov, ktorý zdieľajú svoje zdroje s kolegami, po profesionálne organizácie, ktoré sa týmto živia.

Info Design Patterns 

Info Design Patterns sa zaoberá novinkami a poskytuje databázu o informačnej architektúre. Databáza je obzvlášť vhodná pre ľudí, ktorí sa rozhodujú o tom, ako chcú zobraziť dáta svojim používateľom alebo čitateľom.

informačná architektúra

zdroj fotografie: noupe.com

InfoDesign

InfoDesign je skvelý zdroj pre každého, kto sa zaujíma o informačnú architektúru. Táto stránka má stovky článkov, ktoré sú rozdelené do kategórii ako je prístupnosť, content stratégia, interakčný dizajn, protypy a podobne.

zdroj fotografie: noupe.com

Information Design Watch

Information Design Watch ponúka newsletter a klasické články s informáciami o dizajne po celom svete. Zahŕňa množstvo skvelých, svetových zdrojov infografiky a dizajnov informačnej štruktúry a sú skvelým zdrojom pre ľudí hľadajúcimi inšpirácie.

informačná architektúra

zdroj fotografie: noupe.com

Design Crux – Information Design

Information Design od Design Crux má články o informačnej architektúre a dizajne. Oba sú skvelým zdrojom uvádzajúcim inšpiratívne príklady.

informačná architektúra

zdroj fotografie: noupe.com

Cool Infographics

Cool Infographics je blog, ktorý zbiera zaujímavé infografiky z celého webu. Je to prvotriedny zdroj pre hľadanie inšpirácie a príkladov skvelej infografiky a informačnej architektúry.

informačná architektúra

zdroj fotografie: noupe.com

JJG.net

JJG.net ponúka zdroje pre experience dizajn a informačnú architektúru. Toto zahŕňa PDF-ká články alebo rozhovory.

informačná architektúra

zdroj fotografie: noupe.com

Information Architecture od A List Apart

A List Apart má excelentnú kategóriu o informačnej architektúre s viac ako 20 článkami.

informačná architektúra

zdroj fotografie: noupe.com

Boxes and Arrows

Boxes and Arrows je excelentný blog o tom, ako dizajn funguje a ako vytvárať lepší dizajn na základe údajov o UX.

informačná architektúra

zdroj fotografie: noupe.com

Information Design from AIGA

AIGA má sekciu, kde píše články o informačnom dizajne. Hoci ich nie je príliš veľa, každý článok je vo vysokej kvalite.

informačná architektúra

zdroj fotografie: noupe.com

Good Magazine

Good Magazine je skvelá kolekcia infografiky zaoberajúca sa širokým množstvom tém. Ide o excelentný zdroj pre inšpiráciu.

informačná architektúra

zdroj fotografie: noupe.com

Flowing Data

Flowing Data sa zaoberá infografikami o množstve tém. Blog zbiera infografiky z celého webu a vysvetľuje, ktoré aspekty fungujú.

informačná architektúra

zdroj fotografie: noupe.com

Organic Information Design

Organic Information Design je PDF súbor, ktorý vysvetľuje nový typ interaktívneho dizajnu používajúci množstvo údajov od dynamických zdrojov.

informačná architektúra

zdroj fotografie: noupe.com

The Information Design approach to Web development

Tento článok od magazínu Digital Web ponúka nový prístup k vývoju webu s použitím informácii o dizajnových technikách. Je to skvelý zdroj informácii pre informačných architektov a vývojárov.

informačná architektúra

zdroj fotografie: noupe.com

InfoGraphic Designs: Prehľad, príklady a najlepšie praktiky

Tento článok od instantShift je jeden z najobsiahlejších začiatočníckych návodov o informačnej architektúre. Zahŕňa rady o tom ako vytvárať dizajn a ponúka niekoľko skvelých príkladov úspešného informačného dizajnu.

informačná architektúra

zdroj fotografie: noupe.com

Návod pre informačnú architektúru

Toto je kompletný návod od Webmonky ako vytvoriť úspešnú informačnú grafiku. Skladá sa z 5 častí, pričom každá je zameraná na rôzny aspekt informačnej architektúry.

informačná architektúra

zdroj fotografie: noupe.com

Zhrnutie

Informačná architektúra je skvelá pomôcka, ktorá vám zlepší prehľad o vašej webstránke. Čím je váš web komplexnejší, tým viac vám informačná architektúra dokáže pomôcť. V prípade, ak máte záujem o vytvorenie vlastnej informačnej architektúry alebo celej webovej stránky, môžete využiť naše služby tvorba webových stránok.

zdroj fotografie: unsplash.com, zdroj titulnej fotografie: unsplash.com

zdroje:

https://www.noupe.com/design/fantastic-information-architecture-resources.html

https://www.distilled.net/blog/seo/why-you-should-map-out-your-sites-information-architecture/

http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/

Autor

Dárius Polák

Copywriter a bloger.

mohlo by vás zaujímať

Mind mapy sú dokonalý nástroj nielen na analyzovanie

Nepoznám ľahší diagram na pochopenie ako mind map. UML...

október 2017 – zhrnutie mesiaca

čo sa nám podarilo máme nového kolegu, ktorý sa...

Tip 70: Spravte si kompletnú objednávku na starom notebooku

Nestraťte zákazníkov so starými počítačmi. Otestujte svoj eshop aj...
BarCamp Bratislava 2016

Organizujeme BarCamp Bratislava 2014

Po piatich rokoch sa v Bratislave opäť uskutoční BarCamp,...

presvedčili sme vás?

Ak sa chcete niečo spýtať, napíšte nám.

Odpovieme čo najskôr.

00421 915 263 443

info@vibration.sk