SlideShare una empresa de Scribd logo
1 de 7
LOS SISTEMAS DE
NAVEGACIÓN
Una vez que se cuenta con los árboles de contenido,
la tarea siguiente consiste en generar los sistemas
de acceso a dichos contenidos en el Sitio Web. A
través de estos, los usuarios podrán avanzar por sus
diferentes áreas, sin perderse.
En la generación de dichos sistemas se
debe atender a dos elementos que serán
muy importantes:
 Textual:
Se refiere a que la navegación se hará a través de
elementos concretos, tales como menús, guías, botones y
otros elementos que deben ser claramente distinguibles
dentro de la interfaz. Para generarlos se debe
conseguir que cada uno de ellos represente claramente
la función para la que fueron designados y no dejar
lugar a dudas sobre su función ni sobre la acción que
desarrollarán al ser usados. Es decir, un botón debe
parecer tal y no sólo un parche de color sobre la
pantalla. Adicionalmente, es muy importante que las
palabras escogidas para indicar acciones, sean claras y
precisas. En este sentido, si un botón necesita ser
explicado, es mejor desecharlo y buscar otra solución.
 Contextual:
Es todo lo referido a cómo se presenta la información,
utilizando para ellos elementos basados en texto,
gráficos o bien de entorno. Los elementos relevantes
en este caso, serán todos aquellos que permiten
mostrar la navegación en la pantalla. Entre ellos, la
gráfica utilizada, la redacción de los textos que se
muestran e incluso el nombre del dominio (URL) que
permitirá que el usuario sienta que está en el lugar
indicado.
Características de los Sistemas de
Navegación
Al generar el sistema de navegación, se deben tener
en cuenta las siguientes características:
 Consistente:
El sistema debe ser similar en todo el sitio, en lo
referido a su ubicación y disposición en las páginas.
Esto se aplica también a aquellas instituciones que
pueden tener más de un Sitio Web.
 Uniforme:
El sistema debe utilizar similares términos con el fin
de que el usuario que lo vea en las páginas, confíe
en que sus opciones llevan siempre hacia los mismos
lugares dentro del sitio.
 Visible:
El sistema debe distinguirse claramente dentro del
sitio, con el fin de que el usuario cuente con él, como
si se tratara de una guía permanente en el área en
que se encuentre del sitio.

Más contenido relacionado

Similar a Sistemas de navegación web: elementos textuales y contextuales

Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
DISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfDISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfLauLopez16
 
Unidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneaUnidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneasamifu
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficajhordy2000
 
usabilidad web
usabilidad webusabilidad web
usabilidad webjordanR95
 
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...KareliaRivas
 
Elementos estructura de un sitio - Usabilidad
Elementos estructura de un sitio - UsabilidadElementos estructura de un sitio - Usabilidad
Elementos estructura de un sitio - Usabilidadprofecesde
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadIvan Aguilar
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo UsabilidadCesar Salazar
 
Lopez arvizu juan carlos act. 3 si5 1
Lopez arvizu juan carlos act. 3 si5 1Lopez arvizu juan carlos act. 3 si5 1
Lopez arvizu juan carlos act. 3 si5 1Juan López
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3FRISLY5
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfacesLuis Carlos Aceves
 

Similar a Sistemas de navegación web: elementos textuales y contextuales (20)

Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
DISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfDISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdf
 
Unidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneaUnidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en línea
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
Diseño de interfaz
Diseño de interfazDiseño de interfaz
Diseño de interfaz
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
usabilidad web
usabilidad webusabilidad web
usabilidad web
 
NSU
NSUNSU
NSU
 
tic
tictic
tic
 
T08 dawebnavega
T08 dawebnavegaT08 dawebnavega
T08 dawebnavega
 
computación
computación computación
computación
 
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
 
Elementos estructura de un sitio - Usabilidad
Elementos estructura de un sitio - UsabilidadElementos estructura de un sitio - Usabilidad
Elementos estructura de un sitio - Usabilidad
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Lopez arvizu juan carlos act. 3 si5 1
Lopez arvizu juan carlos act. 3 si5 1Lopez arvizu juan carlos act. 3 si5 1
Lopez arvizu juan carlos act. 3 si5 1
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 

Más de Xoch Flores

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en webXoch Flores
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascriptXoch Flores
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje cssXoch Flores
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónXoch Flores
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarXoch Flores
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación webXoch Flores
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñXoch Flores
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtmlXoch Flores
 

Más de Xoch Flores (10)

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Box model
Box modelBox model
Box model
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporación
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitar
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñ
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtml
 

Sistemas de navegación web: elementos textuales y contextuales

  • 2. Una vez que se cuenta con los árboles de contenido, la tarea siguiente consiste en generar los sistemas de acceso a dichos contenidos en el Sitio Web. A través de estos, los usuarios podrán avanzar por sus diferentes áreas, sin perderse.
  • 3. En la generación de dichos sistemas se debe atender a dos elementos que serán muy importantes:
  • 4.  Textual: Se refiere a que la navegación se hará a través de elementos concretos, tales como menús, guías, botones y otros elementos que deben ser claramente distinguibles dentro de la interfaz. Para generarlos se debe conseguir que cada uno de ellos represente claramente la función para la que fueron designados y no dejar lugar a dudas sobre su función ni sobre la acción que desarrollarán al ser usados. Es decir, un botón debe parecer tal y no sólo un parche de color sobre la pantalla. Adicionalmente, es muy importante que las palabras escogidas para indicar acciones, sean claras y precisas. En este sentido, si un botón necesita ser explicado, es mejor desecharlo y buscar otra solución.
  • 5.  Contextual: Es todo lo referido a cómo se presenta la información, utilizando para ellos elementos basados en texto, gráficos o bien de entorno. Los elementos relevantes en este caso, serán todos aquellos que permiten mostrar la navegación en la pantalla. Entre ellos, la gráfica utilizada, la redacción de los textos que se muestran e incluso el nombre del dominio (URL) que permitirá que el usuario sienta que está en el lugar indicado.
  • 6. Características de los Sistemas de Navegación Al generar el sistema de navegación, se deben tener en cuenta las siguientes características:  Consistente: El sistema debe ser similar en todo el sitio, en lo referido a su ubicación y disposición en las páginas. Esto se aplica también a aquellas instituciones que pueden tener más de un Sitio Web.
  • 7.  Uniforme: El sistema debe utilizar similares términos con el fin de que el usuario que lo vea en las páginas, confíe en que sus opciones llevan siempre hacia los mismos lugares dentro del sitio.  Visible: El sistema debe distinguirse claramente dentro del sitio, con el fin de que el usuario cuente con él, como si se tratara de una guía permanente en el área en que se encuentre del sitio.