A designerek a webdesign folyamat elej\u00e9n gyakran inform\u00e1ci\u00f3s architekt\u00far\u00e1t is k\u00e9sz\u00edtenek egy adott term\u00e9khez kapcsol\u00f3d\u00f3an. Ilyenkor meghat\u00e1roznak minden utat, melyet a felhaszn\u00e1l\u00f3k bej\u00e1rhatnak az adott weboldalon vagy appik\u00e1ci\u00f3ban, \u00e9s ennek megfelel\u0151en rendezik el az inform\u00e1ci\u00f3kat. Ugyanakkor az inform\u00e1ci\u00f3s architekt\u00fara t\u00f6bb, mint egy szimpla oldalt\u00e9rk\u00e9p. <\/p>\n\n\n\n
Mi az inform\u00e1ci\u00f3s architekt\u00fara?<\/h2>\n\n\n\n
A defin\u00edci\u00f3 szerint az inform\u00e1ci\u00f3s architekt\u00fara annak gyakorlata, hogy mik\u00e9nt rendezd el valaminek a r\u00e9szeit \u00fagy, hogy az \u00e9rthet\u0151 legyen<\/strong>. <\/p>\n\n\n\n \u00c9rthet\u0151bben: az inform\u00e1ci\u00f3s architekt\u00fara a weboldaladon vagy az applik\u00e1ci\u00f3dban megjelen\u0151 inform\u00e1ci\u00f3k fel\u00e9p\u00edt\u00e9se<\/strong>. Amikor arra t\u00f6reksz\u00fcnk, hogy elrendezz\u00fck az inform\u00e1ci\u00f3kat, akkor ennek eredm\u00e9nyek\u00e9nt k\u00f6nnyebb\u00e9 v\u00e1lik a weboldal tartalm\u00e1nak meg\u00e9rt\u00e9se \u00e9s a navig\u00e1ci\u00f3. Ez hasonl\u00f3 ahhoz, mint amikor egy \u00edr\u00f3 a t\u00f6rt\u00e9net meg\u00edr\u00e1sa el\u0151tt v\u00e1zlatot, vagy amikor egy \u00e9p\u00edt\u00e9sz el\u0151sz\u00f6r tervrajzot k\u00e9sz\u00edt.<\/p>\n\n\n\n B\u00e1rmilyen digit\u00e1lis term\u00e9k, weboldal vagy applik\u00e1ci\u00f3 tulajdonk\u00e9ppen az inform\u00e1ci\u00f3k gy\u0171jtem\u00e9ny\u00e9nek tekinthet\u0151. Az inform\u00e1ci\u00f3s architekt\u00fara rendezi el ezeket az inform\u00e1ci\u00f3kat olyan m\u00f3don, hogy k\u00f6nny\u0171 legyen \u0151ket meg\u00e9rteni, \u00e9s a k\u00e9s\u0151bbiekben hozz\u00e1igaz\u00edthat\u00f3k legyenek a v\u00e1ltoz\u00f3 weboldalhoz vagy alkalmaz\u00e1shoz<\/strong>.<\/p>\n\n\n\n Minden olyan weboldal vagy applik\u00e1ci\u00f3, melynek megfelel\u0151 az inform\u00e1ci\u00f3s architekt\u00far\u00e1ja, struktur\u00e1lisan megalapozottnak tekinthet\u0151. Olyan ez, mint az \u00e9p\u00edtkez\u00e9s. Ha tudjuk, hogy melyek a fontos pill\u00e9rek, \u00e9s ezekkel kezdj\u00fck az \u00e9p\u00edtkez\u00e9st, akkor stabil alapokat rakunk le. Ha pedig van egy stabil alapunk<\/strong>, akkor an\u00e9lk\u00fcl tudjuk folytatni a munk\u00e1t, hogy az \u00e9p\u00edtm\u00e9ny b\u00e1rmikor is bizonytalann\u00e1 v\u00e1lna.<\/p>\n\n\n\n P\u00e9ldak\u00e9nt itt van a Spotify inform\u00e1ci\u00f3s architekt\u00far\u00e1ja, mely \u00edgy n\u00e9z ki:<\/p>\n\n\n\n Az inform\u00e1ci\u00f3s architekt\u00fara egy weboldal eset\u00e9ben le\u00edrja annak hierarchi\u00e1j\u00e1t, navig\u00e1ci\u00f3j\u00e1t, funkci\u00f3it \u00e9s interakci\u00f3it<\/strong>. \u00c9s csak\u00fagy, mint egy \u00e9p\u00edt\u00e9szeti tervrajz, ez a legfontosabb dokumentum a designer sz\u00e1m\u00e1ra, hiszen t\u00e1vlatb\u00f3l mutatja meg a teljes term\u00e9ket.<\/p>\n\n\n\n Az inform\u00e1ci\u00f3s architekt\u00fara teh\u00e1t alapvet\u0151en egy tervrajz, vizu\u00e1lis \u00e1br\u00e1zol\u00e1sa a term\u00e9k fel\u00e9p\u00edt\u00e9s\u00e9nek, funkci\u00f3inak \u00e9s hierarchi\u00e1j\u00e1nak<\/strong>. Az, hogy mennyire r\u00e9szletes lesz, a designert\u0151l f\u00fcgg. Ez\u00e9rt adott esetben mag\u00e1ba foglalhatja a navig\u00e1ci\u00f3 le\u00edr\u00e1s\u00e1t, a tartalom ismertet\u00e9s\u00e9t \u00e9s a folyamatokat. A m\u00e9retet \u00e9s a form\u00e1t tekintve nincs korl\u00e1t, persze c\u00e9lszer\u0171, ha az emberek az IA alapj\u00e1n meg\u00e9rtik, mik\u00e9nt m\u0171k\u00f6dik a term\u00e9k.<\/p>\n\n\n\n Ha vil\u00e1gos \u00e9s hat\u00e9kony designt szeretn\u00e9l, akkor egy vil\u00e1gos \u00e9s hat\u00e9kony inform\u00e1ci\u00f3s architekt\u00fara kialak\u00edt\u00e1s\u00e1val kell kezdened. Ez a feladat r\u00e1k\u00e9nyszer\u00edt arra, hogy gondolkodj, \u00edgy a felhaszn\u00e1l\u00f3idnak m\u00e1r nem kell majd<\/strong>. Amikor az inform\u00e1ci\u00f3s architekt\u00far\u00e1n t\u00f6r\u00f6d a fejed, akkor nem \u00fagy tekintesz a designra, mint oldalak \u00e9s pixelek \u00f6sszess\u00e9g\u00e9re, hanem mint absztrakt gondolatok, f\u0151nevek \u00e9s ig\u00e9k gy\u0171jtem\u00e9ny\u00e9re.<\/p>\n\n\n\n Ilyenkor r\u00e1d\u00f6bbensz, hogy egy app vagy weboldal nem m\u00e1s, mint inform\u00e1ci\u00f3. Az a m\u00f3d, ahogy \u00f6sszef\u0171zz\u00fck az inform\u00e1ci\u00f3kat, meghat\u00e1rozza, hogy az emberek mik\u00e9nt tudj\u00e1k majd fogyasztani ezt az inform\u00e1ci\u00f3t.<\/strong> Ez olyan, mint egy gondolat vagy egy mondat megalkot\u00e1sa. A f\u0151nevek \u00e9s az ig\u00e9k megfelel\u0151 elrendez\u00e9se a mondaton bel\u00fcl meghat\u00e1rozza azt, hogy mennyire k\u00f6nnyen \u00e9rthet\u0151 az \u00fczenet.<\/p>\n\n\n\n Egy applik\u00e1ci\u00f3 \u00e9s egy weboldal is csak f\u0151nevek \u00e9s ig\u00e9k \u00f6sszess\u00e9ge. A f\u0151nevek alkotj\u00e1k az alkalmaz\u00e1sod vagy weblapjaid vil\u00e1g\u00e1t. Az ig\u00e9k viszont a cselekv\u00e9st jelzik<\/strong>, melyet a felhaszn\u00e1l\u00f3k tehetnek a megjelen\u0151 f\u0151nevekkel. Olyan f\u0151nevekre kell gondolni, mint p\u00e9ld\u00e1ul a dalok, a mapp\u00e1k, a felhaszn\u00e1l\u00f3k, a fot\u00f3k, az \u00e9ttermek, a p\u00e9nz, vagy a bar\u00e1tok. Ezekhez kapcsol\u00f3dnak az ig\u00e9k: lej\u00e1tszani (egy dalt), l\u00e9trehozni (egy mapp\u00e1t), l\u00e9trehozni (egy felhaszn\u00e1l\u00f3t), megosztani (egy fot\u00f3t), \u00e9rt\u00e9kelni (egy \u00e9ttermet), (p\u00e9nzt) k\u00fcldeni, vagy hozz\u00e1adni (egy bar\u00e1tot).<\/p>\n\n\n\n Az appok nagyobb r\u00e9sz\u00e9t, durv\u00e1n 80 sz\u00e1zal\u00e9k\u00e1n f\u0151nevek jelennek meg, \u00e9s csak egy kisebb r\u00e9sz\u00e9t teszik ki az ig\u00e9k, vagyis azok az el\u00e9rhet\u0151 cselekv\u00e9si lehet\u0151s\u00e9gek, melyeket az emberek tehetnek.<\/p>\n\n\n\n Az IA design egy nagyon hasonl\u00f3 folyamat, mint egy folyamat\u00e1bra megrajzol\u00e1sa. Form\u00e1kat jelen\u00edtesz meg, melyeket \u00f6sszek\u00f6tsz vonalakkal valamilyen rendszer alapj\u00e1n egyetlen dokumentumon bel\u00fcl. A kih\u00edv\u00e1s els\u0151sorban az, hogy meg\u00e9rtsd, pontosan mik\u00e9nt m\u0171k\u00f6dik az appod vagy a weboldalad a felhaszn\u00e1l\u00f3 szemsz\u00f6g\u00e9b\u0151l, <\/strong>valamint hogyan szervezd az inform\u00e1ci\u00f3kat \u00e9rthet\u0151 form\u00e1ba.<\/p>\n\n\n\n K\u00e9t dologra mindenk\u00e9ppen figyelni kell a megalkot\u00e1sakor:<\/p>\n\n\n\n Teh\u00e1t mint egy folyamat\u00e1br\u00e1n\u00e1l is, mondjuk a n\u00e9gyzetek jelzik a folyamatokat, m\u00edg a rombuszok a d\u00f6nt\u00e9si pontokat. A legfontosabb annak jelz\u00e9se, hogy az egyes \u00f6sszetev\u0151k hol helyezkednek el a hierarchi\u00e1ban \u00e9s mik\u00e9nt vannak c\u00edmk\u00e9zve, megjelen\u00edtve.<\/p>\n\n\n\n Inform\u00e1ci\u00f3s architekt\u00far\u00e1t k\u00e9sz\u00edteni „fentr\u0151l lefel\u00e9” nagyon neh\u00e9z dolog. Olyan, mint ha egy m\u00e9rn\u00f6k\u00f6t arra k\u00e9rn\u00e9l, tervezzen meg egy aut\u00f3t a tetej\u00e9t\u0151l az alj\u00e1ig. Ehelyett ink\u00e1bb alkatr\u00e9szenk\u00e9nt kell neki\u00e1llni, vagyis az egyes egys\u00e9gek megtervez\u00e9s\u00e9vel kell kezdeni<\/strong>.<\/p>\n\n\n\n A leg\u00e9rt\u00e9kesebb r\u00e9sze a hierarchia vizu\u00e1lis \u00e1br\u00e1zol\u00e1sa, nem csak az\u00e9rt mert \u00edgy k\u00f6nnyebben \u00e9rthet\u0151 a term\u00e9k, hanem mert megmutatja a kulcsfontoss\u00e1g\u00fa r\u00e9szeit. Ugyanakkor minden interakci\u00f3 \u00e9rthet\u0151v\u00e9 v\u00e1lik protot\u00edpus haszn\u00e1lata n\u00e9lk\u00fcl azok sz\u00e1m\u00e1ra, akik a term\u00e9ken dolgoznak.<\/p>\n\n\n\n A j\u00f3 inform\u00e1ci\u00f3s architekt\u00far\u00e1n\u00e1l mindig bizonyos elvek \u00e9s mint\u00e1k \u00e9rv\u00e9nyes\u00fclnek<\/strong>. P\u00e9ld\u00e1ul, a fels\u0151 navig\u00e1ci\u00f3s s\u00e1vban szerepl\u0151 inform\u00e1ci\u00f3knak kellene mindig a legfontosabbnak lenni\u00fck. A dolgok ott v\u00e1lnak \u00e9rdekesebb\u00e9, amikor azt l\u00e1tjuk, hogy az inform\u00e1ci\u00f3k mindig azonos strukt\u00far\u00e1t akarnak felvenni<\/strong>, az inform\u00e1ci\u00f3 term\u00e9szet\u00e9t\u0151l f\u00fcggetlen\u00fcl. Tipikus mint\u00e1zat p\u00e9ld\u00e1ul, hogy min\u00e9l m\u00e9lyebbre navig\u00e1lunk az inform\u00e1ci\u00f3s architekt\u00far\u00e1ban, ann\u00e1l t\u00e1volabb jutunk az \u00e1ltal\u00e1nos elemek gy\u0171jtem\u00e9ny\u00e9t\u0151l egy-egy specifikus elem ir\u00e1ny\u00e1ba.<\/p>\n\n\n\n Az iPod inform\u00e1ci\u00f3s architekt\u00far\u00e1ja v\u00e1ltozatlan marad, mik\u00f6zben a felhaszn\u00e1l\u00f3i fel\u00fclet sokat v\u00e1ltozott:<\/p>\n\n\n\n Ha valaki m\u00e1r el\u00e9g sok appot, weboldalt vagy digit\u00e1lis term\u00e9ket k\u00e9sz\u00edtett, akkor azt l\u00e1tja, hogy bizonyos szinten az inform\u00e1ci\u00f3k strukt\u00far\u00e1ja mindegyikn\u00e9l ugyanaz<\/strong>. \u00c1ltal\u00e1ban csak az inform\u00e1ci\u00f3 az, ami v\u00e1ltozik. Egy j\u00f3 designer pedig tudja, hogy, mik\u00e9nt alkalmazza a m\u00e1r kipr\u00f3b\u00e1lt \u00e9s m\u0171k\u00f6d\u0151 strukt\u00far\u00e1kat.<\/p>\n\n\n\n Az inform\u00e1ci\u00f3s architekt\u00fara kialak\u00edt\u00e1s\u00e1n\u00e1l teh\u00e1t ezekkel a strukt\u00far\u00e1kkal kell kezdeni<\/strong>. Amikor elkezdj\u00fck bele\u00f6nteni az inform\u00e1ci\u00f3t a megfelel\u0151 kont\u00e9nerekbe, akkor kezdj\u00fck szem\u00e9lyre szabni az inform\u00e1ci\u00f3 egyedi nyelv\u00e9t. Teh\u00e1t p\u00e9ld\u00e1ul az olyan vizu\u00e1lis inform\u00e1ci\u00f3k, mint a fot\u00f3k, m\u00e1sk\u00e9nt jelennek meg, mint mondjuk az adatalap\u00fa inform\u00e1ci\u00f3k.<\/p>\n\n\n\n A minta ugyanaz, csak a tartalom m\u00e1s:<\/p>\n\n\n\n Egy j\u00f3l \u00e1tgondolt inform\u00e1ci\u00f3s architekt\u00fara a legjobb m\u00f3dja annak, hogy a felhaszn\u00e1l\u00f3idat v\u00e9gigvezesd a tartalmaidon. Ha a tartalmaid nincsenek megfelel\u0151en elrendezve, akkor a l\u00e1togat\u00f3k elveszettnek \u00e9rzik magukat a weboldaladon. Egy j\u00f3 IA figyelembe veszi a felhaszn\u00e1l\u00f3i ig\u00e9nyeket, \u00e9s megmutatja nekik az utat a tartalomban.<\/p>\n\n\n\n Az inform\u00e1ci\u00f3s architekt\u00fara kidolgoz\u00e1sa n\u00e9h\u00e1ny l\u00e9p\u00e9sben megoldhat\u00f3. Az al\u00e1bbiakban felsoroljuk ezeket a l\u00e9p\u00e9seket, de nem minden esetben lesz sz\u00fcks\u00e9g mindegyikre. <\/p>\n\n\n\n Ak\u00e1r el akarsz adni valamilyen term\u00e9ket, ak\u00e1r csak egy blogot m\u0171k\u00f6dtetsz nonprofit alapon, valamilyen c\u00e9lod biztos, hogy van, illetve n\u00e9h\u00e1ny m\u00e9r\u0151sz\u00e1mod, ami megmutatja, hogy sikeres vagy-e. Ez a c\u00e9l lehet egy konverzi\u00f3mennyis\u00e9g vagy egyedi l\u00e1togat\u00f3sz\u00e1m adott id\u0151kereten bel\u00fcl. A l\u00e9nyeg, hogy ezek j\u00f3l meghat\u00e1rozott c\u00e9lok legyenek. <\/p>\n\n\n\n Ahhoz, hogy megismerd a tartalmadat, tartalomauditra lehet sz\u00fcks\u00e9ged. Ez k\u00fcl\u00f6n\u00f6sen akkor fontos, ha a megl\u00e9v\u0151 inform\u00e1ci\u00f3s architekt\u00far\u00e1t szeretn\u00e9d csiszolni. A tartalomaudit sor\u00e1n annyit teszel, hogy valamennyi inform\u00e1ci\u00f3morzs\u00e1t elemzel a weboldalon. A tartalomaudit mondja meg, hogy mi az, ami m\u0171k\u00f6dik, \u00e9s mi az, ami nem. <\/p>\n\n\n\n Ha m\u00e1r megvannak a c\u00e9ljaid, \u00e9s l\u00e1tod, hogy milyen tartalmak \u00e1llnak a rendelkez\u00e9sedre, akkor a k\u00f6vetkez\u0151 l\u00e9p\u00e9s, hogy ezeket elkezded rendszerezni. L\u00e9trehozol tartalmi csoportokat, melyek \u00f6sszekapcsolsz, hogy azt\u00e1n egy j\u00f3l szervezett egys\u00e9get k\u00e9pezzenek. A rendszerez\u00e9s ut\u00e1n nem maradhatnak k\u00fcl\u00f6n\u00e1ll\u00f3 inform\u00e1ci\u00f3s darabk\u00e1k, mert mindegyiknek valamilyen csoportba kell tartoznia. Ezeket a csoportokat azt\u00e1n m\u00e1r k\u00f6nnyebb lesz \u00e9rtelmezni.<\/p>\n\n\n\n Ebben a f\u00e1zisban l\u00e9trehozhatod az oldalt\u00e9rk\u00e9pet, melyn\u00e9l azonban nem csak az els\u0151dleges men\u00fcre vagy f\u0151 navig\u00e1ci\u00f3ra kell f\u00f3kusz\u00e1lnod, mivel ezek m\u00e9g nem ny\u00fajtanak teljes k\u00e9pet. Vil\u00e1gosan kell l\u00e1tnod a kapcsolatokat, linkeket az egyes inform\u00e1ci\u00f3s elemek k\u00f6z\u00f6tt, \u00e9s hogy ezek egy\u00fctt mik\u00e9nt k\u00f6zvet\u00edtik az \u00fczenetet. Egy j\u00f3 oldalt\u00e9rk\u00e9pr\u0151l kider\u00fcl, hogy a felhaszn\u00e1l\u00f3knak milyen v\u00e1laszt\u00e1si lehet\u0151s\u00e9gei vannak, \u00e9s hogyan juthatnak az ig\u00e9nyeiknek megfelel\u0151 tartalmakhoz.<\/p>\n\n\n\n Az eddigi l\u00e9p\u00e9sek alapvet\u0151en a Te ig\u00e9nyeidre f\u00f3kusz\u00e1lnak, \u00e9s eddig m\u00e9g nem nagyon vetted sz\u00e1mba a felhaszn\u00e1l\u00f3k ig\u00e9nyeit. \u00dagyhogy itt m\u00e1r n\u00e9z\u0151pontot kell v\u00e1ltani, ehhez pedig az kell, hogy ismerd a k\u00f6z\u00f6ns\u00e9ged. A felhaszn\u00e1l\u00f3k v\u00e1rakoz\u00e1sainak \u00e9s reakci\u00f3inak ugyanis hat\u00e1ssal kell lenni\u00fck az inform\u00e1ci\u00f3s architekt\u00far\u00e1ra.<\/p>\n\n\n\n A l\u00e9nyeg, hogy a l\u00e1togat\u00f3id szem\u00e9vel kezd szeml\u00e9lni a tartalmaidat! Fontos, hogy t\u00f6bbf\u00e9le t\u00edpus\u00fa felhaszn\u00e1l\u00f3dnak ismerkedj meg a v\u00e1gyaival, elv\u00e1r\u00e1saival, valamint az is, hogy amennyire lehets\u00e9ges, maradj elfogulatlan \u00e9s t\u00e1rgyilagos. Persze, Te nyilv\u00e1n szereted a tartalmaidat, de fogadd el, ha a felhaszn\u00e1l\u00f3k m\u00e1sk\u00e9nt l\u00e1tj\u00e1k \u0151ket. Ez persze nem azt jelenti, hogy mindent komolyan kell venni, amit mondanak, de ha t\u00f6bb ember is ugyanazt \u00e1ll\u00edtja, akkor \u00e9rdemes odafigyelni r\u00e1.<\/p>\n\n\n\n Ak\u00e1r szem\u00e9lyes, ak\u00e1r online felm\u00e9r\u00e9sek, interj\u00fak, f\u00f3kuszcsoportos besz\u00e9lget\u00e9sek szolg\u00e1ltathatnak inform\u00e1ci\u00f3t a k\u00f6z\u00f6ns\u00e9gedr\u0151l. A l\u00e9nyeg, hogy a v\u00e9g\u00e9n legyen egy vil\u00e1gos k\u00e9ped arr\u00f3l, hogy az emberek mit akarnak, amikor kapcsolatba l\u00e9pnek a weboldaladdal. <\/p>\n\n\n\n Ezen a ponton teh\u00e1t tiszt\u00e1n l\u00e1tod a rendelkez\u00e9sedre \u00e1ll\u00f3 tartalmat (vagy azt, amit el kell k\u00e9sz\u00edtened), illetve a felhaszn\u00e1l\u00f3id ig\u00e9nyeit. Az elk\u00e9sz\u00fclt oldalt\u00e9rk\u00e9pet \u00f6ssze kell vetned azzal, hogy milyen tartalom \u00e1ll rendelkez\u00e9sedre, \u00e9s hogy az emberek mit akarnak a weboldaladon. Ennek eredm\u00e9nyek\u00e9nt ki tudod t\u00f6lteni a megl\u00e9v\u0151 r\u00e9seket, \u00e9s l\u00e9tre tudod hozni az (\u00faj) inform\u00e1ci\u00f3s architekt\u00far\u00e1t. <\/p>\n\n\n\n Most m\u00e1r minden adott ahhoz, hogy megrajzold az inform\u00e1ci\u00f3s architekt\u00far\u00e1t. Fontos azonban, hogy az elk\u00e9sz\u00fclt IA \u00e9rthet\u0151 legyen azok sz\u00e1m\u00e1ra, akik abb\u00f3l dolgoznak majd, vil\u00e1gosan l\u00e1ss\u00e1k a kapcsolatokat az egyes r\u00e9szek k\u00f6z\u00f6tt.<\/p>\n\n\n\n Sz\u00e1mtalan szoftver rendelkez\u00e9sre \u00e1ll, ha inform\u00e1ci\u00f3s architekt\u00far\u00e1t kell tervezni, \u00e9s akad k\u00f6z\u00f6tt\u00fck olyan is, amit k\u00f6nny\u0171 haszn\u00e1lni. A draw.io<\/a> haszn\u00e1lata ingyenes, \u00e9s \u00f6sszekapcsolhat\u00f3 a Google Drive-val. Ez\u00e1ltal t\u00f6bben is dolgozhattok ugyanazon a projekten, \u00e9s \u00e9l\u0151ben l\u00e1thatj\u00e1tok a v\u00e1ltoz\u00e1sokat.<\/p>\n\n\n\n A Lucidchart<\/a> m\u00e9g jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt k\u00edn\u00e1l, r\u00e1ad\u00e1sul el\u0151re elk\u00e9sz\u00edtett template-ek is tal\u00e1lhat\u00f3k benne, t\u00f6bb integr\u00e1ci\u00f3s lehet\u0151s\u00e9ggel, \u00e9s mobil appal kieg\u00e9sz\u00edtve. Tov\u00e1bbi lehet\u0151s\u00e9g az Omnigraffle<\/a>,a Visio<\/a>, a Diagrams.net<\/a> vagy a Coggle<\/a> haszn\u00e1lata. Mindegyiknek vannak el\u0151nyeik \u00e9s h\u00e1tr\u00e1nyaik, valamint att\u00f3l f\u00fcgg\u0151en haszn\u00e1lhat\u00f3k, hogy ki, milyen k\u00f6rnyezetben dolgozik.<\/p>\n\n\n\n Ehhez felhaszn\u00e1l\u00f3i interj\u00fakra lesz sz\u00fcks\u00e9ged, mert ezek seg\u00edtenek abban, hogy val\u00f3ban meg\u00e9rtsd a felhaszn\u00e1l\u00f3id ig\u00e9nyeit, probl\u00e9m\u00e1it, hogy milyen feladatokat akarnak v\u00e9grehajtani, milyen c\u00e9lokat akarnak el\u00e9rni a weboldaladon. Ez alapj\u00e1n gondold v\u00e9gig, hogy mik\u00e9nt l\u00e9pnek interakci\u00f3ba a weboldaladdal, \u00e9s milyen \u00faton tudj\u00e1k v\u00e9grehajtani a feladataikat.<\/p>\n\n\n\n Ne f\u00e9lj att\u00f3l, hogy bizonyos dolgok fontoss\u00e1g\u00e1t cs\u00f6kkentened kell<\/strong>! Ez sz\u00fcks\u00e9ges ahhoz, hogy m\u00e1s elemek fontoss\u00e1g\u00e1t n\u00f6velni tudd. Sz\u00fcks\u00e9g van a kontrasztra az \u00e1tl\u00e1that\u00f3s\u00e1ghoz. Ez\u00e9rt szabadulj meg az inform\u00e1ci\u00f3t\u00f3l, ahol kell, \u00e9s cs\u00f6kkentsd a fontoss\u00e1g\u00e1t, amikor az el\u0151bbi m\u00e1r nem megy!<\/p>\n\n\n\n A hierarchia b\u00e1rmikor megv\u00e1ltoztathat\u00f3, a kezd\u0151lap pedig mindig a kezd\u0151lap marad. Ami \u00e9rdekesebb, hogy hova tartanak innen az emberek, mik\u00e9nt jutnak el a megfelel\u0151 oldalakra, \u00e9s mi van a kett\u0151 k\u00f6z\u00f6tt.<\/p>\n\n\n\n Min\u00e9l jobban cs\u00f6kkented a szintek sz\u00e1m\u00e1t, ann\u00e1l kevesebb kattint\u00e1sra lesz sz\u00fcks\u00e9g\u00fck a felhaszn\u00e1l\u00f3knak ahhoz, hogy el\u00e9rj\u00e9k a c\u00e9lt.<\/p>\n\n\n\n Teh\u00e1t p\u00e9ld\u00e1ul a hierarchia tetej\u00e9n l\u00e9v\u0151 c\u00edmsorok \u00edr\u00f3djanak nagyobb bet\u0171kkel. Az ilyen vizu\u00e1lis elt\u00e9r\u00e9sek a fontosabb r\u00e9szekhez vezetik a felhaszn\u00e1l\u00f3k tekintet\u00e9t. <\/p>\n\n\n\n Gondold \u00e1t, hogy mely dolgok tartoznak \u00f6ssze<\/strong>! P\u00e9ld\u00e1ul a profilr\u00f3l sz\u00f3l\u00f3 r\u00e9sz megfelel\u0151 hely arra, hogy ott jelenjen meg minden, ami a felhaszn\u00e1l\u00f3hoz kapcsol\u00f3dik, ahelyett, hogy sz\u00e9tsz\u00f3rn\u00e1d ezeket az inform\u00e1ci\u00f3kat az app vagy a weboldal k\u00fcl\u00f6nb\u00f6z\u0151 pontjain.<\/p>\n\n\n\n Minden l\u00e9p\u00e9snek legyen \u00e9rtelme az \u00faton. Ez azt jelenti, hogy egy regisztr\u00e1ci\u00f3s \u0171rlap ne a be\u00e1ll\u00edt\u00e1sokhoz vezessen, a kamera funkci\u00f3ra kattintva ne a t\u00e9rk\u00e9p n\u00e9zetbe jusson a felhaszn\u00e1l\u00f3, stb.<\/p>\n\n\n\n Ahogy az alkalmaz\u00e1sod vagy weboldalad n\u00f6vekszik \u00e9s fejl\u0151dik, \u00fagy v\u00e1lhat sz\u00fcks\u00e9gess\u00e9, hogy \u00fajra \u00e1tgondold az inform\u00e1ci\u00f3s architekt\u00fara kialak\u00edt\u00e1s\u00e1t<\/strong>. Az inform\u00e1ci\u00f3s architekt\u00far\u00e1t ne \u00fagy k\u00e9sz\u00edtsd el, hogy az az \u00f6r\u00f6k id\u0151knek sz\u00f3, hanem azzal a szeml\u00e9lettel, hogy folyamatosan v\u00e1ltozik. Ne a t\u00f6k\u00e9letess\u00e9gre t\u00f6rekedj, hanem egy egyszer\u0171, haszn\u00e1lhat\u00f3 IA-t hozz l\u00e9tre.<\/p>\n\n\n\n Friss\u00edt\u00e9s, 2022.03.24.:<\/em><\/p>\n\n\n\n A piramis alak\u00fa oldalstrukt\u00fara a 2000-es \u00e9vek elej\u00e9n kezdett terjedni a weben, \u00edgy nem egy vadonat\u00faj dologr\u00f3l van sz\u00f3. Azonban egyel\u0151re nem l\u00e9pett \u00e1t rajta az id\u0151, s\u0151t a Google nemr\u00e9g meger\u0151s\u00edtette, hogy ez a legjobb megold\u00e1s, ha \u00e9rthet\u0151v\u00e9 akarjuk tenni sz\u00e1m\u00e1ra a weboldalunkat.<\/p>\n\n\n\n A piramis alak\u00fa oldalstrukt\u00fara l\u00e9nyege egyszer\u0171, ma m\u00e1r szinte term\u00e9szetes (de nem volt ez mindig \u00edgy): a f\u0151oldal helyezkedik el a legfels\u0151 szinten \u00e1ltal\u00e1nos kulcsszavakkal, \u00e9s min\u00e9l m\u00e9lyebbre ereszkedsz a weboldalban, ann\u00e1l speci\u00e1lisabb\u00e1 v\u00e1lnak a kateg\u00f3ri\u00e1k \u00e9s az oldalak.<\/p>\n\n\n\n Az els\u0151 komolyabb eml\u00edt\u00e9se a piramis alak\u00fa oldalstrukt\u00far\u00e1nak a 2001-es Webmaster World-h\u00f6z kapcsol\u00f3dik, ahol t\u00e9ma-piramisokr\u00f3l besz\u00e9ltek a szak\u00e9rt\u0151k. <\/p>\n\n\n\n Ez a weboldastrukt\u00fara az\u00e9rt indult terjed\u00e9snek a 2000-es \u00e9vek elej\u00e9n, mivel megjelent n\u00e9h\u00e1ny olyan tanulm\u00e1ny, mely a „t\u00e9m\u00e1k” koncepci\u00f3j\u00e1t \u00e9s a linkek ehhez igazod\u00f3 elrendez\u00e9s\u00e9t vizsg\u00e1lta a weboldalak meg\u00e9rt\u00e9se szempontj\u00e1b\u00f3l. Hiszen, ha a keres\u0151motorok a weboldalakat \u00e9s a linkeket t\u00e9m\u00e1k szerint vizsg\u00e1lj\u00e1k, akkor \u00e9rdemes a weboldalakat is t\u00e9m\u00e1k szerint elrendezni.<\/p>\n\n\n\n Teh\u00e1t, ha egy oldal p\u00e9ld\u00e1ul horg\u00e1szfelszerel\u00e9seket \u00e1rul, akkor a f\u0151oldala err\u0151l sz\u00f3l \u00e1ltal\u00e1noss\u00e1gban, viszont innen egy kattint\u00e1ssal a felhaszn\u00e1l\u00f3 olyan t\u00e9m\u00e1kig jut el, mint a horgok, csalik, vagy a ruh\u00e1zat. Ezeken bel\u00fcl pedig a k\u00f6vetkez\u0151 kattint\u00e1ssal m\u00e9g specifikusabb t\u00e9m\u00e1kat, illetve term\u00e9keket tal\u00e1l. <\/p>\n\n\n\n V\u00e9g\u00fcl pedig a piramis alj\u00e1n tal\u00e1lhat\u00f3 a legt\u00f6bb longtail kulcssz\u00f3, illetve „t\u00e9gla”, melyek egy-egy aloldalnak felelnek meg. Ugyanakkor min\u00e9l feljebb n\u00e9zed a hierarchi\u00e1t, ann\u00e1l kevesebb t\u00e9gla lesz egy szinten, m\u00edgnem a tetej\u00e9re el\u00e9rve egyetlen t\u00e9gla tal\u00e1lhat\u00f3, maga a f\u0151oldal.<\/p>\n\n\n\n![\"Inform\u00e1ci\u00f3s](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2018\/03\/informacios-architektura.png\")
<\/figure>\n\n\n\n![\"spotify-informacios-architektura\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/04\/spotify-informacios-architektura.jpg\")
<\/figure><\/div>\n\n\n\nMi\u00e9rt fontos az inform\u00e1ci\u00f3s architekt\u00fara?<\/h2>\n\n\n\n
Miben seg\u00edti a felhaszn\u00e1l\u00f3t a j\u00f3 inform\u00e1ci\u00f3s architekt\u00fara?<\/h3>\n\n\n\n
Miben seg\u00edti a c\u00e9get a j\u00f3 inform\u00e1ci\u00f3s architekt\u00fara?<\/h3>\n\n\n\n
Hogyan tervezz\u00fcnk inform\u00e1ci\u00f3s architekt\u00far\u00e1t?<\/h2>\n\n\n\n
![\"Inform\u00e1ci\u00f3s](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/04\/informacios-architektura.png\")
<\/figure><\/div>\n\n\n\nEgy j\u00f3 inform\u00e1ci\u00f3s architekt\u00fara univerz\u00e1lis \u00e9s id\u0151tlen<\/h4>\n\n\n\n
![\"ipod-informacios-architektura\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/04\/ipod-informacios-architektura.jpg\")
<\/figure><\/div>\n\n\n\nMint\u00e1k megjelen\u00e9se<\/h4>\n\n\n\n
![\"informacios-architektura-minta-1\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/04\/informacios-architektura-minta-1.jpg\")
<\/figure><\/div>\n\n\n\n![\"informacios-architektura-minta-2\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/04\/informacios-architektura-minta-2.jpg\")
<\/figure><\/div>\n\n\n\nAz inform\u00e1ci\u00f3s architekt\u00fara tervez\u00e9s\u00e9nek l\u00e9p\u00e9sei<\/h2>\n\n\n\n
Hat\u00e1rozd meg a c\u00e9lokat!<\/h4>\n\n\n\n
Tartalomaudit<\/h4>\n\n\n\n
A megl\u00e9v\u0151 tartalom rendszerez\u00e9se<\/h4>\n\n\n\n
\u00c9rtsd meg a felhaszn\u00e1l\u00f3k ig\u00e9nyeit!<\/h4>\n\n\n\n
Dolgozd fel az inform\u00e1ci\u00f3kat!<\/h4>\n\n\n\n
Alak\u00edtsd ki az inform\u00e1ci\u00f3s architekt\u00far\u00e1t!<\/h4>\n\n\n\n
Milyen eszk\u00f6z\u00f6ket haszn\u00e1lhatsz a tervez\u00e9sre?<\/h2>\n\n\n\n
Tippek az inform\u00e1ci\u00f3s architekt\u00fara elk\u00e9sz\u00edt\u00e9s\u00e9hez<\/h2>\n\n\n\n
\u00c9rtsd meg, mit akarnak a felhaszn\u00e1l\u00f3k!<\/h4>\n\n\n\n
Legy\u00e9l tiszt\u00e1ban azzal, hogy mi a fontos, \u00e9s mi nem az!<\/h4>\n\n\n\n
Ne a hierarchi\u00e1ra, hanem a strukt\u00far\u00e1ra figyelj!<\/h4>\n\n\n\n
Pr\u00f3b\u00e1ld meg minimaliz\u00e1lni a hierarchia szintjeit!<\/h4>\n\n\n\n
Az egyes szintek vizu\u00e1lisan is elk\u00fcl\u00f6n\u00edthet\u0151k legyenek<\/h4>\n\n\n\n
Gondolkodj inform\u00e1ci\u00f3s \u201cv\u00f6dr\u00f6kben\u201d!<\/h4>\n\n\n\n
Minden folyamat legyen logikus!<\/h4>\n\n\n\n
Ne f\u00e9lj \u00fajratervezni!<\/h4>\n\n\n\n
Oldalstrukt\u00fara \u00e9s SEO: milyen oldal-fel\u00e9p\u00edt\u00e9st javasol a Google?<\/h2>\n\n\n\n
A piramis alak\u00fa oldalstrukt\u00fara eredete<\/h4>\n\n\n\n
A m\u00e1sik lehet\u0151s\u00e9g: a lapos oldalstrukt\u00fara<\/h4>\n\n\n\n