Representación visual por rhoda.
Visité sitios por primera vez y pude navegar con facilidad, me sentí similar a la última página en la que estuve. Si ha tenido una experiencia similar hoy, ¡veremos el motivo detrás de esto!
En términos simples, ¡nuestra experiencia fue el resultado de una estructura de sitio! ¿Qué estoy insinuando? Vamos a averiguar.
Las estructuras comunes de los sitios web nos ayudan a navegar más rápidamente; no importa si está buscando una película o un terapeuta o consultando las últimas noticias, la mayoría de estos sitios web tienen una estructura familiar.
Veamos las cuatro estructuras de sitios comunes:
Modelo Jerárquico de Matriz Secuencial y Base de Datos.Modelo jerárquico: Esta es una de las estructuras de sitios web más populares. Comienza con la página principal (la página principal) y las páginas secundarias (categorías y subcategorías). Es un enfoque de estructura de arriba hacia abajo y es muy similar a un árbol genealógico.
La primera página/página principal es la página de inicio donde los usuarios comienzan su viaje, representada por la página 1.
A continuación, tenemos páginas para la categoría principal de cada una de estas páginas. Para la categoría principal, estas páginas contienen subcategorías y se consideran secundarias de la página principal.
Representación visual por rhoda.
Planzer es un excelente ejemplo del modelo jerárquico. La página de inicio del sitio web ofrece categorías principales como funciones, casos de uso y precios a nivel principal en la parte superior de la página de inicio. Al pasar el cursor sobre las páginas de categorías como funciones, el sitio ofrece subcategorías como integraciones, gestión del tiempo, bloqueo de tiempo y seguimiento del tiempo a nivel infantil.
El modelo jerárquico recibe su nombre de la palabra jerarquía. En UX el término jerarquía significa organizar su contenido por orden de importancia.
Modelo secuencial: Un modelo secuencial es una estructura de sitio web que guía a los usuarios a través de un proceso paso a paso.
Los sitios web secuenciales ordenan sus páginas desde una página inicial hasta un punto final, en una línea. Los usuarios comienzan en la primera página del sitio y hacen clic en un enlace o botón para ir a la página siguiente en el pedido.
Los usuarios continúan con este patrón haciendo clic en las páginas secuencialmente hasta llegar a la última página. En una estructura secuencial como una encuesta en línea, no puede navegar a páginas desordenadas.
Pueden navegar entre las páginas siguiente y anterior, pero deben completar todas las páginas e ir a la página de inicio.
Aquí tienes un ejemplo: ¿has intentado realizar un pedido? Casi todos los sitios de comercio electrónico tienen formularios secuenciales para llegar a realizar un pedido.
El propósito de cada página en un sitio web que utiliza una estructura secuencial es llevar a los usuarios al siguiente paso de la secuencia, llevándolos hacia un objetivo final.
Representación visual por rhoda.
Representación visual por rhoda.modelo matricial: El modelo matricial es una estructura que permite a los usuarios seguir su camino ya que el contenido se conecta de varias maneras diferentes.
Los usuarios pueden navegar a cualquier página y sitio web modelo de matriz y aún así poder acceder a todas las demás páginas, lo que les permite explorar el sitio libremente. Yo lo llamaría el formato Generación Z porque todo el contenido se vincula entre sí.
El modelo matricial a veces se denomina modelo web.
Piensa en la página de inicio de un blog. El sitio web tiene un menú de navegación en la parte superior, el contenido más reciente al frente y al centro de la página, y otras historias clasificadas en categorías vinculadas a continuación.
Si hace clic en cualquier historia, encontrará otros artículos relacionados conectados a través del artículo. Por ejemplo, si está leyendo sobre una nueva ola tecnológica, es posible que encuentre una historia relacionada sobre una herramienta de inteligencia artificial con un hipervínculo dentro del texto.
Algunos argumentan que los modelos matriciales no brindan una excelente experiencia de usuario porque pueden ser difíciles de navegar si aún no sabes lo que estás buscando.
A pesar de esto, muchos sitios web populares todavía utilizan modelos matriciales que quieren que los usuarios interactúen con gran parte del contenido del sitio web en lugar de enviarlos a un viaje específico.
Representación visual por rhoda.modelo de base de datos: Un modelo de base de datos crea una experiencia dinámica para los usuarios que incluye capacidades avanzadas de filtrado y búsqueda.
Piense en su red social favorita. La mayoría de los sitios de redes sociales pueden publicar contenido con etiquetas, como una ubicación que categoriza el contenido. Los usuarios pueden buscar contenido utilizando estas etiquetas.
O piense en el sitio web de Google Maps cuando llegue a la página de inicio. La principal opción disponible es buscar en la base de datos una dirección o una categoría de ubicaciones como pastelerías.
Credito de imagen
Es común mezclar o combinar estructuras de sitios web para satisfacer las necesidades de un proyecto específico. ¡Lo emocionante es que podrás crear un sitio web que se adapte a las necesidades particulares de tus usuarios!
¿Se pregunta qué estructura es mejor para el diseño de su sitio web? La respuesta vendrá determinada por las necesidades del usuario.
No importa la estructura, ¡la navegación efectiva debe ser primordial!
Para leer más sobre este tema, aquí hay algunos materiales de referencia:
https://www.infidigit.com/blog/website-structure/
