Herramientas de arquitectura de sitios web

La arquitectura de información de un sitio web tiene dos componentes principales: la definición e identificación del contenido y la funcionalidad del sitio, y la estructura, nomenclatura y organización subyacentes que definen las relaciones entre el contenido y la funcionalidad.

La arquitectura del sitio web no forma parte de la interfaz de usuario en la pantalla, pero informa a la interfaz de usuario. Está documentado en diagramas y hojas de cálculo en lugar de tramas, prototipos y diseños completos. Para los sitios web, la arquitectura de la información es la forma en que el contenido se clasifica y organiza en el sitio web. Forma la base para la navegación, la experiencia del usuario y la nomenclatura.

En cierto modo, podría ver la arquitectura de la información como los paquetes de información que componen las secciones del sitio web. Los conceptos agrupados van en el mismo paquete.

Pero, ¿por qué es tan importante la arquitectura del sitio web? Bueno, es porque los agujeros en la arquitectura de la información es uno de los problemas más comunes que se ven en los sitios web. La arquitectura incorrecta o deficiente del sitio web puede dificultar que los visitantes naveguen por el sitio web y encuentren lo que están buscando.

Arquitectura del sitio web

Solo piense en la arquitectura del sitio web y la usabilidad relacionada con un sitio web de comercio electrónico. Si la arquitectura de su sitio web es sólida pero la usabilidad o el flujo de tareas es malo, los visitantes podrán encontrar lo que desean, pero les resultará difícil cerrar la compra porque la tarea de flujo de compra será difícil de realizar. Eso resultaría en una conversión pobre.

Por otro lado, si su sitio web tiene una arquitectura pobre pero buena usabilidad, sus visitantes ni siquiera podrán encontrar los productos que desean. Como tal, la usabilidad dejaría de importar porque los visitantes se irían sin siquiera ingresar al flujo de compra.

Para mejorar su sitio web o crear uno bueno, es importante construir la arquitectura del sitio web sin agujeros ni problemas relacionados. Al hacerlo, se garantiza que el número máximo de visitantes encuentre lo que busca, mejorando la conversión y el retorno de la inversión.

Ahora que sabe lo importante que es la arquitectura del sitio web, aquí hay algunas herramientas que puede usar específicamente para el mapeo del sitio y las herramientas de diagramación para usar durante las etapas de planificación del desarrollo del sitio web y para mejorar los sitios existentes.

  1. Microsoft Visio

Microsoft Visio es una de las mejores herramientas de diagramación en este momento, adecuada para todo, desde diagramas de flujo hasta planos de planta. Se puede utilizar para crear diagramas tanto simples como complejos. Tiene una amplia gama de formas, plantillas y objetos incorporados. También puedes hacer tus propias formas e importarlas.

Visio se puede utilizar para crear diagramas de mapas en 3D a través de herramientas incorporadas, aunque esta característica particular es limitada. Funciona bien para mapas simples. La herramienta también puede extraer información en vivo de fuentes externas como una base de datos de Microsoft Access o una hoja de Excel. Viene empaquetado con muchas formas incorporadas que se pueden agregar a su diagrama.

El software tiene herramientas de dibujo para satisfacer requisitos especiales, y puede comenzar a trabajar rápidamente con las plantillas estándar disponibles de inmediato. Las herramientas de dibujo generalizadas personalizan los diagramas según sus propios requisitos. Visio tiene una interfaz intuitiva que puede ser recogida incluso por principiantes.

Visio es utilizado por muchos diseñadores y desarrolladores para mapear y diagramar sus sitios web durante la etapa de planificación.

  1. Omnigraffle

Omnigraffle es una herramienta que puede utilizar para una serie de propósitos, en particular la estructuración y diagramación. En comparación con las aplicaciones de marcos de alambre, Omnigraffle está lejos de ser perfecto, pero viene con una buena combinación de capacidades y eficiencia. Sin embargo, carece de buena interactividad para la creación de prototipos y solo está disponible para computadoras Mac. Puede crear prototipos en los que se pueda hacer clic, pero la funcionalidad se limita a eso. También puede mostrar u ocultar capas y hacer otras cosas, pero estas funciones solo funcionan dentro de Omnigraffle.

A pesar de las deficiencias, Omnigraffle es una herramienta comprobada de estructura de alambre y una opción digna para planificar la arquitectura de su sitio web. En esencia, Omnigraffle se trata de crear diagramas, desde esquemas de software hasta diagramas de organización, y desde diagramas de planificación de espacios y relaciones de entidades hasta diagramas de flujo.

