SlideShare a Scribd company logo
1 of 8
Download to read offline
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
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
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
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
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
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
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
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/

More Related Content

What's hot

Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrolloitsarellano
 
Manuales Sistemas de Información
Manuales Sistemas de InformaciónManuales Sistemas de Información
Manuales Sistemas de InformaciónBENHUR B G
 
Las 7 fases de kendal & kendall
Las 7 fases de kendal & kendallLas 7 fases de kendal & kendall
Las 7 fases de kendal & kendalldavidmonar
 
Caracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosCaracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosJose Diaz Silva
 
Ensayo sobre bases de datos
Ensayo sobre bases de datos  Ensayo sobre bases de datos
Ensayo sobre bases de datos liliananaa
 
diseño lógico y diseño físico
diseño lógico y diseño físicodiseño lógico y diseño físico
diseño lógico y diseño físicoerrroman
 
Caracteristicas de las bases de datos
Caracteristicas de las bases de datosCaracteristicas de las bases de datos
Caracteristicas de las bases de datosNelson Rubio
 
Introducción a los modelos de datos
Introducción a los modelos de datosIntroducción a los modelos de datos
Introducción a los modelos de datosGalo Anzules
 
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...eccutpl
 

What's hot (20)

Manual de fragmentación mixta
Manual de fragmentación mixtaManual de fragmentación mixta
Manual de fragmentación mixta
 
Cuadro comparativo sgbd
Cuadro comparativo sgbdCuadro comparativo sgbd
Cuadro comparativo sgbd
 
Analisis de sistemas
Analisis de sistemasAnalisis de sistemas
Analisis de sistemas
 
UML
UMLUML
UML
 
Wsdm
WsdmWsdm
Wsdm
 
Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrollo
 
Manuales Sistemas de Información
Manuales Sistemas de InformaciónManuales Sistemas de Información
Manuales Sistemas de Información
 
Las 7 fases de kendal & kendall
Las 7 fases de kendal & kendallLas 7 fases de kendal & kendall
Las 7 fases de kendal & kendall
 
Firewall Logico
Firewall LogicoFirewall Logico
Firewall Logico
 
Diagrama de Colaboración
Diagrama de ColaboraciónDiagrama de Colaboración
Diagrama de Colaboración
 
Caracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosCaracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetos
 
Ensayo sobre bases de datos
Ensayo sobre bases de datos  Ensayo sobre bases de datos
Ensayo sobre bases de datos
 
diseño lógico y diseño físico
diseño lógico y diseño físicodiseño lógico y diseño físico
diseño lógico y diseño físico
 
Diseño de Software
Diseño de SoftwareDiseño de Software
Diseño de Software
 
Metodología IWeb
Metodología IWebMetodología IWeb
Metodología IWeb
 
Caracteristicas de las bases de datos
Caracteristicas de las bases de datosCaracteristicas de las bases de datos
Caracteristicas de las bases de datos
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
 
Metodologia WEB RNA
Metodologia WEB RNAMetodologia WEB RNA
Metodologia WEB RNA
 
Introducción a los modelos de datos
Introducción a los modelos de datosIntroducción a los modelos de datos
Introducción a los modelos de datos
 
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
Identificación y seguimiento de artefactos en el proceso de desarrollo de sof...
 

Similar to Mapas de navegación

Similar to Mapas de navegación (20)

Clase no 3
Clase no 3Clase no 3
Clase no 3
 
paginas web
paginas web paginas web
paginas web
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...
 
ing.software
ing.softwareing.software
ing.software
 
tic
tictic
tic
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
CMS
CMSCMS
CMS
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
4 ta bitacora
4 ta bitacora4 ta bitacora
4 ta bitacora
 
4 ta bitacor aa
4 ta bitacor aa4 ta bitacor aa
4 ta bitacor aa
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Web2.0 3.0
Web2.0 3.0Web2.0 3.0
Web2.0 3.0
 
QUÉ ES EL DISEÑO RESPONSIVO.docx
QUÉ ES EL DISEÑO RESPONSIVO.docxQUÉ ES EL DISEÑO RESPONSIVO.docx
QUÉ ES EL DISEÑO RESPONSIVO.docx
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Clase 6
Clase 6Clase 6
Clase 6
 

More from Duvan Aguilera

