• Save
Arquitectura de la información y usabilidad
Upcoming SlideShare
Loading in...5
×
 

Arquitectura de la información y usabilidad

on

  • 2,881 views

Conferencia Web 2.0. Ibercaja Zentrum, Zaragoza, Febrero de 2006

Conferencia Web 2.0. Ibercaja Zentrum, Zaragoza, Febrero de 2006

Statistics

Views

Total Views
2,881
Views on SlideShare
2,876
Embed Views
5

Actions

Likes
7
Downloads
0
Comments
0

1 Embed 5

http://www.slideshare.net 5

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Arquitectura de la información y usabilidad Arquitectura de la información y usabilidad Presentation Transcript

    • Usabilidad y arquitectura de la información Jesús Tramullas Depto. Ciencias de la Documentación, Univ. de Zaragoza http://tramullas.com Ciclo Web 2.0 - Ibercaja Zentrum, febrero 2006
      • La web es para los usuarios
      • Los usuarios usan la web
      • Los usuarios buscan información
      • Los usuarios utilizan la información
      • … y los usuarios quieren que sea sencillo y placentero
      • … No me hagas pensar…
    • ¿Página web o información?
      • Una página web es sólo eso: una página
      • La creación de contenidos informativos en Internet demanda una metodología
      • El enfoque debe unir aspectos diversos: necesidades del usuario, objetivos, presentación y diseño…
      • Sólo un enfoque integrado asegura el éxito
    • De qué hablamos
      • Hablamos de:
        • Usuarios
        • Personas
        • Comunidades
        • Servicios
        • Redes sociales
      • No hablamos de:
        • Lenguajes de marcado
        • Java, XML
        • Redes de telecomunicaciones
        • Photoshop o Frontpage
    • Espacio para usuarios
      • El web es un espacio para usuarios
      • Problemas:
        • frustración
        • desagrado
        • confusión
      • Comprender la experiencia del usuario
      • Creación de perfiles de usuario
    • Y la realidad…
      • Los servicios y productos de información digital vienen sin manuales, sin cursillos y sin servicios de atención al cliente
      • El usuario de productos de información digital no pierde el tiempo comprendiendo o indagando, simplemente, se las arregla
    • Proceso de diseño web Design on paper Heuristic evaluations cognitive walkthroughs Prototype Implement Field studies, call center, interaction logs Ship user studies Evaluate User studies, function tests Evaluate Evaluate Evaluate Early design Late design Production Discovery Analyze information Elicit goals Contextual Inquiry Analyze users/tasks
    • Arquitectura de la información
    • Organización de la información
      • La información es heterogénea y ambigua: hay que clasificarla.
      • Considerar la política de información y la estructura de la organización.
      • Desarrollar esquemas de organización: características de contenido
      • Desarrollar estructuras de organización: tipos de relaciones entre contenidos
    •  
    • PROJECT TITLE | Site Map Web Page Name Sub-pages Sub-pages Sub-pages More Sub-Pages More Sub-Pages More Sub-Pages A1 B1 C1 A2 A2-1 A2-2 A2-3
    •  
    • PAGE TITLE
      • Descriptive text here.
    • En la práctica...
      • Ofrecer jerarquía visual clara
      • Utilización de convenciones
      • División de las páginas en zonas claramente definidas
      • Identificar claramente el tipo de contenido
      • Marcar de forma evidente los enlaces
      • Evitar el ruido visual
    • Sistemas de navegación
      • Elementos que permiten navegar por el web, incluidos en las propias páginas.
      • Tipos de sistemas: jerárquicos, globales, específicos.
      • Elementos de navegación: barras de navegación, frames, menús desplegables
      • Principios de legibilidad y consistencia.
    • 10 secretos de navegación, a
      • Fácilmente aprendible
      • Permanecer consistente
      • Ofrecer retroalimentación
      • Aparecer en el contexto
      • Ofrecer alternativas
    • 10 secretos de navegación, b
      • Requiere economía de acción y de tiempo
      • Mensajes visuales claros
      • Ofrecer etiquetas claras
      • Apropiada al objetivo y propósito del sitio
      • Soportar los objetivos y comportamientos del usuario
    • Sistemas de etiquetado
      • Las etiquetas se usan para representar contenidos.
      • Necesidad de desarrollarlas como sistema.
      • Etiquetas de texto y/o gráficas (iconos).
      • Principios de consistencia y permanencia.
      • Políticas de utilización de etiquetas.
    • El nombre de las cosas
      • Todas las páginas deben tener nombre
      • Debe estar situado de forma adecuada
      • Debe destacar
      • Importante: debe corresponder con el texto del enlace usado para llegar a la página en cuestión
    • Las etiquetas y las “migas”
      • Son claras
      • Son visibles
      • Suelen estar logradas
      • Simulan un espacio físico
      • De carga rápida
      • Perfectamente dibujadas
      • Con codificación por colores
      • “ Vd. está aquí”
      • Muestran el camino desde la home
      • No deben sustituir a la navegaciones
      • No deben sustituir al nombre de la página
      • Use jerarquía visual
    • Sistemas de búsqueda
      • Mecanismos para localizar información específica
      • Motores internos
      • Mapas del web
      • Directorios e índices
      • Principio de integración de la navegación y de la búsqueda
    • La findability….
      • La habilidad de encontrar cosas fácilmente no está limitada al contenido. Tampoco está limitada al web. Ésta habilidad es parte integral del diseño de sistemas que ayudan a las personas a encontrar lo que necesitan.
        • Peter Morville
    • Según Morville…
    • Usabilidad
    • La necesidad ... y la realidad
      • Superar los problemas de los usuarios
      • Desarrollar sistemas de información en web más intuitivos y fáciles de usar
      • Ignorancia de la investigación en HCI
      • El problema del “efecto Nielsen”
      • Éxito de la “usabilidad” ... pero no es un método de desarrollo, es un método para asegurar la calidad final
      • Venta de productos por consultoras
    • Planteamiento
      • Si lo que veo no me hace pensar, identifico y actúo
      • Si lo que veo me hace pensar, entonces todo está lleno de interrogantes
      • Las dudas aumentan el trabajo cognitivo y distraen de la tareas originales
    • El uso real del web
      • “ Del dicho al hecho hay un trecho”
      • Las páginas no se leen, se ojean
      • No se toman decisiones óptimas, sólo se elige lo que es suficiente
      • No se investiga como funciona una cosa, los usuarios sólo se arreglan
    • Hacia una definición
      • “ Website usability is the measure of how an individual user actually navigates, finds information, and interacts with your website... Usability is not about how you think users will navigate, search or interact.” Goto y Cotler, 2001
    • Hacia un método
      • “ usability engineering … a set of activities that ideally take place throughout the lifecycle of the product, with significant activities happening at the early stages before the user interface has even been designed.” Nielsen, 1993
    • Estándares de aplicación
      • ISO/TR 16982 (2002) Ergonomics of human-system interaction - Usability methods supporting human-centred design
      • ISO/TR 18529 (2000) Ergonomics of human-system interaction - Human-centred lifecycle process descriptions
      • ISO 13407 (1999) Human-centred design processes for interactive systems
      • ISO 9241-11 (1998), Ergonomic requirements for office work with visual display terminals (VDTs) - Part 11: Guidance on usability
      • Propuesta ISO 14915, Software ergonomics for multimedia user interfaces
    • Aplicación de las técnicas de usabilidad
      • Enfoques como un componente más dentro del proceso de diseño de interfaces de usuario, desde un enfoque de diseño centrado en el usuario
      • Enfoque como un método de evaluación para la mejora de interfaces de usuario y el aseguramiento de la calidad del producto
    • Tipos de técnicas, 1 Métodos de indagación
        • Aproximación Contextual
        • Aproximación por Grupos
        • Aproximación Individual
        • Participación Remota
        • Generación de Ideas
        • Métodos de Observación Experta
        • Estudio etnográfico
        • Cuestionarios y entrevistas
        • Control de acciones de usuario
        • Evolución de pantallas durante tareas
      Prototipado y categorización
        • Prototipado
        • Según la funcionalidad reproducida
        • Según la fidelidad de la reproducción de la interfaz
        • Otras técnicas de prototipado
        • Prototipado Rápido
        • Prototipado por Vídeo
        • Métodos de Categorización
    • Tipos de técnicas, 2 Según Hom y Floría, modificado por Tramullas Métodos de inspección
        • Inspecciones (formal, características, consistencia y estándares)
        • Evaluación Heurística
        • Paseos Cognitivos
        • Listas de Comprobación
        • Otras perspectivas
      Métodos de test
        • Conceptos generales
        • Protocolos de Expresión del Usuario
        • Realización de medidas
        • Variantes del Test de Usabilidad clásico
        • Método de co-descubrimiento
        • Control de movimiento visual
      Otros métodos
        • Diagramas de afinidad
        • Investigación de arquetipos
        • Votación ciega
        • Ordenación de fichas
        • Evaluación de formación
    • Diseño centrado en el usuario
    • Diseño para usuarios
      • Definir la audiencia
        • Tipos y objetivos de los usuarios
      • Usar un diseño centrado en el usuario
        • Deseos y objetivos
      • Usar un proceso participativo
        • Grupos de trabajo
      • Control y prueba (test) de usuarios
        • Criterios de aplicación
    • El diseño centrado en el usuario…
      • Supone poner al usuario en el centro del sistema, atendiendo a:
        • Sus necesidades
        • Sus conocimientos
        • Sus habilidades
      • Supone aplicar un diseño iterativo, que utiliza como herramienta el prototipo y la evaluación
      • Supone que el usuario se integra en el proceso de diseño
    • … ofrece servicios y productos de información digital
      • Que atienden a lo que el usuario necesita, no a lo que el centro tiene o quiere
      • Que forman colección según necesidades del usuario, no según costumbres del centro
      • Que se organizan según el usuario comprende, no según tradiciones previas
    • Métodos para diseño centrado en el usuario
      • Definición de audiencias y grupos de usuarios
      • Análisis de requerimientos de usuarios
      • Diseño iterativo
      • Prototipado
      • Escenarios de uso
      • Evaluación de usabilidad
    • Técnicas usadas en diseño centrado en el usuario
      • Entrevistas
      • Cuestionarios
      • Observación
      • Grupos de enfoque
      • Análisis de tareas
      • Evaluación heurística por expertos
      • Card Sorting
      • Compilación de normas y procedimientos
    • Proceso de diseño, a
      • Obtención de información:
        • Misión y objetivo del proyecto
        • Audiencia
        • Estándares
        • Recursos
        • Objetivos y expectativas del usuario
      • Estrategia:
        • Identificar problemas
        • Explorar modelos reales
        • Soluciones posibles
        • Definir concepto y alcance
        • Organizar contenido
        • Alternativas de diseño y técnicas
    • Proceso de diseño, b
      • Prototipado:
        • Mapa de flujo del sitio
        • Componentes del diseño
        • Crear y probar el prototipo
        • Plan final de arquitectura
        • Especificaciones de producción
      • Implementación:
        • Preparar y editar el contenido
        • Terminar el diseño de interfaz de usuario
        • Desarrollar la infraestructura
        • Solucionar nuevos problemas
    • Proceso de diseño, c
      • Lanzamiento:
        • Control de calidad
          • Uso
          • Consistencia
          • Compatibilidad
        • Promocionar el servicio
      • Mantenimiento y crecimiento:
        • Gestión de nuevos contenidos
        • Análisis de logs
        • Control de enlaces
        • Revisiones periódicas