El nuevo navegador de recursos del software ofrece una serie de plantillas y colecciones de formas para crear estos documentos. Puede optar por esta herramienta para crear diagramas de flujo, diagramas de red, procesos de proyectos y mucho más. Lo más importante, puede usar esto para mapear la arquitectura de su sitio web.

El conjunto de diagramas y esquemas de alambre de Omnigroup es particularmente valioso porque los esquemas de alambre pueden desarrollarse con una jerarquía para que los usuarios puedan hacer clic para ir de una pantalla a otra y también ver una barra lateral para ver la relación entre las páginas. La herramienta se puede utilizar para desarrollar diagramas, diseños de página, cuadros de procesos, maquetas de sitios web y más. Aunque hay una curva de aprendizaje involucrada, puede encontrar mucho valor en Omnigraffle

  1. PowerMapper

Utilizado en más de 50 países y alrededor de un tercio de las compañías Fortune 100, PowerMapper es una herramienta de mapeo de sitios muy popular. El MIT, la NASA y varias otras organizaciones importantes usan esta herramienta, que debería decirle todo lo que necesita saber al respecto.

La herramienta le permite hacer un mapa del sitio con facilidad. Lo que generalmente lleva días de esfuerzo se realiza con unos pocos clics. Por ejemplo, si bien puede llevar alrededor de 50 horas desarrollar un mapa del sitio de un sitio web de 1, 000 páginas manualmente, con tres minutos por página para crear un cuadro para cada página, PowerMapper crea un mejor mapa del sitio por una fracción del tiempo y costo.

Desarrollado por Electrum Software, PowerMapper también permite compartir mapas con otros. Puede compartir mapas del sitio con clientes y colegas al auditar o rediseñar un sitio web. También puede exportar mapas usando HTML, XML, CSV, PNG y otros formatos estándar. Los mapas se pueden exportar en el formato de mapa de sitio XML de Google para mejorar la visibilidad en los resultados de la página del motor de búsqueda.

Además, puede copiar y pegar mapas en otras aplicaciones como Microsoft PowerPoint y Word para otros fines, o también en Excel. Es fácil de usar y una excelente herramienta de mapeo de sitios para mapear sitios esqueletos o sitios web actuales, fuera de línea y en línea. Hay una variedad de estilos de mapeo disponibles, que incluyen versiones profesionales y estándar.

  1. SmartDraw

SmartDraw es un popular programa de software de creación de diagramas de flujo con diseño intuitivo y gran facilidad de uso, por lo que es una buena opción para los principiantes. Además de su ligera curva de aprendizaje, esta herramienta también ofrece fuertes funciones de diagramación y organización, junto con excelentes características gráficas y opciones de texto decentes. A pesar de esto, existen algunas desventajas en las opciones de soporte y faltan algunas características clave del diagrama.

El software carece de algunas opciones clave de puntos de conexión, como la capacidad de agregar puntos de conexión y la no disponibilidad de trabajos de unión. Sin embargo, es un buen producto para quienes están familiarizados con el diseño de diagramas de flujo y para las personas nuevas en la creación de diagramas de flujo.

SmartDraw carece de algunas herramientas de diagramación, entre las cuales destaca la incapacidad de agregar puntos de conexión. Esto puede ser un gran inconveniente para crear diagramas de flujo personalizados o complejos, pero no debería ser un gran problema para diseños más básicos, ya que ya hay varios puntos de conexión disponibles.

La falta de movimientos de unión también puede ser un problema, pero una vez más no debería ser un gran problema si crea diagramas simples. Sin embargo, puede hacer que los diagramas de flujo de trabajo de varios pasos sean un poco más complicados de crear.

En otras áreas, SmartDraw es una herramienta de arquitectura de sitios web bastante poderosa. Puede usar una variedad de plantillas o crear las suyas propias.

  1. Xtreeme SiteXpert

Con Xtreeme SiteXpert, puede crear mapas basados ​​en Java y menús DHTML para su sitio web. La edición estándar se inicia con un cuadro de diálogo que lo guía a través del proceso completo. El asistente de diseño se puede usar para escanear su sitio web y ensamblar los enlaces. También le permite mapear la estructura completa del sitio, personalizar el código y la navegación de creación.

También puede encontrar un tutorial básico que explica cómo funciona la herramienta. Además, puede actualizar e insertar los menús de su sitio web con la herramienta. La aplicación es compatible con los complementos de NetObjects, FrontPage y DreamWeaver.

La edición estándar es diferente de la edición profesional, que viene con un motor de búsqueda, actualización automática del sitio, características XML y diagramación jerárquica. Sin embargo, su salida de compatibilidad transfronteriza sigue siendo valiosa y todavía permite a los nuevos webmasters crear excelentes menús dinámicos.

