Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!
Úvod do nástrojov na architektúru webových stránok
Informačná architektúra webovej stránky má dve hlavné zložky: definíciu a identifikáciu obsahu a funkčnosti stránky a základnú štruktúru, nomenklatúru a organizáciu, ktorá definuje vzťahy medzi obsahom a funkčnosťou.
Architektúra webu nie je súčasťou používateľského rozhrania na obrazovke, ale informuje používateľské rozhranie. Je zdokumentovaný skôr v diagramoch a tabuľkách ako v drôtových modeloch, prototypoch a komplexných rozloženiach.Pre webové stránky je informačná architektúra spôsob, akým je obsah na webovej lokalite kategorizovaný a organizovaný. Tvorí základ pre navigáciu, používateľskú skúsenosť a nomenklatúru.
Na informačnú architektúru by ste sa mohli určitým spôsobom pozerať ako na zväzky informácií, ktoré tvoria sekcie webovej stránky. Koncepty zoskupené do jedného balíka.
Prečo je však architektúra webových stránok taká dôležitá? Je to preto, že diery v informačnej architektúre sú jedným z najbežnejších problémov na webových stránkach. Nekvalitná alebo zlá architektúra webovej stránky môže návštevníkom sťažiť navigáciu na webovej lokalite a hľadanie toho, čo hľadajú.
Architektúra webových stránok
Len sa zamyslite nad architektúrou webovej stránky a jej použiteľnosťou súvisiacou s webovou stránkou elektronického obchodu. Ak je architektúra vášho webu správna, ale použiteľnosť alebo tok úloh sú zlé, návštevníci budú môcť nájsť to, čo chcú, ale bude pre nich ťažké skutočne uzavrieť nákup, pretože úloha toku nákupu bude ťažké prejsť.To by malo za následok zlú konverziu.
Na druhej strane, ak má váš web zlú architektúru, ale dobrú použiteľnosť, vaši návštevníci ani nebudú môcť nájsť produkty, ktoré chcú. Na použiteľnosti by tak prestalo záležať, pretože návštevníci by odišli bez toho, aby vstúpili do toku nákupu.
Ak chcete vylepšiť svoju webovú stránku alebo vytvoriť dobrú, je dôležité vybudovať architektúru webu bez dier a súvisiacich problémov. Zabezpečíte tak, že maximálny počet návštevníkov nájde to, čo chcú, čím sa zlepší konverzia a návratnosť investícií.
Teraz, keď už viete, aká dôležitá je architektúra webových stránok, tu je niekoľko nástrojov, ktoré môžete použiť špeciálne na mapovanie stránok a nástroje na vytváranie diagramov, ktoré môžete použiť počas fáz plánovania vývoja webových stránok a na zlepšenie existujúcich stránok.
1. Microsoft Visio
Microsoft Visio je momentálne jedným z najlepších nástrojov na vytváranie diagramov, ktorý je vhodný pre všetko od vývojových diagramov až po pôdorysy.Môže sa použiť na vytváranie jednoduchých aj zložitých diagramov. Má širokú škálu vstavaných tvarov, šablón a predmetov. Môžete si vytvoriť aj svoje vlastné tvary a importovať ich.
Visio je možné použiť na vytváranie 3D diagramov máp pomocou vstavaných nástrojov, hoci táto konkrétna funkcia je obmedzená. Funguje to dobre pre jednoduché mapy. Nástroj môže tiež získavať aktuálne informácie z externých zdrojov, ako je databáza Microsoft Access alebo hárok Excelu. Dodáva sa s množstvom vstavaných tvarov, ktoré možno pridať do diagramu.
Softvér obsahuje nástroje na kreslenie na prispôsobenie sa špeciálnym požiadavkám a môžete rýchlo začať pracovať so štandardnými šablónami, ktoré sú k dispozícii hneď na začiatku. Všeobecné nástroje na kreslenie prispôsobujú diagramy vašim vlastným požiadavkám. Visio má intuitívne rozhranie, ktoré zvládnu aj nováčikovia.
Visio používa veľa dizajnérov a vývojárov na mapovanie a diagramy svojich webových stránok počas fázy plánovania.
2. Omnigraffle
Omnigraffle je nástroj, ktorý môžete použiť na množstvo účelov, najmä na vytváranie drôtov a diagramov. V porovnaní s aplikáciami wireframing nie je Omnigraffle ani zďaleka dokonalý, ale prichádza s dobrou kombináciou schopností a efektivity. Chýba mu však dobrá interaktivita na prototypovanie a je k dispozícii iba pre počítače Mac. Môžete vytvárať klikacie prototypy, ale funkčnosť je obmedzená na toľko. Môžete tiež zobraziť alebo skryť vrstvy a robiť ďalšie podobné veci, ale tieto funkcie fungujú iba v rámci Omnigraffle.
Napriek nedostatkom je Omnigraffle osvedčeným nástrojom na vytváranie modelov a vhodnou voľbou pre plánovanie architektúry vašej webovej stránky. Omnigraffle je vo svojej podstate všetko o vytváraní diagramov, od softvérových drôtových modelov po organizačné diagramy a od priestorového plánovania a diagramov vzťahov entít až po vývojové diagramy.
Nový prehliadač zdrojov softvéru ponúka množstvo šablón a kolekcií tvarov na vytváranie týchto dokumentov.Tento nástroj si môžete zvoliť na vytváranie vývojových diagramov, sieťových diagramov, projektových procesov a oveľa viac. Najdôležitejšie je, že to môžete použiť na zmapovanie architektúry svojho webu.
Súprava drôtových modelov a diagramov od spoločnosti Omnigroup je obzvlášť cenná v tom, že drôtové modely môžu byť vyvinuté s hierarchiou, takže používatelia môžu kliknutím prejsť z jednej obrazovky na druhú a tiež zobraziť bočný panel na zobrazenie vzťahu medzi stránkami. Tento nástroj možno použiť na vývoj diagramov, rozložení stránok, grafov procesov, makiet webových stránok a ďalších. Aj keď je s tým spojená krivka učenia, v Omnigraffle môžete nájsť veľa hodnoty
3. PowerMapper
Používaný vo viac ako 50 krajinách a približne v tretine spoločností z rebríčka Fortune 100, PowerMapper je veľmi populárny nástroj na mapovanie stránok. MIT, NASA a niekoľko ďalších veľkých organizácií používa tento nástroj, ktorý by vám mal povedať všetko, čo o ňom potrebujete vedieť.
Nástroj vám umožňuje jednoducho vytvoriť mapu lokality. To, čo zvyčajne vyžaduje niekoľko dní úsilia, sa vykoná niekoľkými kliknutiami.Napríklad, kým manuálne vytvorenie mapy lokality s 1 000 stránkami môže trvať približne 50 hodín, pričom na vytvorenie rámčeka pre každú stránku sú tri minúty na stránku, PowerMapper vytvorí lepšiu mapu lokality za zlomok času. a náklady.
PowerMapper, vyvinutý spoločnosťou Electrum Software, umožňuje aj zdieľanie máp s ostatnými. Mapy lokality môžete zdieľať s klientmi a kolegom pri audite alebo prepracovaní webovej lokality. Mapy môžete exportovať aj pomocou HTML, XML, CSV, PNG a iných štandardných formátov. Mapy je možné exportovať vo formáte Google XML sitemap, aby sa zlepšila viditeľnosť výsledkov na stránke vyhľadávacieho nástroja.
Okrem toho môžete mapy kopírovať a prilepiť do iných aplikácií, ako sú Microsoft PowerPoint a Word na iné účely, alebo tiež do Excelu. Ľahko sa používa a je to skvelý nástroj na mapovanie stránok na mapovanie kostrových stránok alebo aktuálnych webových stránok, offline aj online. K dispozícii sú rôzne štýly mapovania vrátane profesionálnych a štandardných verzií.
4. SmartDraw
SmartDraw je populárny softvérový program na vytváranie vývojových diagramov s intuitívnym dizajnom a jednoduchou obsluhou, vďaka čomu je dobrou voľbou pre nováčikov. Okrem miernej krivky učenia ponúka tento nástroj aj silné funkcie na vytváranie diagramov a organizáciu spolu so skvelými grafickými funkciami a slušnými možnosťami textu. Napriek tomu existujú určité nevýhody v možnostiach podpory a niektoré kľúčové funkcie diagramu chýbajú.
Softvéru chýbajú niektoré kľúčové možnosti spojovacích bodov, ako napríklad možnosť pridať body pripojenia a nedostupnosť úloh spojenia. Napriek tomu je to dobrý produkt pre tých, ktorí poznajú návrh vývojových diagramov a ľudí, ktorí sú vo vytváraní vývojových diagramov noví.
SmartDraw postráda len niekoľko nástrojov na vytváranie diagramov, z ktorých pozoruhodná bola nemožnosť pridávať body pripojenia. To môže byť hlavnou nevýhodou vytvárania vlastných alebo zložitých vývojových diagramov, ale nemalo by to byť veľkým problémom pre základnejšie návrhy, pretože už je k dispozícii viacero bodov pripojenia.
Problémom môže byť aj absencia výkyvov na križovatkách, ale opäť by to nemal byť až taký problém, ak vytvárate jednoduché diagramy. Môže však trochu skomplikovať vytváranie viackrokových diagramov pracovného toku.
V iných oblastiach je SmartDraw pomerne výkonným nástrojom architektúry webových stránok. Môžete použiť rôzne šablóny alebo si vytvoriť vlastné.
5. Xtreeme SiteXpert
S Xtreeme SiteXpert môžete pre svoje webové stránky vytvárať mapy založené na jazyku Java a ponuky DHTML. Štandardné vydanie sa spustí s dialógovým oknom, ktoré vás prevedie celým procesom. Sprievodcu rozložením možno použiť na skenovanie vašej webovej stránky a zostavenie odkazov. Umožňuje vám tiež zmapovať celú štruktúru stránok, prispôsobiť kód a navigáciu pri vytváraní.
Môžete tiež nájsť základný návod, ktorý vysvetľuje, ako tento nástroj funguje. Okrem toho môžete pomocou nástroja aktualizovať a vložiť ponuky pre svoju webovú stránku. Aplikácia podporuje doplnky NetObjects, FrontPage a DreamWeaver.
Štandardné vydanie sa líši od profesionálneho vydania, ktoré obsahuje vyhľadávací nástroj, automatickú aktualizáciu stránok, funkcie XML a hierarchické diagramy. Napriek tomu je jeho výstup pre cezhraničnú kompatibilitu stále cenný a stále umožňuje novým správcom webu vytvárať skvelé dynamické ponuky.
SiteXpert možno použiť na vytvorenie rôznych návrhov máp stránok pre vaše webové stránky v rámci jeho funkcií, vrátane navigačných schém na webových stránkach kompatibilných s viacerými platformami, prehliadačmi a vyhľadávaním na stránkach.
6. Dynomapper
Dynomapper je dobrá voľba nástroja na vizuálne mapovanie stránok na vývoj interaktívnych máp stránok, ktoré zobrazujú viac než len adresy URL. Používatelia ho môžu použiť na spoluprácu a zahrnúť komentáre, kategórie, analytické údaje a ďalšie. Môžete si vybrať medzi týmito štýlmi mapy stránok – stromový, kruhový a predvolený – a môžete si ich prispôsobiť pomocou farebných schém a log.
Nástroj prichádza aj s integráciou analytiky, pokročilými možnosťami prehľadávača a funkciami presúvania myšou, vďaka čomu je jedným z najlepších nástrojov vizuálnej mapy stránok. Môžete sa rozhodnúť pre 14-dňovú bezplatnú skúšobnú verziu alebo preskúmať iné cenové plány na základe sledovania kľúčových slov, limitov indexového prehľadávania a používateľov.
7. StickySorter
StickySorter je skvelý nástroj na kategorizáciu a usporiadanie virtuálnych poznámok na vytváranie diagramov a na iné úlohy triedenia informácií. To vám tiež umožňuje používať rôzne lepiace prvky, ktoré sa navzájom spájajú do jednej skupiny. Stickies môžu mať rôzne farby na odlíšenie a môžu byť usporiadané do hromady, stohu alebo dlaždice. Je možné ich priblížiť alebo oddialiť a editor polí môže vytvárať nové polia alebo upravovať či mazať existujúce.
Vytvorili ho Microsoft Office Labs a je to skvelý bezplatný nástroj na triedenie zoznamov obsahu do skupín a skúmanie nových verzií architektúry webových stránok. Na rozdiel od niektorých iných online nástrojov uvedených vyššie si tento nástroj musíte stiahnuť a vyžaduje Windows Vista alebo XP.
8. Axure
Dostupných nástrojov na vytváranie prototypov je veľa, ale len niekoľko z nich má pokročilé funkcie a Axure je jedným z nich. Je to skvelý nástroj pre používateľskú skúsenosť a umožňuje dizajnérom webových stránok rýchlo vytvárať vysoko pokročilé interaktívne prototypy, aj keď nemajú veľké znalosti v oblasti front-end kódovania.
Je to nástroj na vytváranie a vytváranie diagramov podobný nástroju Omnigraffle, ktorý je užitočný pre informačných architektov, najmä dizajnérov interakcií. S Axure RP Prol môžete vytvárať stránky s pretiahnutím, paralaxným posúvaním, ukotvenými hlavičkami, prírastkovým vyhľadávaním, pohyblivými dynamickými panelmi a ďalšími funkciami.
9. MindManager
MindManager od MindJet je na rozdiel od bežného softvéru na mapovanie mysle. Tento nástroj začleňuje riadenie projektov do myšlienkových máp, vďaka čomu je viac komplexným správcom informácií než jednoduchým myšlienkovým mapovačom.
Hoci to nie je ani zďaleka lacné, MindManager rozhodne stojí za to. Ide o vizuálny rámec určený na podporu organizácie nápadov a myslenia typu freefork. Vďaka svojej jednoduchej funkcii drag-and-drop ho môžu použiť informační architekti na jednoduché a rýchle vytváranie a ukladanie nápadov a organizovanie týchto nápadov do mapy lokality pre ilustráciu, umožňuje export máp lokality ako JPG.webp, PNG, PDF. alebo dokumenty programu Word.
10. XMind
XMind je ďalší mapovací program s výkonnými možnosťami tvorby diagramov, ale má určité problémy s rozhraním. Keď si však zvyknete na jeho rozhranie, môžete z tohto nástroja veľa získať. Dodáva sa s množstvom šablón, ktoré obsahujú rôzne typy diagramov. Jeho rozhranie je podrobné a môže byť ohromujúce pre tých, ktorí ho nepoznajú. Revízie sú spracované veľmi dobre, čo vám umožňuje ľahko sa vrátiť k starším verziám.
Tento nástroj prichádza s ďalšou výhodou, že umožňuje špecialistom na architektúru webových stránok ukladať mapy do Evernote. Používateľom ponúka kompletnú knižnicu máp, aby si mohli prezerať prácu iných a zdieľať svoju vlastnú prácu. K dispozícii je bezplatná verzia spolu s platenou verziou XMind Pro pre Linux, Windows a Mac.
11. Treejack
Treejack je ideálny, ak chcete otestovať informačnú hierarchiu navrhovanej architektúry webu. Je lepší ako iné vyhodnocovacie techniky, ako je spätné triedenie kariet a uzavreté triedenie kariet, ktoré vyhodnocuje úplnú hĺbku informačnej hierarchie.
Pre tých z vás, ktorí si chcú otestovať svoju hierarchiu a pochopiť, ako by to fungovalo s používateľmi, môže byť Treejack dobrým nástrojom. Umožňuje architektom zadávať hierarchiu lokality, získavať používateľov a nastavovať úlohy. Potom môžu vidieť výsledky testu, zdieľať ich alebo si ich stiahnuť.