Usabilidad y Accesibilidad Web

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Usabilidad y Accesibilidad Web"

Adolfo Segura Pinto
hace 7 años
Vistas:

1 Usabilidad y Accesibilidad Web El trabajo del Diseñador de Interacción Chesco Martín Fernández NosoloUsabilidad.com

2 Estructura 1.Qué es el Diseño de Interacción 2.Qué hace un diseñador de interacción 3.Cómo trabajar en este sector

3 1. Qué es el Diseño de Interacción

4 Technology has made our lives more full, yet at the same time we ve become uncomfortably full. John Maeda, Laws of Simplicity, 2006.

5 El Diseño de Interacción es la disciplina profesional centrada en la relación entre las personas y los productos interactivos.

6 El diseñador de interacción define el comportamiento interactivo del producto o herramienta, con el objetivo de que resulte útil, usable y accesible.

7 UTILIDAD: El producto debe ofrecer funciones que realmente su audiencia objetiva necesite, desee o pueda considerar valiosas. USABILIDAD: El uso de estas funciones debe resultar fácil, cómodo y satisfactorio para su audiencia objetiva. ACCESIBILIDAD: Todas las personas que conformen la audiencia objetiva del producto deben poder usarlo, independientemente de sus limitaciones individuales o contextuales.

USABILIDAD: El uso de estas funciones debe resultar fácil, cómodo y satisfactorio para su audiencia

8 Veamos un ejemplo.

10 dustincurtis.com

11 Premisas generales para afrontar el diseño de interacción.

12 Nosotros no somos el usuario final Usuario Cliente Diseño

13 Nosotros no somos el usuario final El cliente no es el usuario final Usuario Cliente Diseño

14 Nosotros no somos el usuario final El cliente no es el usuario final Usuario Cliente No existe el usuario medio Diseño

15 Nosotros no somos el usuario final El cliente no es el usuario final Usuario Cliente No existe el usuario medio El diseño debe generar negocio Diseño

16 2. Qué hace un diseñador de interacción

17 1.Aplica principios-patrones universales de diseño 2.Documenta las decisiones de diseño 3.Investiga, y aplica sus resultados

18 Ejemplo de principios de diseño.

19 Diseño preventivo: Las personas no son ordenadores, cometen errores.

20 Diseño preventivo: Las personas no son ordenadores, cometen errores.

21 Diseño preventivo: Las personas no son ordenadores, cometen errores.

22 Memoria y procesamiento de información: Menos es más.

23 Memoria y procesamiento de información: Menos es más.

24 Memoria y procesamiento de información: Menos es más.

25 Equilibrio esfuerzo-recompensa.

26 Equilibrio esfuerzo-recompensa.

27 Equilibrio esfuerzo-recompensa.

28 El diseño debe orientarse a objetivos.

29 El diseño debe orientarse a objetivos.

30 Definir una clara jerarquía visual.

31 Definir una clara jerarquía visual.

32 Definir una clara jerarquía visual.

33 Documentar las decisiones de diseño.

34 Wireframes. logo Portada Qué es? Lista de Correo Revista Laboratorios Cocktails Weblog english Ejemplo wireframe (curso arquitectura de información para la web) Qué es Cadius? Imagen decorativa Cocktails mensuales Lista de correo Acceso a opciones, perfil, contraseñas de los suscriptores Introduce tu imagen Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim. Conoce todos los detalles sobre CADIUS... Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Todo sobre los cocktails... imagen Entrar Únete a la lista! La lista cuenta ya con más de xxxx miembros. Rellena el formulario para apuntarte. Archivos Todos los mensajes ordenados por fecha, tema, autor e hilo. Miranda Laboratorios Weblog Estamos preparando el primer journal sobre diseño de interacción... Nueva iniciativa: encuentros con temas e invitados especiales Recursos facetados sobre interacción: weblog de Cadius 2001-(año) Creative commons Créditos y agradecimientos accesibilidad xml

35 Diagramas de flujo de interacción. Bill Scott (2005)

36 Diagramas de flujo de interacción.

37 Investigación.

38 Diseño Centrado en el Usuario.

39 Test de Usuarios.

40 Test de Usuarios. Pros: Es una demostración con hechos Acaba con discusiones estériles Alto Retorno de Inversión Contras: Alto coste en el reclutamiento, ejecución y análisis Laboratorio=Descontextualización

41 Eye-Tracking.

42 Eye-Tracking. Pros: Es una demostración con hechos Acaba con discusiones estériles Ver con los ojos del usuario Resultados visibles Contras: Muy alto coste Dificultad en la interpretación Datos cualitativos bajo la piel de datos cuantitativos

43 Card Sorting.

44 Card Sorting. Pros: Arquitecturas de información centradas en el usuario Permite excavar en el modelo mental del usuario Ofrecen datos cuantitativos Contras: Alto coste en el reclutamiento de participantes Diferentes factores pueden influir significativamente en los resultados Complejidad matemática de las técnicas de análisis

45 3. Cómo trabajar en este sector

46 1.Formación 2.Experiencia 3.Visibilidad

47 Formación. Formación formal. Formación autodidacta.

48 Experiencia. Portfolio.

49 Visibilidad. Escribir (blogs, revistas...) Comunidad (eventos, listas de correo, grupos locales, twitter, ...)

50 Gracias!

Documentos relacionados

Manual de Identidad Corporativa

Manual de Identidad Corporativa Manual de Identidad Corporativa 1. Introducción 2. Simbología corporativa 3. Planimetría 4. Área de limpieza y de protección 5. Disposiciones 6. Código cromático 8. Escala