SiteXpert se puede usar para crear varios diseños de mapas de sitio para su sitio web bajo sus características, incluidos esquemas de navegación de sitios web compatibles con plataformas cruzadas, navegadores cruzados y búsqueda de sitios.

  1. Dynomapper

Dynomapper es una buena opción de una herramienta visual de mapeo de sitios para desarrollar mapas de sitios interactivos que muestren más que solo URL. Puede ser utilizado por los usuarios para colaborar e incluir comentarios, categorías, datos analíticos y más. Puede elegir entre los estilos de mapa del sitio (árbol, círculo y predeterminado) y puede personalizarlos con esquemas de colores y logotipos.

La herramienta también viene con integración analítica, opciones avanzadas de rastreo y funcionalidades de arrastrar y soltar, lo que la convierte en una de las mejores herramientas de mapa visual del sitio. Puede optar por una prueba gratuita de 14 días o explorar otros planes de precios basados ​​en el seguimiento de palabras clave, los límites de rastreo y los usuarios.

  1. StickySorter

StickySorter es una gran herramienta para clasificar y organizar notas adhesivas virtuales para diagramas de sesiones y para otras tareas de clasificación de información. También le permite usar diferentes adhesivos relacionados entre sí en un solo grupo. Los adhesivos pueden tener diferentes colores para la diferenciación, y se pueden organizar en una pila, pila o azulejo. Se pueden acercar o alejar, y el editor de campos puede crear nuevos campos o editar o eliminar los existentes.

Creado por Microsoft Office Labs, esta es una gran herramienta gratuita para ordenar listas de contenido en grupos y explorar nuevas versiones de la arquitectura del sitio web. A diferencia de algunas de las otras herramientas en línea mencionadas anteriormente, debe descargar esta herramienta y requiere Windows Vista o XP.

  1. Axure

Hay muchas herramientas de creación de prototipos disponibles, pero solo unas pocas tienen características avanzadas y Axure es una de ellas. Es una excelente herramienta para la experiencia del usuario y permite a los diseñadores de sitios web crear rápidamente prototipos interactivos muy avanzados, incluso si no están muy bien informados sobre la codificación front-end.

Es una herramienta de diagramación y diagrama de alambre similar a Omnigraffle, que es útil para arquitectos de información, particularmente diseñadores de interacción. Con Axure RP Prol, puede crear páginas con arrastre-zoom, desplazamiento de paralaje, encabezados acoplados, búsqueda incremental, paneles dinámicos en movimiento y más.

  1. MindManager

MindManager de MindJet es diferente al software convencional de mapas mentales. Esta herramienta integra la gestión de proyectos en el mapeo mental, por lo que es más un administrador de información integral que un simple mapeador mental.

Aunque está lejos de ser barato, MindManager definitivamente vale la pena el costo. Es un marco visual destinado a promover la organización de ideas y el pensamiento freefork. Con su sencilla funcionalidad de arrastrar y soltar, los arquitectos de información pueden usarlo para crear y dejar ideas de manera fácil y rápida, y organizar estas ideas en un mapa del sitio para ilustrarlo y permite exportar mapas del sitio como JPG.webp, PNG, PDF o documentos de Word.

  1. XMind

XMind es otro programa de mapeo con potentes capacidades de diagramación, pero tiene algunos problemas de interfaz. Sin embargo, una vez que se acostumbre a su interfaz, puede obtener mucho de esta herramienta. Viene con una serie de plantillas que presentan diferentes tipos de diagramas. Su interfaz es detallada y puede ser abrumadora para quienes no están familiarizados con ella. Las revisiones se manejan muy bien, lo que le permite volver a versiones anteriores con facilidad.

Esta herramienta viene con el beneficio adicional de permitir que los especialistas en arquitectura de sitios web guarden mapas en Evernote. Ofrece una biblioteca completa de mapas para que los usuarios vean el trabajo de otros y compartan su propio trabajo. Está disponible una versión gratuita, junto con el pago XMind Pro para Linux, Windows y Mac.

  1. Treejack

Treejack es ideal si desea probar la jerarquía de información de una arquitectura de sitio web propuesta. Es superior en otras técnicas de evaluación como la clasificación inversa de tarjetas y la clasificación de tarjetas cerradas, evaluando la profundidad completa de una jerarquía de información.

Para aquellos de ustedes que quieran probar su jerarquía y comprender cómo funcionaría con los usuarios, Treejack puede ser una buena herramienta. Permite a los arquitectos ingresar una jerarquía de sitio, reclutar usuarios y configurar tareas. Luego pueden ver los resultados de la prueba, compartirlos o descargarlos.