¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!
Introducción a las herramientas de arquitectura de sitios web
La arquitectura de la 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 subyacente, la nomenclatura y la organización que define las relaciones entre el contenido y la funcionalidad.
La arquitectura del sitio web no forma parte de la interfaz de usuario en pantalla, pero informa a la IU. Está documentado en diagramas y hojas de cálculo en lugar de estructuras alámbricas, 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. Constituye la base para la navegación, la experiencia del usuario y la nomenclatura.
En cierto modo, se podría considerar 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 son uno de los problemas más comunes que se ven en los sitios web. Una arquitectura del sitio web defectuosa o deficiente puede dificultar que los visitantes naveguen por el sitio web y encuentren lo que buscan.
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 buscan, pero les resultará difícil cerrar la compra porque la tarea de flujo de compra será difícil de realizar.Eso daría como resultado una mala conversión.
Por otro lado, si su sitio web tiene una arquitectura deficiente pero una 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 construir uno bueno, es importante construir una arquitectura de sitio web sin agujeros o problemas relacionados. Al hacerlo, se asegura que la mayor cantidad de visitantes encuentren lo que buscan, lo que mejora 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 principales herramientas de creación de diagramas 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 puede crear sus propias formas e importarlas.
Visio se puede usar para crear diagramas de mapas en 3D a través de herramientas integradas, aunque esta función en 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 repleto de muchas formas incorporadas que se pueden agregar a su diagrama.
El software tiene herramientas de dibujo para adaptarse a requisitos especiales, y puede comenzar a trabajar rápidamente con las plantillas estándar disponibles desde el principio. Las herramientas de dibujo generalizadas personalizan los diagramas para sus propios requisitos. Visio tiene una interfaz intuitiva que pueden utilizar incluso los novatos.
Visio es utilizado por muchos diseñadores y desarrolladores para mapear y diagramar sus sitios web durante la etapa de planificación.
2. Omnigraffle
Omnigraffle es una herramienta que puede utilizar para una serie de propósitos, en particular la creación de esquemas y diagramas. En comparación con las aplicaciones de wireframing, Omnigraffle está lejos de ser perfecto, pero viene con una buena combinación de capacidades y eficiencia. Sin embargo, carece de una 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 está limitada a eso. También puede mostrar u ocultar capas y hacer otras cosas por el estilo, pero estas funciones solo funcionan dentro de Omnigraffle.
A pesar de las deficiencias, Omnigraffle es una herramienta probada de creación de esquemas y una buena opción para planificar la arquitectura de su sitio web. En esencia, Omnigraffle tiene que ver con la creación de diagramas, desde estructuras alámbricas de software hasta organigramas, y desde planificación de espacios y diagramas de relaciones entre 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 es que puede usar esto para trazar la arquitectura de su sitio web.
El conjunto de diagramas y diagramas de cableado de Omnigroup es particularmente valioso porque los diagramas de cableado se pueden desarrollar 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, gráficos de procesos, maquetas de sitios web y más. Aunque implica una curva de aprendizaje, puede encontrar mucho valor en Omnigraffle
3. 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 utilizan esta herramienta, que debería informarle todo lo que necesita saber al respecto.
La herramienta le permite hacer un mapa del sitio con facilidad. Lo que normalmente lleva días de esfuerzo se hace con unos pocos clics.Por ejemplo, si bien puede tomar alrededor de 50 horas desarrollar manualmente un mapa del sitio de un sitio web de 1000 páginas, con tres minutos por página para crear un cuadro de diseño 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 del 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 esqueléticos o sitios web actuales, fuera de línea y en línea. Hay una variedad de estilos de mapeo disponibles, incluidas las versiones profesional y estándar.
4. Dibujo inteligente
SmartDraw es un popular programa de creación de diagramas de flujo con un diseño intuitivo y una gran facilidad de uso, lo que lo convierte en una buena opción para los principiantes. Además de su ligera curva de aprendizaje, esta herramienta también ofrece funciones sólidas de diagramación y organización, junto con excelentes funciones gráficas y opciones de texto decentes. A pesar de esto, existen algunos inconvenientes en las opciones de soporte y f altan 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 f alta de 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 quienes son nuevos en la creación de diagramas de flujo.
SmartDraw carece de algunas herramientas de diagramación, entre las que destaca la incapacidad de agregar puntos de conexión. Esto puede ser un gran inconveniente para la creación de diagramas de flujo personalizados o complejos, pero no debería ser un gran problema para diseños más básicos, ya que varios puntos de conexión ya están disponibles.
La f alta de s altos 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.
5. 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 utilizar 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 puedes 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, funciones XML y diagramas jerárquicos. Sin embargo, su resultado de compatibilidad transfronteriza sigue siendo valioso y todavía permite a los nuevos webmasters crear fantásticos menús dinámicos.
SiteXpert se puede utilizar para crear varios diseños de mapas de sitios para su sitio web en virtud de sus características, incluidos esquemas de navegación de sitios web compatibles entre plataformas, navegadores y búsquedas en sitios.
6. Dynomapper
Dynomapper es una buena opción de herramienta de mapeo visual de sitios para desarrollar mapas de sitios interactivos que muestren más que solo direcciones URL. Los usuarios pueden utilizarlo 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 combinaciones de colores y logotipos.
La herramienta también viene con integración de análisis, opciones avanzadas de rastreo y funcionalidades de arrastrar y soltar, lo que la convierte en una de las mejores herramientas de mapas visuales 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.
7. StickySorter
StickySorter es una excelente herramienta para categorizar y organizar notas adhesivas virtuales para sesiones de creación de diagramas 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 diferenciarlos y se pueden organizar en una pila, pila o mosaico. Se pueden acercar o alejar, y el editor de campos puede crear nuevos campos o editar o eliminar los existentes.
Creada por Microsoft Office Labs, esta es una excelente herramienta gratuita para ordenar listas de contenido en grupos y explorar nuevas versiones de la arquitectura del sitio web. A diferencia de otras herramientas en línea mencionadas anteriormente, debe descargar esta herramienta y requiere Windows Vista o XP.
8. Axura
Hay muchas herramientas de creación de prototipos disponibles, pero solo algunas tienen funciones avanzadas y Axure es una de ellas. Es una excelente herramienta de experiencia del usuario y permite a los diseñadores de sitios web crear rápidamente prototipos interactivos altamente avanzados, incluso si no tienen mucho conocimiento de la codificación front-end.
Es una herramienta de creación de diagramas y creación de diagramas similar a Omnigraffle, que es útil para los arquitectos de información, particularmente los diseñadores de interacción. Con Axure RP Prol, puede crear páginas con zoom de arrastre, desplazamiento de paralaje, encabezados acoplados, búsqueda incremental, paneles dinámicos en movimiento y más.
9. Administrador mental
MindManager de MindJet es diferente al software de mapas mentales convencional. Esta herramienta integra la gestión de proyectos en los mapas mentales, lo que la convierte en un administrador de información más completo que un simple creador de mapas mentales.
Aunque está lejos de ser barato, MindManager definitivamente vale la pena. 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 la información pueden utilizarlo para crear y colocar ideas de manera fácil y rápida, y organizar estas ideas en un mapa del sitio para ilustración. Permite la exportación de mapas del sitio como JPG.webp, PNG, PDF. o Documentos de Word.
10. XMind
XMind es otro programa de creación de mapas con potentes capacidades de creación de diagramas, pero tiene algunos problemas de interfaz. Sin embargo, una vez que te acostumbres a su interfaz, puedes obtener mucho de esta herramienta. Viene con una serie de plantillas que presentan diferentes tipos de diagramas. Su interfaz es detallada y puede resultar abrumadora para quien no esté familiarizado 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. Hay disponible una versión gratuita, junto con XMind Pro de pago para Linux, Windows y Mac.
11. Treejack
Treejack es ideal si desea probar la jerarquía de información de la arquitectura de un sitio web propuesto. Es superior en formas a otras técnicas de evaluación como la clasificación de tarjetas inversas 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 sitios, reclutar usuarios y configurar tareas. Luego pueden ver los resultados de la prueba, compartirlos o descargarlos.