Atencion a padres 2020
Atencion a padres 2020Atencion a padres 2020
Atencion a padres 2020Duvan Aguilera
 
Actividad 1 cuarto periodo info septimo
Actividad 1 cuarto periodo info septimoActividad 1 cuarto periodo info septimo
Actividad 1 cuarto periodo info septimoDuvan Aguilera
 
Trabajo colaborativo a ct3
Trabajo colaborativo a ct3Trabajo colaborativo a ct3
Trabajo colaborativo a ct3Duvan Aguilera
 
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondencia
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondenciaInformatica ii -_unidad_1._tema_-_combinacion_de_correspondencia
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondenciaDuvan Aguilera
 
Combinación de correspondencia
Combinación de correspondenciaCombinación de correspondencia
Combinación de correspondenciaDuvan Aguilera
 
Herramientas de taller ajustada
Herramientas de taller ajustadaHerramientas de taller ajustada
Herramientas de taller ajustadaDuvan Aguilera
 
Atencion a padres 2018
Atencion a padres 2018Atencion a padres 2018
Atencion a padres 2018Duvan Aguilera
 
Mu is56 como hacer un escritorio con cama plegable
Mu is56 como hacer un escritorio con cama plegableMu is56 como hacer un escritorio con cama plegable
Mu is56 como hacer un escritorio con cama plegableDuvan Aguilera
 
Manual de-usuario-norma-inen
Manual de-usuario-norma-inenManual de-usuario-norma-inen
Manual de-usuario-norma-inenDuvan Aguilera
 
Proyecto seguidor de línea
Proyecto seguidor de líneaProyecto seguidor de línea
Proyecto seguidor de líneaDuvan Aguilera
 
Práctica instalaciones
Práctica instalacionesPráctica instalaciones
Práctica instalacionesDuvan Aguilera
 

More from Duvan Aguilera (20)

Syscolegios 807
Syscolegios 807Syscolegios 807
Syscolegios 807
 
Reglamento de aula
Reglamento de aulaReglamento de aula
Reglamento de aula
 
Atencion a padres 2020
Atencion a padres 2020Atencion a padres 2020
Atencion a padres 2020
 
Energía Octavo
Energía OctavoEnergía Octavo
Energía Octavo
 
Actividad 7 septimo
Actividad 7 septimoActividad 7 septimo
Actividad 7 septimo
 
Actividad 6 septimo
Actividad 6 septimoActividad 6 septimo
Actividad 6 septimo
 
Actividad 1 cuarto periodo info septimo
Actividad 1 cuarto periodo info septimoActividad 1 cuarto periodo info septimo
Actividad 1 cuarto periodo info septimo
 
Actividad 6
Actividad 6Actividad 6
Actividad 6
 
A ct 5
A ct 5A ct 5
A ct 5
 
Trabajo colaborativo a ct3
Trabajo colaborativo a ct3Trabajo colaborativo a ct3
Trabajo colaborativo a ct3
 
Clasificacion
ClasificacionClasificacion
Clasificacion
 
La empresa
La empresaLa empresa
La empresa
 
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondencia
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondenciaInformatica ii -_unidad_1._tema_-_combinacion_de_correspondencia
Informatica ii -_unidad_1._tema_-_combinacion_de_correspondencia
 
Combinación de correspondencia
Combinación de correspondenciaCombinación de correspondencia
Combinación de correspondencia
 
Herramientas de taller ajustada
Herramientas de taller ajustadaHerramientas de taller ajustada
Herramientas de taller ajustada
 
Atencion a padres 2018
Atencion a padres 2018Atencion a padres 2018
Atencion a padres 2018
 
Mu is56 como hacer un escritorio con cama plegable
Mu is56 como hacer un escritorio con cama plegableMu is56 como hacer un escritorio con cama plegable
Mu is56 como hacer un escritorio con cama plegable
 
Manual de-usuario-norma-inen
Manual de-usuario-norma-inenManual de-usuario-norma-inen
Manual de-usuario-norma-inen
 
Proyecto seguidor de línea
Proyecto seguidor de líneaProyecto seguidor de línea
Proyecto seguidor de línea
 
Práctica instalaciones
Práctica instalacionesPráctica instalaciones
Práctica instalaciones
 

Mapas de navegación

  • 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 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 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 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 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 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 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 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/