Your SlideShare is downloading. ×
0
Usabilidad Como hacer tu interfaz más efectiva Comunicación Multimedia UNIACC 1er semestre 2010
¿Qué medio es ese? Internet =
Potencial  del Ambiente Digital Propiedad Posibilidades Técnicas Virtual Reproductibilidad, transmisividad, interoperabili...
3 Dimensiones Sistemas
3 “i” de los Sistemas I nteractor I nterface I nformación
3 Dimensiones Sistemas I nteractor I nterface I nformación
Tipos de sitios según el “ objetivo ” TAREA SERVIR SOCIABILI- ZAR ORIENTAR SENSIBILI- ZAR ENTRETE- NER INFORMAR WEB
Tarea = USO <ul><li>Lo que mide la cualidad de las experiencias de los usuarios en el momento el que interactúan con algún...
Contexto histórico <ul><li>Disciplina surge durante la Segunda Guerra Mundial </li></ul><ul><li>Tornar la relación entre h...
Criterios de Cualidad <ul><li>Curva de aprendizaje </li></ul><ul><ul><li>¿Cuán rápido nuevos usuarios aprenden a usar el s...
Principales Métodos de Evaluación Métodos Descripción Evaluación Heurística Basándose en la experiencia práctica de expert...
Métodos de Evaluación Mais Usados Fonte: NN/g Usability Week 2004 Métodos % Test con usuarios 63% Evaluación Heurística 53...
I. Evaluación  Heurística <ul><li>Tipo de evaluación en la que un  experto  en usabilidad examina un sitio desde ciertos p...
Evaluación hecha a través de notas (0 a 4) dadas a categorías que tienen pesos diferentes Categorías Peso Nota Máxima Máxi...
Nota + (Fortalezas x Debilidades) Contenido Nota Fortalezas Debilidades <ul><li>El sitio no segmenta sus contenidos según ...
En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as jus...
II. Análisis de Accesos <ul><li>Informes de uso del sitio para identificar áreas y páginas más y menos visitadas </li></ul...
Blog “ De Volta  Ao  Mundo ”
Blog “ De Volta  Ao  Mundo ”
Blog “ De Volta  Ao  Mundo ” <ul><li>Sumario indica gran actividad.  </li></ul><ul><li>Pero... No hay comentarios.. Y el b...
 
Arquitectura de Páginas  y los indicadores
III. Cuestionarios <ul><li>Cuestionarios de evaluación y encuestas de satisfacción relacionados al sitio, principalmente i...
Encuestas  de Usuario
Formatos alternativos de  “encuesta” <ul><li>Wikigoogle </li></ul><ul><li>¿Esta información es útil? </li></ul>
Skype   = control de cualidad
¿Qué quieres?  = Percepción  Subjetiva
¿Qué usas? = Resultados  Objetivos RH Informativo
IV. Prototipos <ul><li>Indicado para etapas de creación o rediseño del sitio </li></ul><ul><li>Importante testar estructur...
Ejemplo de Prototipo en PowerPoint Biblioteca Projetos Regiões Workshops Ripa Notícias Quem somos Pesquisa Ok Busca avança...
Ejemplo de Prototipo en PowerPoint Pesquisa Ok Busca avançada Política de Privacidade  /  Política de Segurança   Copyrigh...
Ejemplo de Prototipo en JPEG
V. Estudio de Campo <ul><li>Monitoreo  in situ  del usuario en su ambiente de trabajo/uso </li></ul><ul><li>Evaluar las li...
Soportes…
Soportes…
Personas x soportes
VI. Test con Usuarios <ul><li>Principal objetivo es observar el comportamiento del usuario al utilizar el sitio para cumpl...
Tests <ul><li>Método </li></ul><ul><ul><li>Entre 4 e 6 usuarios </li></ul></ul><ul><ul><li>Informaciones detalladas sobre ...
Principales Métricas <ul><li>Nivel de Éxito </li></ul><ul><ul><li>Ha completado la tarea: sí o no </li></ul></ul><ul><ul><...
Metodología del Test <ul><li>Infraestructura:  </li></ul><ul><ul><li>Software captura pantalla, audio y video </li></ul></...
Metodología del Test <ul><li>Método “Pensar Alto” </li></ul><ul><ul><li>Observar el comportamiento del usuario, dejándolo ...
Principales Beneficios <ul><li>Información directamente del público que utiliza el sistema </li></ul><ul><li>Fácil de real...
Ejercicio <ul><li>Elegir una de las opciones: </li></ul><ul><ul><li>Test usuario (guión + 3 tests) </li></ul></ul><ul><ul>...
Upcoming SlideShare
Loading in...5
×

Inter tecno usabilidad

756

