Инструменти за архитектура на уебсайтове
Информационната архитектура на уебсайта има два основни компонента: дефинирането и идентифицирането на съдържанието и функционалността на сайта и основната структура, номенклатурата и организацията, която определя връзките между съдържанието и функционалността.
Архитектурата на уебсайтове не е част от потребителския интерфейс на екрана, но той информира потребителския интерфейс. Той е документиран в диаграми и електронни таблици, а не в телени рамки, прототипи и обширни оформления. За уебсайтовете информационната архитектура е начинът, по който съдържанието се категоризира и организира на уебсайта. Той представлява основата за навигация, потребителско изживяване и номенклатура.
По някакъв начин бихте могли да разгледате информационната архитектура като снопове информация, съставляващи секциите на уебсайта. Концепциите, групирани заедно, отиват в един и същ пакет.
Но защо архитектурата на уебсайтове е толкова важна? Е, защото дупките в информационната архитектура са един от най-често срещаните проблеми, наблюдавани в уебсайтовете. Неправилната или лоша архитектура на уебсайтове може да затрудни посетителите да се ориентират в уебсайта и да намерят това, което търсят.
Архитектура на уебсайтове
Помислете само за архитектурата на уебсайта и използваемостта, свързана с уебсайта за електронна търговия. Ако архитектурата на уебсайта Ви е здрава, но използваемостта или потокът от задачи е лош, посетителите ще могат да намерят това, което искат, но ще им бъде трудно всъщност да затворят покупката, защото задачата за покупко-поток ще бъде трудна за преминаване. Това би довело до лоша конверсия.
От друга страна, ако уебсайтът ви има лоша архитектура, но добра използваемост, посетителите ви дори няма да могат да намерят продуктите, които искат. Като такава, използваемостта ще престане да има значение, тъй като посетителите ще напуснат, без дори да влязат в потока за покупки.
За да подобрите уебсайта си или да изградите добър, е важно да изградите архитектура на уебсайта без дупки или свързани проблеми. По този начин се гарантира, че максималният брой посетители намерят това, което искат, подобрявайки реализацията и възвръщаемостта на инвестициите.
След като знаете колко е важна архитектурата на уебсайта, ето някои инструменти, които можете да използвате специално за инструменти за картографиране и диаграмиране на сайтове, които да използвате по време на етапите на планиране на разработването на уебсайтове и за подобряване на съществуващи сайтове.
-
Microsoft Visio
Microsoft Visio е един от най-добрите инструменти за диаграмиране в момента, подходящ за всичко, от диаграмите на потоците до етажните планове. Може да се използва за създаване на диаграми както прости, така и сложни. Разполага с широка гама от вградени форми, шаблони и предмети. Можете също така да направите свои собствени форми и да ги импортирате.
Visio може да се използва за създаване на 3D диаграми на карта чрез вградени инструменти, въпреки че тази особеност е ограничена. Работи добре за прости карти. Инструментът може също да изтегля информация на живо от външни източници като база данни на Microsoft Access или лист Excel. Той се предлага с много вградени форми, които могат да бъдат добавени към вашата диаграма.
Софтуерът разполага с инструменти за рисуване за задоволяване на специални изисквания и можете бързо да започнете работа със стандартните шаблони, налични веднага от прилепа. Обобщените инструменти за рисуване персонализират диаграмите според вашите собствени изисквания. Visio има интуитивен интерфейс, който може да се вземе дори от новаците.
Visio се използва от много дизайнери и разработчици за картографиране и диаграмиране на техните уебсайтове по време на етапа на планиране.
-
Omnigraffle
Omnigraffle е инструмент, който можете да използвате за редица цели, по-специално телена рамка и диаграми. В сравнение с приложения за телена рамка, Omnigraffle далеч не е перфектен, но идва с добра комбинация от възможности и ефективност. Липсва обаче добра интерактивност за създаване на прототипи и той е достъпен само за компютри с Mac. Можете да създавате прототипи с възможност за кликване, но функционалността е ограничена до толкова. Можете също да показвате или скривате слоеве и да правите други такива неща, но тези функции работят само в рамките на Omnigraffle.
Въпреки недостатъците, Omnigraffle е доказан инструмент за телена рамка и достоен избор за планиране на архитектурата на уебсайта Ви. В основата си Omnigraffle е всичко за създаването на диаграми, от софтуерните тел-рамки до организационните диаграми и от диаграмите за планиране на пространството и взаимоотношенията на лицата до блок-схемите.
Новият браузър на софтуера предлага редица шаблони и колекции от форми за създаване на тези документи. Можете да изберете този инструмент за създаване на диаграми, мрежови диаграми, проектни процеси и много други. Най-важното е, че можете да използвате това, за да очертаете архитектурата на уебсайта си.
Комплектът за телени рамки и диаграми на Omnigroup е особено ценен, тъй като телените рамки могат да бъдат разработвани с йерархия, така че потребителите да могат да кликнат, за да преминат от един екран на друг, а също и да видят странична лента, за да видят връзката между страниците. Инструментът може да се използва за разработване на диаграми, оформление на страници, графики на процеси, макети на уебсайтове и други. Въпреки че има крива на учене, можете да намерите много стойност в Omnigraffle
-
PowerMapper
Използван в над 50 страни и около една трета от компаниите на Fortune 100, PowerMapper е много популярен инструмент за картографиране на сайтове. MIT, NASA и няколко други големи организации използват този инструмент, който трябва да ви каже всичко, което трябва да знаете за него.
Инструментът ви позволява да направите карта на сайта с лекота. Това, което обикновено отнема дни усилия, се прави в рамките на няколко кликвания. Например, докато може да отнеме около 50 часа ръчно разработване на карта на сайта с 1000 страници, с три минути на страница за създаване на поле за всяка страница, PowerMapper създава по-добра карта на сайта за част от времето и цена.
Разработен от Electrum Software, PowerMapper също така позволява споделяне на карти с други. Можете да споделяте карти на сайта с клиенти и колега, когато одитирате или препроектирате уебсайт. Можете също да експортирате карти, като използвате HTML, XML, CSV, PNG и други стандартни формати. Картите могат да бъдат експортирани във формат на карта на Google XML за подобряване на видимостта в резултатите от страницата на търсачката.
Освен това можете да копирате и поставите карти в други приложения като Microsoft PowerPoint и Word за други цели или също в Excel. Той е лесен за използване и чудесен инструмент за картографиране на сайтове за картографиране на скелетни сайтове или текущи уебсайтове, офлайн и онлайн. Предлагат се различни стилове на картографиране, включително професионални и стандартни версии.
-
SmartDraw
SmartDraw е популярна софтуерна програма за създаване на блок-схеми с интуитивен дизайн и голяма лекота на използване, което го прави добър избор за начинаещи. Освен леката си крива на обучение, този инструмент предлага и силни диаграмни и организационни характеристики, заедно с отлични графични функции и прилични текстови възможности. Въпреки това има някои недостатъци в опциите за поддръжка и има някои ключови функции на диаграмата, които липсват.
В софтуера липсват някои основни опции за точка на свързване, като например възможността за добавяне на точки за връзка и липсата на задачи за разклоняване. Независимо от това, той е добър продукт за запознатите с дизайна на блок-схемите и хората, нови за създаването на блок-схеми.
На SmartDraw липсват само няколко инструмента за диаграми, от които се забелязва невъзможността за добавяне на точки за връзка. Това може да бъде основен недостатък при създаването на персонализирани или сложни блок-схеми, но не би трябвало да представлява голям проблем за по-основни дизайни, тъй като вече са налични множество точки на свързване.
Липсата на разклонителни джоги също може да бъде проблем, но за пореден път не бива да е толкова голям проблем, ако създавате прости диаграми. Това обаче може да направи многоетапните диаграми на работния процес малко по-сложни за създаване.
В други области SmartDraw е доста мощен инструмент за архитектура на уебсайтове. Можете да използвате различни шаблони или да създадете свой собствен.
-
Xtreeme SiteXpert
С Xtreeme SiteXpert можете да създавате базирани на Java карти и DHTML менюта за вашия уебсайт. Стандартното издание се стартира с диалогова кутия, която ви води през целия процес. Съветникът за оформление може да се използва за сканиране на вашия уебсайт и за сглобяване на връзките. Също така ви позволява да картографирате цялата структура на сайта, да персонализирате кода и навигацията за създаване.
Можете също така да намерите основен урок, който обяснява как работи инструментът. Освен това можете да актуализирате и вмъкнете менютата за вашия уеб сайт с инструмента. Приложението поддържа NetObjects, FrontPage и DreamWeaver плъгини.
Стандартното издание е различно от професионалното издание, което се предлага с търсачка, автоматизирано актуализиране на сайтове, XML функции и йерархично диаграмиране. Независимо от това, изходът от трансграничната му съвместимост е все още ценен и все още дава възможност на новите уеб администратори да създават страхотни динамични менюта.
SiteXpert може да се използва за създаване на различни дизайни на карти за вашия уебсайт в съответствие с неговите функции, включително крос-платформа, крос-браузър и навигационни схеми за търсене на уебсайтове, съвместими с търсенето.
-
Dynomapper
Dynomapper е добър избор на инструмент за визуално картографиране на сайтове за разработване на интерактивни карти на сайта, които показват повече от само URL адреси. Може да се използва от потребителите за сътрудничество и да включва коментари, категории, данни за анализи и други. Можете да избирате между стиловете на картата на сайта ви - дърво, кръг и по подразбиране - и можете да ги персонализирате с цветни схеми и лога.
Инструментът също така се предлага с интеграция на анализи, усъвършенствани опции за обхождане и функционалност за плъзгане и пускане, което го прави един от най-добрите инструменти за визуална карта на сайта. Можете да изберете 14-дневна безплатна пробна версия или да разгледате други планове за ценообразуване въз основа на проследяване на ключови думи, ограничения за обхождане и потребители.
-
StickySorter
StickySorter е чудесен инструмент за категоризиране и подреждане на виртуални лепкави бележки за сесии за диаграми и за други задачи за сортиране на информация. Той също така ви позволява да използвате различни стикове, свързани помежду си в една група. Стикерите могат да имат различни цветове за разграничаване и могат да бъдат подредени в купчина, стек или плочка. Те могат да се увеличават или намаляват, а редакторът на полето може да създава нови полета или да редактира или изтрива съществуващите.
Създаден от Microsoft Office Labs, това е чудесен безплатен инструмент за сортиране на списъци със съдържание в групи и проучване на нови версии на архитектурата на уебсайтове. За разлика от някои от другите споменати онлайн инструменти, трябва да изтеглите този инструмент и той изисква Windows Vista или XP.
-
Axure
Налични са много инструменти за прототипиране, но само няколко от тях имат разширени функции и Axure е един от тях. Това е чудесен инструмент за потребителско изживяване и дава възможност на дизайнерите на уебсайтове да създават бързо напреднали интерактивни прототипи, дори ако те не са много добре запознати с предното кодиране.
Това е инструмент за телени рамки и диаграми, подобен на Omnigraffle, който е полезен за информационни архитекти, по-специално дизайнери за взаимодействие. С Axure RP Prol можете да създавате страници с плъзгане-увеличение, превъртане на паралакса, докирани заглавки, постепенно търсене, преместване на динамични панели и други.
-
MindManager
MindManager от MindJet е за разлика от конвенционалния софтуер за картографиране на ума. Този инструмент вгражда управлението на проекти в картографирането на ума, което го прави по-скоро изчерпателен информационен мениджър, отколкото обикновен ума на карти.
Въпреки че далеч не е евтино, MindManager определено си струва разходите. Това е визуална рамка, предназначена да насърчава организацията на идеи и мисленето на свободни форкове. С лесната си функция за плъзгане и пускане, той може да се използва от архитектите на информацията за лесно и бързо създаване и пускане на идеи и организира тези идеи в карта на сайта за илюстрация, като позволява експортирането на карти на сайта като JPG.webp, PNG, PDF или Word документи.
-
XMind
XMind е друга програма за картографиране с мощни възможности за диаграмиране, но има някои проблеми с интерфейса. След като свикнете с интерфейса му обаче, можете да получите много от този инструмент. Той идва с редица шаблони, които съдържат различни типове диаграми. Интерфейсът му е детайлен и може да бъде завладяващ за тези, които не са запознати с него. Ревизиите се обработват много добре, което ви позволява да се върнете към по-ранните версии с лекота.
Този инструмент се предлага с допълнителното предимство, което позволява на специалистите по архитектура на уебсайтове да записват карти в Evernote. Той предлага пълна библиотека от карти, за да могат потребителите да видят работата на другите и да споделят собствената си работа. Предлага се безплатна версия, заедно с платената XMind Pro за Linux, Windows и Mac.
-
Treejack
Treejack е идеален, ако искате да тествате информационната йерархия на архитектурата на уебсайта. Тя е по-добра по отношение на други техники за оценка, като сортиране на обратна карта и затворено сортиране на карти, оценяваща пълната дълбочина на информационната йерархия.
За тези от вас, които искат да тестват йерархията си и разбират как би работила с потребителите, Treejack може да бъде добър инструмент. Тя позволява на архитектите да въвеждат йерархия на сайта, да набират потребители и да задават задачи. След това те могат да видят резултатите от теста, да ги споделят или изтеглят.