Инструменты архитектуры сайта
Информационная архитектура веб-сайта состоит из двух основных компонентов: определение и идентификация содержимого и функциональности сайта, а также базовая структура, номенклатура и организация, определяющая взаимосвязи между контентом и функциональностью.
Архитектура веб-сайта не является частью пользовательского интерфейса на экране, но она информирует пользовательский интерфейс. Он задокументирован в виде диаграмм и электронных таблиц, а не в виде каркасов, прототипов и комплексных макетов. Для веб-сайтов информационная архитектура - это способ классификации и организации контента на веб-сайте. Он формирует основу для навигации, пользовательского опыта и номенклатуры.
В некотором смысле, вы можете рассматривать информационную архитектуру как связки информации, составляющие разделы веб-сайта. Концепции, сгруппированные вместе, входят в один пакет.
Но почему архитектура сайта так важна? Ну, это потому, что дыры в информационной архитектуре - одна из самых распространенных проблем, встречающихся на веб-сайтах. Неразвитая или плохая архитектура сайта может мешать посетителям перемещаться по сайту и находить то, что они ищут.
Архитектура сайта
Просто подумайте об архитектуре и удобстве использования сайта, связанном с сайтом электронной коммерции. Если архитектура вашего сайта является надежной, но удобство использования или поток задач плохой, посетители смогут найти то, что они хотят, но им будет сложно фактически закрыть покупку, потому что задача потока покупок будет трудно выполнить. Это приведет к плохой конверсии.
С другой стороны, если ваш сайт имеет плохую архитектуру, но хорошее удобство использования, ваши посетители не смогут даже найти продукты, которые они хотят. Таким образом, удобство использования перестало бы иметь значение, потому что посетители уходили, даже не входя в поток покупок.
Чтобы улучшить ваш сайт или создать хороший, важно создать архитектуру сайта без дыр и связанных с этим проблем. Это гарантирует, что максимальное количество посетителей найдет то, что они хотят, улучшая конверсию и возврат инвестиций.
Теперь, когда вы знаете, насколько важна архитектура веб-сайтов, вот несколько инструментов, которые вы можете использовать специально для инструментов картирования сайтов и создания диаграмм, которые можно использовать на этапах планирования разработки веб-сайтов и для улучшения существующих сайтов.
-
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 и несколько других крупных организаций используют этот инструмент, который должен рассказать вам все, что вам нужно о нем знать.
Инструмент позволяет с легкостью составить карту сайта. То, что обычно занимает несколько дней, делается за несколько кликов. Например, в то время как на разработку карты сайта из 1000 страниц вручную может потребоваться около 50 часов, по три минуты на страницу для создания раскладки для каждой страницы, PowerMapper создает лучшую карту сайта за долю времени и стоимость.
PowerMapper, разработанный компанией Electrum Software, также позволяет совместно использовать карты. Вы можете поделиться картами сайта с клиентами и коллегами при проверке или реорганизации сайта. Вы также можете экспортировать карты, используя 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 может быть хорошим инструментом. Это позволяет архитекторам вводить иерархию сайта, привлекать пользователей и устанавливать задачи. Затем они могут увидеть результаты теста, поделиться или загрузить их.