Published on

Conceptos basicos de usabilidad

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
756
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Link na imagem
  • Transcript of "Inter tecno usabilidad"

    1. 1. Usabilidad Como hacer tu interfaz más efectiva Comunicación Multimedia UNIACC 1er semestre 2010
    2. 2. ¿Qué medio es ese? Internet =
    3. 3. Potencial del Ambiente Digital Propiedad Posibilidades Técnicas Virtual Reproductibilidad, transmisividad, interoperabilidad En línea Simultaneidad, conectividad Interactivo Acción + Reacción, feedback Non-lineal el usuario manda, co-autoría Multimodal Poli-sensorial (visión, audición, “tacto”, sinestesia) Bases de Datos Dinámica, viva
    4. 4. 3 Dimensiones Sistemas
    5. 5. 3 “i” de los Sistemas I nteractor I nterface I nformación
    6. 6. 3 Dimensiones Sistemas I nteractor I nterface I nformación
    7. 7. Tipos de sitios según el “ objetivo ” TAREA SERVIR SOCIABILI- ZAR ORIENTAR SENSIBILI- ZAR ENTRETE- NER INFORMAR WEB
    8. 8. Tarea = USO <ul><li>Lo que mide la cualidad de las experiencias de los usuarios en el momento el que interactúan con algún producto o sistema, influenciando la satisfacción de usuarios y consumidores (de información, productos y/o servicios). </li></ul>Usabilidad! ¿Qué es?
    9. 9. Contexto histórico <ul><li>Disciplina surge durante la Segunda Guerra Mundial </li></ul><ul><li>Tornar la relación entre hombre y máquina más rápida y eficiente </li></ul><ul><li>A principio telecomunicaciones, luego a informática y consecuentemente Internet </li></ul>
    10. 10. Criterios de Cualidad <ul><li>Curva de aprendizaje </li></ul><ul><ul><li>¿Cuán rápido nuevos usuarios aprenden a usar el sitio? </li></ul></ul><ul><li>Facilidad de uso </li></ul><ul><ul><li>¿Cuán rápido usuarios frecuentes consiguen realizar las tareas más comunes? </li></ul></ul><ul><li>Facilidad de memorizar </li></ul><ul><ul><li>Los usuarios consiguen usar el sitio sin tener que re-aprender constantemente? </li></ul></ul><ul><li>Tendencia a errores </li></ul><ul><ul><li>¿Cuán fácil es cometer errores? </li></ul></ul><ul><li>Satisfacción </li></ul><ul><ul><li>Cuánto les gusta a los usuarios la interface del sitio? </li></ul></ul>
    11. 11. Principales Métodos de Evaluación Métodos Descripción Evaluación Heurística Basándose en la experiencia práctica de expertos en usabilidad, es realizado un análisis fundamentado en reglas y directrices consagradas como “buenas prácticas”. Análisis de accesos Evaluación de los informes de acceso y uso del software, para averiguar las funciones más utilizadas por los usuarios e identificar posibles deficiencias. Cuestionarios Evaluación de puntos o problemas específicos de usabilidad a través de entrevistas presenciales, cuestionarios y/o encuestas. Prototipos Tests con usuarios desde prototipos rudimentales (pueden incluso ser de papel y lápiz, en un primer momento). El objetivo principal es evaluar no la interface sino la navegación del sistema (arquitectura de la información). Estudio de campo Seguimiento y observación de hábitos de uso del software por usuarios en sus ambientes originarios. Método recomendado para evaluar la real utilización y redefinir métodos y interfaces a partir de públicos específicos. Tests con usuarios Selección y reclutamiento de diferentes perfiles de usuarios para el cumplimiento de tareas previamente designadas. Deben ser hechos apuntes por especialistas que monitorean los tests.
    12. 12. Métodos de Evaluación Mais Usados Fonte: NN/g Usability Week 2004 Métodos % Test con usuarios 63% Evaluación Heurística 53% Prototipos 38% Estudio de Campo 34% Cuestionarios 31%
    13. 13. I. Evaluación Heurística <ul><li>Tipo de evaluación en la que un experto en usabilidad examina un sitio desde ciertos principios (heurísticas) que determinan las mejores prácticas según determinados parámetros </li></ul>
    14. 14. Evaluación hecha a través de notas (0 a 4) dadas a categorías que tienen pesos diferentes Categorías Peso Nota Máxima Máximo de Puntos Contenido 16 Navegación 16 Texto 12 Página Inicial 12 Enlaces 12 Lenguaje 8 Interacción 8 Búsqueda 8 Políticas 4 Peso de los Archivos 4 Total de Puntos 100
    15. 15. Nota + (Fortalezas x Debilidades) Contenido Nota Fortalezas Debilidades <ul><li>El sitio no segmenta sus contenidos según los diferentes perfiles de usuario </li></ul><ul><li>Hay un menú muy genérico que podría ser agrupado en grandes áreas que atendiesen demandas y públicos específicos. </li></ul><ul><li>Hay determinadas áreas sin contenido o en construcción. </li></ul><ul><li>Se indica la fecha de la noticia, dándole contexto temporal </li></ul><ul><li>El área de noticias es actualizado con frecuencia diaria </li></ul><ul><li>No hay contenido desactualizado o “vencido” </li></ul>
    16. 16. En un nivel más profundo están los criterios que componen cada categoría con sus respectivas notas y fundamento que as justifica Criterio Fundamento Públicos <ul><li>El sitio no presenta contenidos direccionados y segmentados hacia sus principales públicos </li></ul>Actualización <ul><li>Las noticias son actualizadas a diario </li></ul><ul><li>Los últimos informes de gestión son del 2000 y 2001. </li></ul>Mantención <ul><li>Se indica la fecha de la noticia, dándole contexto temporal </li></ul>Diseño <ul><li>Las grandes áreas temáticas del sitio no están evidentes. </li></ul><ul><li>Los menús son genéricos y poco contextuales </li></ul>
    17. 17. II. Análisis de Accesos <ul><li>Informes de uso del sitio para identificar áreas y páginas más y menos visitadas </li></ul><ul><li>Informe de peaks de uso de determinados servicios (días y horas). Ej: servicios estacionales como Declaración de Renta (anual) </li></ul><ul><li>Informe sobre el uso del mecanismo de búsqueda </li></ul><ul><ul><li>Ayuda a indicar lo que se busca pero no se encuentra </li></ul></ul><ul><ul><li>Ayuda a dirigir determinados flujos de navegación hacia determinados tipos de contenido </li></ul></ul>
    18. 18. Blog “ De Volta Ao Mundo ”
    19. 19. Blog “ De Volta Ao Mundo ”
    20. 20. Blog “ De Volta Ao Mundo ” <ul><li>Sumario indica gran actividad. </li></ul><ul><li>Pero... No hay comentarios.. Y el blog no es actualizado. </li></ul><ul><li>85% se quedaron menos de 1 segundo!!! </li></ul><ul><li>95% oriundos de mecanismo de busca </li></ul><ul><li>Hmmm… </li></ul>¡¡¡Visitas son únicamente error de usuarios de mecanismo de busca!!! Trampa de las Keywords ...
    21. 22. Arquitectura de Páginas y los indicadores
    22. 23. III. Cuestionarios <ul><li>Cuestionarios de evaluación y encuestas de satisfacción relacionados al sitio, principalmente intranets </li></ul><ul><li>Entrevistas presenciales para levantamiento de problemas y sugerencias (resultados de mayor cualidad) </li></ul><ul><li>Cuestionarios enviados por e-mail para determinados grupos de usuarios (resultados cuantitativos) </li></ul>
    23. 24. Encuestas de Usuario
    24. 25. Formatos alternativos de “encuesta” <ul><li>Wikigoogle </li></ul><ul><li>¿Esta información es útil? </li></ul>
    25. 26. Skype = control de cualidad
    26. 27. ¿Qué quieres? = Percepción Subjetiva
    27. 28. ¿Qué usas? = Resultados Objetivos RH Informativo
    28. 29. IV. Prototipos <ul><li>Indicado para etapas de creación o rediseño del sitio </li></ul><ul><li>Importante testar estructura de menús, colores y otros aspectos visuales del sitio antes de codificar las páginas (CSS, HTML, programación y BD) </li></ul><ul><li>Prototipos pueden tener diferentes niveles de sofisticación (arte final) </li></ul><ul><ul><li>Hojas de papel hechas a mano </li></ul></ul><ul><ul><li>Páginas en GIF o JPEG </li></ul></ul><ul><ul><li>Páginas en PowerPoint </li></ul></ul><ul><ul><li>Páginas en HTML </li></ul></ul>
    29. 30. Ejemplo de Prototipo en PowerPoint Biblioteca Projetos Regiões Workshops Ripa Notícias Quem somos Pesquisa Ok Busca avançada Política de Privacidade / Política de Segurança Copyright © 2004 Ripa - Todos os direitos reservados.   Sala de Imprensa Mapa do site Fale Conosco Conteúdo Promocional (banners) Destaque principal Destaques 21/12 Nononono nonononon nonononooonono nononononononoon 19/12 Nononono nonononon nonononooonono nononononononoon 19/12 Nononono nonononon nonononooonono nononononononoon 18/12 Nononono nonononon nonononooonono nononononononoon 14/12 Nononono nonononon nonononooonono nononononononoon Destaques Destaques Pesquisadores Mercado do Conhecimento
    30. 31. Ejemplo de Prototipo en PowerPoint Pesquisa Ok Busca avançada Política de Privacidade / Política de Segurança Copyright © 2004 Ripa - Todos os direitos reservados.   Sala de Imprensa Mapa do site Fale Conosco Destaques relativos ao workshop Ripa O que é Onde aconteceu O que aconteceu Quem participou Biblioteca Projetos Regiões Workshops Ripa Notícias Quem somos Pesquisadores Mercado do Conhecimento
    31. 32. Ejemplo de Prototipo en JPEG
    32. 33. V. Estudio de Campo <ul><li>Monitoreo in situ del usuario en su ambiente de trabajo/uso </li></ul><ul><li>Evaluar las limitaciones impuestas por el ambiente/soportes que pueden interferir en la experiencia de uso do sitio </li></ul>
    33. 34. Soportes…
    34. 35. Soportes…
    35. 36. Personas x soportes
    36. 37. VI. Test con Usuarios <ul><li>Principal objetivo es observar el comportamiento del usuario al utilizar el sitio para cumplir tareas previamente definidas </li></ul><ul><li>¿Qué se necesita? </li></ul><ul><ul><li>Definir un grupo de usuarios </li></ul></ul><ul><ul><li>Escribir un “guión” de tareas </li></ul></ul><ul><ul><li>Un “facilitador” para el test </li></ul></ul><ul><ul><li>Observador(es) </li></ul></ul><ul><ul><li>Cámara, micrófono y software de captura de movimiento del mouse sincronizados </li></ul></ul>
    37. 38. Tests <ul><li>Método </li></ul><ul><ul><li>Entre 4 e 6 usuarios </li></ul></ul><ul><ul><li>Informaciones detalladas sobre el comportamiento </li></ul></ul><ul><ul><li>Muy relevante para se obtener insights sobre navegación, formularios, layout etc. </li></ul></ul>
    38. 39. Principales Métricas <ul><li>Nivel de Éxito </li></ul><ul><ul><li>Ha completado la tarea: sí o no </li></ul></ul><ul><ul><li>Crear un “índice de éxito” </li></ul></ul><ul><li>Tempo de ejecución </li></ul><ul><li>Nivel de Errores </li></ul><ul><ul><li>Número de errores cometidos </li></ul></ul><ul><ul><li>Tiempo utilizado para salir del error (si salió…) </li></ul></ul><ul><li>Nivel de satisfacción </li></ul><ul><ul><li>Frustración, confianza y hesitación </li></ul></ul>
    39. 40. Metodología del Test <ul><li>Infraestructura: </li></ul><ul><ul><li>Software captura pantalla, audio y video </li></ul></ul><ul><ul><li>Camera, micrófono </li></ul></ul><ul><li>Método </li></ul><ul><ul><li>Entre 4 e 6 usuarios </li></ul></ul><ul><ul><li>1 facilitador y 1 observador (o ¨sala espejo¨) </li></ul></ul><ul><ul><li>Estudio e hipótesis sobre la interfaz </li></ul></ul><ul><ul><li>Definición de ¨tareas¨ para comprobar hipótesis </li></ul></ul><ul><ul><li>Análisis y selección de escenas y datos relevantes </li></ul></ul>
    40. 41. Metodología del Test <ul><li>Método “Pensar Alto” </li></ul><ul><ul><li>Observar el comportamiento del usuario, dejándolo muy cómodo </li></ul></ul><ul><ul><li>Oír sus comentarios (y estimular = facilitador) </li></ul></ul><ul><ul><li>Permanecer quieto, observar y hacer apuntes </li></ul></ul><ul><ul><li>Testar un usuario a la vez </li></ul></ul>
    41. 42. Principales Beneficios <ul><li>Información directamente del público que utiliza el sistema </li></ul><ul><li>Fácil de realizar </li></ul><ul><li>Disminuye la “autorreferencia” con un método científico </li></ul><ul><li>Ahorra tiempo (y dinero) con un desarrollo más certero </li></ul><ul><li>Informaciones detalladas sobre el comportamiento </li></ul><ul><li>Muy relevante para se obtener insights sobre navegación, formularios, diseño etc. </li></ul>
    42. 43. Ejercicio <ul><li>Elegir una de las opciones: </li></ul><ul><ul><li>Test usuario (guión + 3 tests) </li></ul></ul><ul><ul><li>Cuestionario cuantitativo y análisis (10 personas) </li></ul></ul><ul><ul><li>Test heurístico metodología Base 100 y principales debilidades </li></ul></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×