1
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
MAPAS DE NAVEGACIÓN
Los mapas de navegación proporcionan una representació...
2
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
TIPOS DE PÁGINAS
PÁGINAS DINÁMICAS
Son páginas HTML generadas a partir de ...
3
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
interactuar con la página Web visitada, están construidas principalmente c...
4
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
Además, los usuarios disponen de diferentes módems para acceder a internet...
5
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
TIPOS DE NAVEGACIÓN
1. LINEAL:
Es la manera de hacer un recorrido, similar...
6
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
menú general en la página principal, mediante el que haremos acceso a las ...
7
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
HIPERMEDIAL
La navegación es un proceso donde las decisiones se toman de f...
8
DUVAN AGUILERA
DOCENTE
FACULTAD DE INGENIERIA
Trabajos citados
Acedo, S. O. (2013). Mapas de navegación. Recuperado el 1...
Upcoming SlideShare
Loading in …5
×

Mapas de navegación

548 views
449 views

Published on

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
548
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Mapas de navegación

  1. 1. 1 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA MAPAS DE NAVEGACIÓN Los mapas de navegación proporcionan una representación completa o resumida del sitio web para orientar al usuario durante el recorrido o para facilitar un acceso directo al lugar que interese. Esa estructura es basada por enlaces a los nodos principales, éstos a la vez desarrollan para mostrar los subnodos. Tienen una manera similar a los sumarios, índices y tablas de contenido, pueden tomar la forma de menús. Para ofrecer una visión global, es muy útil mostrar un mapa de todo el contenido, poder verlo en una sola pantalla y que esté accesible desde la web. Sin embargo, mostrar todo el contenido reflejado en un mapa o esquema global en una sola pantalla cuando el espacio web o un hipertexto son demasiado grandes, es casi imposible de llevar a la práctica y tampoco tiene ninguna utilidad confeccionar una farragosa sopa de letras o imágenes. Una solución es emplear diagramas globales con los nodos más importantes y luego desarrollar cada subnodo en diagramas locales con información más detallada. También puede ofrecerse el empleo de las llamadas fish-eye views o mapas ojo de pez que muestran todo el espacio hipertextual en un único gráfico en distintos niveles de detalle, ofreciendo más información sobre la posición actual en la que se encuentra el usuario y disminuyendo los detalles de forma gradual según estén más alejadas las partes. Sin embargo, este tipo de mapas son muy difíciles de confeccionar con la tecnología web, puesto que cada nodo necesitaría un tratamiento específico. Para confeccionar mapas que reflejan el contexto del nodo activo existen programas específicos que también son capaces de mostrar en forma gráfica toda la estructura de un hipertexto. Estas funcionalidades las tienen algunos programas de creación de páginas web, tales como FrontPage de Microsoft. Sin embargo, no se trata de verdaderas herramientas de navegación, ya que estas funcionalidades son posibles únicamente dentro del programa de construcción de las páginas web residentes en el disco duro, y no cuando el hipertexto se publica en la web. Ejemplos de mapas de este tipo, es mindomo. Link manual de mindomo: http://www.youtube.com/watch?v=9xB8gQeSgyk
  2. 2. 2 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA TIPOS DE PÁGINAS PÁGINAS DINÁMICAS Son páginas HTML generadas a partir de lenguajes de programación (scripts) que son ejecutados en el propio servidor web. A diferencia de los JavaScript, los Server Side scripts generan un código HTML desde el propio servidor web. Se le conocen a toda página cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario. Este código HTML puede ser modificado -por ejemplo- en función de una petición realizada por el usuario en una Base de Datos. Dependiendo de los resultados de la consulta en la Base de Datos, se generará un código HTML u otro, mostrando diferentes contenidos. Una razón por la que construyamos una página dinámica es la simple vistosidad que pueden alcanzar los trabajos, ya que podemos hacer presentaciones más entretenidas de las que se consiguen utilizando únicamente HTML. Las páginas dinámicas se ejecutan en el propio servidor web. Por lo tanto, dependerán del tipo de servidor que dispongamos. Aunque esto no siempre es así, porque actualmente hay paquetes de software que ejecutan todos los scripts en todos los servidores, siempre estaremos condicionados por los lenguajes diseñados especialmente para cada Sistema Operativo. Las páginas dinámicas nos pueden ayudar a gestionar más fácilmente los contenidos de nuestro sitio web y a interactuar con Bases de Datos. Además, todos los lenguajes script comentados disponen de componentes para la conexión con la mayoría de las Bases de Datos (mySQL, Oracle, SQL Server,…). Esto nos puede servir para almacenar nuestros contenidos dentro de una Base de Datos, en lugar de realizar cada página web una por una. PÁGINAS ADMINISTRABLES Es la forma de administrar los contenidos que permite gestionar de forma intuitiva y fácil el contenido, documentos e información en su página o sitio web. Estas páginas se fijan en la básica “capacidad” de publicar noticias y/o información del proveedor. Es necesario tener contenido actualizado, el simple hecho de cambiar precios, agregar aquel nuevo servicio, cambiar el texto de la página web principal por uno mejor. PÁGINAS ESTÁTICAS Son páginas que contienen información que el cliente no puede manipular, del cual el cliente deberá de ponerse en contacto con la empresa que al desarrollo para poder realizar dichas modificaciones. Estas páginas son enfocadas a mostrar una información permanente, donde el navegante se limita a obtener dicha información, sin que pueda
  3. 3. 3 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA interactuar con la página Web visitada, están construidas principalmente con hipervínculos o enlaces entre las páginas Web que conforman el sitio, este tipo de páginas son incapaces de soportar aplicaciones Web como gestores de bases de datos, foros, consultas on line, e-mails inteligentes. Su principal ventaja es lo económico que resulta crearlas, con un diseño vistoso e incluyendo las imágenes y el texto con el cual queremos informar a los navegantes, se puede crear fácilmente sin necesidad de ningún tipo de programación especial; su desventaja reside en lo laborioso que resulta su actualización así como la pérdida de potentes herramientas soportadas con bases de datos, como pueden ser la creación de registros históricos de los clientes, pedidos on-line, entre otros. USABILIDAD Se refiere a la experiencia del usuario al interactuar con una página web. A la vez se refiere a la capacidad de un software o sistema interactivo de ser comprendido, aprehendido, usado fácilmente y atractivo para un usuario, en condiciones específicas de uso. También es la efectividad, eficiencia y satisfacción con lo que un producto permite alcanzar sus objetivos específicos. Un sitio web con usabilidad es aquél que muestra todo de una forma clara y sencilla de entender por el usuario. Aunque es imposible crear un sitio que sea claro y eficiente para cada usuario, el diseñador debe esforzarse para mostrar las cosas tan claramente como sea posible, de tal modo que reduzca al mínimo cualquier aspecto que pueda ser confuso. La usabilidad implica eficacia, en el cual el visitante consiga lo que buscaba, también satisfacción al navegar por la web y eficiencia al conseguir lo que quiere rápidamente. Principios Generales de Usabilidad La Usabilidad se basa de estos principios: ● Facilidad de aprendizaje, en la que los nuevos usuarios desarrollan una interacción efectiva con el sistema o producto. ● Flexibilidad, en donde muestra las diferentes posibilidades con las que el usuario y el sistema pueden intercambiar información. ● Robustez, del cual es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos, se relaciona con la capacidad de observación del usuario, de recuperación de la información y de ajuste de la tarea del usuario. ● Anticipación, del cual el sitio web puede anticipar del usuario. ● Autonomía, donde los usuarios sienten y pueden controlar un sitio web. ● Consistencia, donde las aplicaciones deben ser consistentes con las expectativas de los usuarios. ● Eficiencia del tiempo, del cual los sitios web se deben centrar en la productividad del usuario y no con el mismo sitio. ● Reversibilidad, donde un sitio web permite deshacer las acciones realizadas. ● Legibilidad, donde el color de los textos debe contrastar con el fondo y el tamaño de fuente debe ser suficientemente grande. ● Interfaz visible, del cual se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, entre otros. ● Rápidez: Las páginas deben cargarse con una media de cuatro segundos, lo máximo de espera para el usuario es de 10 segundos para ver el contenido total de la página web.
  4. 4. 4 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA Además, los usuarios disponen de diferentes módems para acceder a internet, por lo que las páginas deben ser lo menos pesadas para que el tiempo de la carga sea mínima. ● Simple: El límite de páginas dentro de un sitio es entre seis u ocho como máximo. Debe mantener una navegación constante, donde no fuercen a los usuarios a aprender diferentes caminos o esquemas para la navegación en diversas partes del sitio. Además de no exceder la implementación de la animación en la página web. ● Investigable: Los motores de búsqueda buscan el texto real, desconociendo los gráficos y los códigos de programación. Sobre ello debe ser evitables. ● Compatibilidad: Los sitios web deben ser compatibles con todos los navegadores y ordenadores. Para ello debe usar HTML de manera simple y sencilla, entendible para todos los navegadores. ● Actualizado: Todo sitio web debe estar con los datos y contenidos actualizados para que no pierdan credibilidad de lo que ganaron. Algunas recomendaciones… Estos principios son los resultados de investigaciones y trabajos llevados a cabo con usuarios por profesionales y expertos del sector. A la vez son aceptados por todos como base de la construcción de una experiencia de una satisfacción del usuario. De los principios, están estos consejos. 1. Comunicación de forma inmediata el objetivo del sitio web a los usuarios. 2. El cliente debe estar informado de los constantes cambios acerca de su ubicación. 3. El sitio debe adaptarse al mundo de los usuarios, usando su lenguaje, sus conocimientos, entre otros aspectos. 4. El usuario debe sentir que posee el control sobre todo lo que pasa en el sitio. 5. El sitio debe ser consistente internamente y respetar estándares externos. 6. El diseño debe ayudar a prevenir posibles errores. 7. Se debe facilitar y optimizar el acceso a los usuarios. 8. Evitar la información irrelevante y ceñirse a lo necesario. 9. La navegación debe ser recordada más que redescubierta. 10. El usuario debe recibir ayuda cuando lo necesita. DISEÑO CENTRADO EN EL USUARIO Es la práctica de diseñar productos de forma que sus usuarios puedan servirse de ellos con un mínimo de estrés y un máximo de eficiencia. Es el modelo mental, heredado de la psicología cognitiva, y analizado desde hace más de medio siglo, y de reciente aplicación en el proceso de desarrollo de sistemas de interacción con el usuario. Esta filosofía describe en tres principios, como son: 1. Un enfoque desde el inicio hacia los usuarios y las tareas que han de realizar con el producto, recogiendo datos de manera estructurada, sistematizada y objetiva. 2. Medición empírica de la utilización real, donde el énfasis se centra en la realización de test de factibilidad de uso desde el inicio del diseño basado en prototipos tempranos del producto. 3. Diseño interactivo, mediante la repetición cíclica de las fases de diseño, modificación de parámetros y test de usabilidad del producto, desde el primer momento, realizado ciclos hasta que el resultado sea completamente satisfactorio.
  5. 5. 5 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA TIPOS DE NAVEGACIÓN 1. LINEAL: Es la manera de hacer un recorrido, similar al de leer un libro de manera que estando en una página, podemos ir a la siguiente página o ir a la página anterior. Es muy útil cuando queremos que el lector siga en un camino fijo y guiado, impidiendo que se distraiga con enlaces a otras páginas, es válido para tutoriales de aprendizaje o tours de visita guiada y para sitios pequeños. Puede ser cronológica y ordenada de lo más general a lo más específico. 2. NO LINEAL: Son también conocidos como tipo en forma de red, del cual aparentemente no hay un orden establecido, donde las páginas pueden apuntarse entre sí mismas sin ningún orden aparente; es la más libre pero la más peligrosa ya que si no se informa al usuario en dónde se encuentra, puede perderse o no encontrar con la información del cual buscaba. (Acedo, 2013) 3. OTROS: Existe el TIPO JERÁRQUICO, del cual su estructura es similar al de un árbol, que parte de la página principal mediante la que se puede acceder a diferentes páginas secundarias y de ellas acceder a páginas terciarias. La disposición de un sitio está compilada en un
  6. 6. 6 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA menú general en la página principal, mediante el que haremos acceso a las diferentes páginas de entrada a las secciones y de ellas establecer otro menú del cual el usuario pueda ir a cualquiera de las páginas que la componen (ACOSTA, 2013). También existe el TIPO LINEAL JERÁRQUICO, del cual los temas y subtemas están organizados de una manera jerárquica, pero puede leerse de forma lineal si el usuario lo quiere. Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder acceder a toda información de manera lineal. El TIPO FRAMES es con base a una interfaz en forma de frames (sub-pantallas) en la que el usuario dispone de un menú siempre presente en cualquier momento de navegación, pasando de página en página, a partir de las que puede navegar sea en jerarquía, en lineal o en lineal jerárquico. (ACOSTA, 2013)
  7. 7. 7 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA HIPERMEDIAL La navegación es un proceso donde las decisiones se toman de forma continua, eligiendo entre las distintas estrategias que pueden conducir al objetivo final. Este proceso requiere la evaluación del entorno para determinar si el objetivo inicial ha sido alcanzado. La navegación hipermedia se divide en dos categorías: Navegación por Ubicación: El usuario navega empleando conocimiento específico del entorno que está percibiendo, haciendo uso por tanto de información incompleta. Navegación por Planes Predeterminados: La navegación se realiza haciendo uso del conocimiento de los mapas mentales que se tiene del entorno, para obtener por adelantado un plan completo que permita alcanzar el lugar deseado. (Anonimo, 2013)
  8. 8. 8 DUVAN AGUILERA DOCENTE FACULTAD DE INGENIERIA Trabajos citados Acedo, S. O. (2013). Mapas de navegación. Recuperado el 15 de 03 de 2013, de http://www.uned.es/ntedu/espanol/master/primero/modulos/multimedia/diseno1.htm ACOSTA, J. C. (2013). Academicos 2013. Recuperado el 20 de 01 de 2013, de http://bagatelaproductiva.files.wordpress.com/2011/03/informemapasdenavegacion.pdf Anonimo. (2013). http://supernavegacion.blogspot.com/. Recuperado el 15 de 03 de 2013, de http://supernavegacion.blogspot.com/

×