Usabilidad, navegación y arquitectura de información

Slides:



Advertisements
Presentaciones similares
LAS FRACCIONES EN LA RECTA
Advertisements

APRENDIZAJE SIGNIFICATIVO Y ESTRATEGIAS DE APRENDIZAJES
Desarrollo de Sitios Web
UNIVERSIDAD POLITÉCNICA DE MADRID UNIVERSIDAD CARLOS III DE MADRID
Preparación de documentos
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
COORDINACIÓN TRABAJOS DE TÍTULOS VIRTUAL
ARQUITECTURA DE LA INFORMACIÓN Trabajo Final Yohanna Ayala Marleny Tubiñez Cira Orta Germán Orta Juan Vicente Mijares Yennis Marbey Puente.
Arquitectura de la información en sitios web y Usabilidad
ELEMENTOS DEFINICIÓN HIPERTEXTO DIMENSIONES ESTRUCTURA.
Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.:
Copiar No. De Guía y Fecha
Introducción a Windows Movie Maker
Diseño de una página Web
ESTRUCTURA DEL SITIO Usabilidad Web.
ESTANDARES DE LENGUAJE
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Personalización en diseño visual y comportamiento de la plantilla
Aprendizaje visual y conceptual en el aula
Academic OneFile Tutorial. Búsqueda básica Opciones para obtener resultados de documentos en texto completo, de publicaciones arbitradas o documentos.
Alejandro Morales Vargas Algunos consejos para mejorar los sitios web Curso Computación e Internet Escuela de Periodismo.
CREACIÓN DE MATERIALES PARA E-LEARNING ¿Qué se debe tener en cuenta?
Desarrollo de Aplicaciones Web
Ing. Cleyver Vazquez Jijon
Los Organizadores Gráficos
Diagramación A base de retículas 1.
Arquitectura de la Información Prof. Adelaide Bianchini – Dpto. de Computación y Tecnología de la Información, Universidad Simón Bolívar. Febrero 2006.
M.C. Juan Carlos Olivares Rojas
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
Diseño Editorial.
Arquitectura de la Información Prof. Adelaide Bianchini – Dpto. de Computación y Tecnología de la Información, Universidad Simón Bolívar. Febrero 2006.
La facilidad y libertad con que pueden publicarse contenidos en la Red hacen necesaria la adopción de una serie de criterios que le ayuden a filtrar los.
POWERPOINT.
ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad.
Usabilidad y accesibilidad en el diseño de sitios Web.
Sitios Web Conceptos Básicos. Historia Conceptos Básicos Necesidades de Hardware y Software Organización de Contenidos Guías para la creación de Paginas.
Organización y Estructuración de Datos
Planificación del Portal Municipal utilizando MuniPortal Taller de Transferencia de Tecnología Luis M. Guzmán S. Jefe de Tecnología MuNet e-Gobierno.
Curso de edición de páginas web David Maniega Legarda.
Herramientas informáticas
CONCEPTOS. Una página web es un documento creado en formato HTML (Hypertext Markup Language) que es parte de un grupo de documentos hipertexto o recursos.
+ Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET.
Jair Camargo Ahumada Esp. En Informática
CREDO POR DANNA VANESSA CORTEZ Y CAROL ALEJANDRA BERNAL BOHORQUEZ.
El Documento de Diseño Es el documento que se crea para reflejar las especificaciones del proyecto y puede servir para buscar inversores Sirve tanto.
Taller 5 GESTION DE LA WEB ESTEFANIA CORDOVA M.. 1) ¿Qué es una página web? Una página web es el nombre de un documento o información electrónica adaptada.
Por: Mónica María Rúa Blandón
Portafolio de Evidencias
R.A.2.1 TEMA: DIAGRAMA DE FLUJO OBJETIVO: Describir los símbolos empleados en la elaboración de diagramas de flujo.
Diseño Páginas Web.
DISEÑO DE UNA SALIDA EFICAZ - Reportes
Organizadores Gráficos
RECURSOS DIGITALES “NO ME HAGAS PENSAR”. ¿? Si visita un sitio y no puede encontrar lo que busca ni tampoco averiguar cómo está organizado, es muy probable.
Estructuras web De navegación Y Visual. Investigación de requerimientos ¿Qué es lo que quiere el cliente? – ¿Qué desea comunicar?, y ¿Cómo? – ¿Qué información.
Metodología de la Investigación
El proceso de lectura. Una perspectiva Interactiva Los investigadores están de acuerdo en considerar que las diferentes explicaciones de la.
Por: Mayela Mascorro Aplicación de las Tecnologías de la Información, Grupo 003. UNIVERSIDAD AUTÓNOMA DE NUEVO LEÓN FACULTAD DE ARQUITECTURA.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
Presentación  Nombre del sitio.  Título de la página.  Qué información puede anticiparse de ellos  Es una web oficial? Autor  Es identificable?
CONSEJOS PARA DESARROLLAR SITIOS WEB
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
Teresita de Jesús Acosta Zepeda.
1. Iniciación a la arquitectura de la información.
Departamento de Ingeniería de Sistemas y Computación SITIO WEB PARA COLEGIOS Diseñador: Camilo Espitia Desarrollador: Christian Ariza Ilustrador: Juan.
El valor de hacerlo sencillo. Capacitación N°1 Oracle RightNow.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.
Diseño Web Centrado en el Usuario Usabilidad y Arquitectura de la Información Seminario Ciberculturas UNR Prof. Silvana Comba y Prof. Edgardo Toledo.
PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.
Organizadores gráficos en la exposición
Transcripción de la presentación:

Usabilidad, navegación y arquitectura de información

Usuarios, navegación y arquitectura de información Pensar en el usuario USABILIDAD RECUPERABILIDAD UTILIDAD Que la información le sirva al usuario Que la información se encuentre La usabilidad se puede medir con encuestas y pruebas

Usuarios, navegación y arquitectura de información organiza contenidos con el objetivo de que el usuario pueda manejarlos, navegar por ellos y llenar sus necesidades de información. ¿COMO LO HACE?

Usuarios, navegación y arquitectura de información 1. Identificar unidades de contenido y granularidad textos, imágenes, videos (o la combinación de éstos) Nivel de descomposición en que pueden ser divididos esos contenidos Verificar que sigan manteniendo su significación comunicativa 2. Metadatos información acerca de información caracterizar cada unidad de contenido a través de una serie de pares 'atributo-valor/es' c. ATRIBUTOS: título, resumen, palabras clave, lenguaje, formato, fecha de creación, tamaño 3. Búsqueda y Navegación Sistema de búsqueda (palabras clave – indización) Sistema de navegación (categorías – clasificación)

Usuarios, navegación y arquitectura de información Estructuras de Navegación Estructura hipertextual Estructura secuencial (ejemplos??) Orden secuencial de la navegación Páginas que se enlazan por similitud con contenidos. Difícil orientación Estructura jerárquica Estructura en forma de árbol. Se pueden combinar con hipertextual. Buscar equilibrio entre ancho y profundo.

Usuarios y navegación arquitectura de información Diagramación y arquitectura de información Pregunta: ¿Cómo planear todo lo anterior? Respuesta: Mediante representación en diagramas VEAMOS: Se busca representar: estructura, funcionamiento y comportamiento DIAGRAMAS DE MAPA DE ARQUITECTURA (habla de la estructura y la nav.) DIAGRAMAS DE MAQUETA (habla de la ubicación de los contenidos)

Usuarios y navegación arquitectura de información DIAGRAMAS DE MAPA DE ARQUITECTURA (organización) Presenta la estructura general. Grupos o categorías de organización con sus rótulos.

Usuarios y navegación arquitectura de información DIAGRAMA DE FUNCIONAMIENTO (estructuras y flujos de navegación) Presenta la estructura junto con la manera como los contenidos se navegan y la relación entre uno y otro. Elabora sus propio lenguaje o convenciones visuales.

Usuarios y navegación arquitectura de información DIAGRAMA DE PRESENTACIÓN (MAQUETA) Presenta la forma como se va a organizar visualmente el contenido en todas las páginas. Debe elaborar páginas tipo. No tiene nada que ver con el diseño gráfico, sino elaborar un “esqueleto” de los diversos tipos de página.

Usuarios y navegación arquitectura de información ELEMENTOS DE NAVEGACIÓN PARA LA ARQUITECTURA DE INFORMACIÓN Que el usuario no se pierda!!! Coherencia del diseño Uniformidad en estructura y elementos visuales Jerarquía visual Lectura izquierda a derecha – Arriba abajo. Nivel de importancia dentro de la jerarquía (parte de…, elementos y subelementos) Ubicación, tamaño, color… Bread Crumbs Guían con exactitud la ubicación dentro de la estructura.

Usuarios y navegación arquitectura de información MIREMOS EJEMPLOS: http://georgewashington.si.edu/index.html http://alaska.si.edu/ http://www.nationalgeographic.com/forcesofnature/