Luokat: Kaikki - formularios - contenido - búsqueda - navegación

jonka Gabriel Ubieto 12 vuotta sitten

244

Designing Web Navigation

Las páginas web se dividen en varios tipos, cada uno con un propósito específico. Las páginas de contenido son la razón principal por la que los usuarios visitan un sitio, ofreciendo artículos, fotos, vídeos y productos.

Designing Web Navigation

Designing Web Navigation

Tipos de página Web

Páginas funcionalistas
Aplicaciones Web

Apps de contenido interactivo, como puede ser el mail o la cuenta de usuario online.

Submission Forms

Formularios para crear cuentas, comprar productos, contestar encuestas, etc.

Conviene no salir a medio proceso, de lo cual se encarga el administrador con la ausencia de links de contexto, regreso y demás mobilidad tanto asociativa como jerarquica.

Formularios de búsqueda

Búsqueda sencilla, avanzada o booleana.

Páginas de contenido

Es el principal motivo por el cual un usuario visita la página. Es aquello que busca y puede generar interés. Artículos, fotos, vídeos, productos, etc.

Producto

Productos relacionados

Detalles

Descripciones

Imágenes

Páginas de navegación

Su objetivo es dirigir al usuario hacía aquello que está buscando. Se debe intentar que el recorrido hacía el contenido sea el mínimo. No es un recurso protagonista.

Página de resultados

Producto de la app de búsqueda, basado en la introducción de keywords.

Galería

Vista general de contenidos y/o productos.

Landing Page

Vista general de las diferentes categorías.

Posibilidad a través de menús dinámicos de omitir este Landing proces. Por otra parte esto comporta no poder acceder a una página de resumen de sección de modo directo.

Home Page

Dirige a los visitantes hacía áreas clave. Enseña niveles inferiores de navegación. También contiene texto funcional y contenido, pero en formato abreviado.

Navegación Interna

Para páginas muy grandes es útil poder saltar de una sección a otra. Para evitar scrolling incómodo e ineficiente. Un recurso también útil son los accesos directos al inicio de la página.

Los usuarios esperan clicar un link que les lleve a otra sección o web, pero la navegació interna los lleva a diferentes partes de la página donde ya se encuentran.

Categorias de Navegación

Funcionalista

Conecta herramientas y contenido para asistir al usuario en el uso del portal web.

Formularios de búsqueda o opciones de ayuda, en general soportes para orientar al usuario ante los cambios drásticos. Aparece en los extremos, ya sea arriba, abajo o a los lados.

Selección de país o región

Importante debido a las diferencias culturales y estéticas alrededor del globo.

Un buen recurso es un mapa del mundo a través del cual el usuario escoge país o zona geográfica. En esta ocasión si es recomendable usar banderas.

Selección de idiomas

Es recomendable no asociar banderas estatales a idiomas, ya que puede tratarse de un país con múltiples lenguas o una lengua de diferentes paises.

El idioma de selección propio de cada lengua debe ser la original, para así guiar mejor al usuario desde un punto de partida normalmente en inglés (español, no spanish).

Logo linkado

Útil como link de vuelta al Home y posición omnipresente de la marca como identificación y referencia de sitio web donde se encuentra el usuario.

Caja de Herramientas

Linka departamentos con funciones específicas, como Contacto, TIenda, etc.

Navegación Extra-site

Especialmente importante para grandes compañías, con multitud de filiales, areas diferentes y/o diferentes portales web.

Situado arriba a la derecha. Puede generar transiciones bruscas, donde muchas veces no hay link de regreso.

Asociativa
Navegación a Pie de página

Basada en etiquetas al pie de página para dar mayor mobilidad temática, típica en secciones sin más niveles inferiores.

También contiene información referente al Copyright, términos y condiciones, créditos y información similar.

Inconvenientes

Poco visible para su uso, lo que puede conllevar ser ignorada por el usuario.

Ventajas

No se entromete en la visibilidad y funcionalidad de la página web.

Links exprés

Información de contexto, pero para todo el portal web, no solo una sección concreta. Con el fin de promocionar áreas.

Aparece arriba o a los lados. Implica saltos bruscos.

Navegación Adaptativa

Navegación Contextual pero adaptada al comportamiento y necesidades del usuario.

Navegación Contextual

De carácter variante y situacional. De la misma manera que la guía a páginas de contenido similar puede saltar a nuevas areas o incluso a otros portales web.

Muy vinculada a la Navegación Contextual.

Sección "Enlaces relacionados"

Hiperlinks insertados en el texto

Estructual
Navegación Local

Proyectada para acceder a niveles inferiores de la estructura web, normalmente de una jerarquía similar. Constituye una extensión del sistema de Navegación Principal.

Orientados a ampliar el contexto de un contenido que a dar mayor cantidad de información.

Estrategias de implementación

Posicionamiento Árbol

Posicionamiento Horizontal

Posicionamiento de la L-invertida

Navegación Principal

Representa las páginas más importantes del sitio web. Los links principales que llevan a movimientos internos y lógicos dentro del propio sitio web, sin cambios bruscos.

Línea de continuidad en la navegación a lo largo del portal web. Clasificación temática, siempre con posibilidad de regreso al Home.

¿Nivel de protagonismo?

Procesos web no interrumpibles

Objetivos del portal web y/o empresa

Comportamiento y necesidades del usuario

Tamaño de la web