Usabilidad, Ubicuidad y Arquitectura de la Información en la Web. 8 de septiembre de 2003

Transcripción

1 Usabilidad, Ubicuidad y Arquitectura de la Información en la Web 8 de septiembre de 2003 Ricardo Baeza-Yates (rbaeza@dcc.uchile.cl) Cuauhtémoc Rivera Loaiza (crivera@dcc.uchile.cl) Javier Velasco Martín (javier@mantruc.com) Agenda Introducción Arquitectura de la Información Ubicuidad Minería de la Web Usabilidad

2 Sobre los creadores del tutorial Dr. Ricardo Baeza-Yates es autoridad mundial en Sistemas de Búsqueda, su libro Modern Information Retrieval es usado en más de 100 universidades en el mundo. Es pionero en el campo de la Usabilidad en Chile. Actualmente es Profesor Titular y Director del Departamento de Ciencias de la Computación en la Escuela de Ingeniería de la Universidad de Chile. Cuauhtémoc Rivera Loaiza (crivera@dcc.uchile.cl) se especializa en el campo de la Interacción Humano- Computador y Usabilidad. Participa en forma activa en la comunidad de HCI Latinoamericana. Es Magíster en Ciencias de la Computación de la Universidad Michoacana (Mexico). Actualmente es estudiante de Doctorado en el Departamento de Ciencias de la Computación de la Universidad de Chile. Sobre los creadores del tutorial Javier Velasco Martín (javier@mantruc.com) es uno de los profesionales con mayor experiencia en Chile en el área de la Arquitectura de la Información. Ha liderado el diseño de diversos sitios Web e Intranet para grandes empresas chilenas, incluyendo exitosos sitios de comercio electrónico. Forma parte del Consejo de Líderes del Instituto Asilomar para la Arquitectura de Información y es Investigador Asociado del Centro de Investigación de la Web en la Universidad de Chile.

3 Este Curso Usando el Sentido Común Encuéntrame, descárgame y úsame. Déjate luego seducir y vuelve a mí una y otra vez. Yo por mi parte usaré mucho, mucho sentido común y trataré de sorprenderte cada día. Los cinco pasos causales en un sitio Web: Buscabilidad Visibilidad y accesibilidad Ubicuidad Contenido Estética Fidelidad Arquitectura Usabilidad

4 Arquitectura: Ser Ubicuidad: Estar Usabilidad: Servir Buscabilidad Visibilidad Estética Contenido Fidelidad Buscabilidad Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces: Encontrará mi sitio un buscador? Esto depende de aspectos computacionales y de contenido

5 Visibilidad No sirve de nada encontrar un sitio si no puedo acceder a él y verlo Aspectos computacionales y estéticos Accesibilidad Contenido Su sitio debe tener algún interés si la persona ha llegado hasta aquí elementos legibles y comprensibles coherencia de la navegación y de la funcionalidad en todas las páginas. La semántica del contenido debe responder a la pregunta cuál es mi audiencia objetivo?

6 Estética Su diseño gráfico debe ser bonito pero sin sacrificar los puntos anteriores Esto significa cosas obvias como no usar fondos que afecten la legibilidad o recargar la página con elementos distractivos El diseño gráfico debe ser elegante y simple, como Google, pero también puede ser feo y funcional como Yahoo! Fidelidad Su sitio ha sido usado, pero volverá esta persona a él? contenido o servicio que se necesite en forma periódica que sea adictivo en el buen sentido de la palabra que genere una comunidad virtual de personas con intereses comunes Es el desafío más difícil: el de la seducción permanente

7 La Web Mundial Alrededor de 40 millones de servidores Web (1 de cada 4 computadores en Internet) Más de 4 mil millones de páginas Más de 600 mil millones de archivos Inglés es el idioma de más de la mitad de ellas Muy heterogénea, redundante y desorganizada La Web Crece. y Muere

8 No es Ciencia Aeroespacial, es Ciencia Social Clement Mok Diseñador, (Interfaz Macintosh) Diseño Diseño Accidente Los detalles no son los detalles. Éstos hacen el diseño Charles Eames

9 Experiencia de Usuario Te ganó la tecnología Dicho popular Diseño de la Experiencia de Usuario en la Industria Automotriz Estudios de mercado Entrevistas a Usuarios Ingeniería Ergonomía Interfaz Diseño Visual Pruebas Gran Lanzamiento

10 Experiencia de Usuario en la Web Sistemas de Auto-atención Competencia a a 1 click de distancia Los productos tecnológicos que no funcionan de la manera que las personas esperan las hace sentir estúpidas aun cuando efectivamente hayan logrado lo que se propusieron. Jesse James Garett (2002) Steve Krug (2000)

11 Los elementos de la Experiencia de Usuario Superficie une todo de manera visual: Cómo se verá el producto visual? Esqueleto hace concreta la estructura: Qué componentes permitirán a la gente usar si sitio? Estructura da forma al alcance: Cómo se unirán y comportarán las piezas del sitio? Alcance transforma la estrategia en requerimientos: Qué elementos deberá incluir el sitio? Estrategia es donde todo comienza: Qué queremos lograr con el sitio? Qué quieren nuestros usuarios? Jesee James Garrett (2002) Los elementos de la Experiencia de Usuario Jesee James Garrett

12 Cómo evaluar la Experiencia de Usuario Usabilidad (de una aplicación) se refiere a la efectividad, eficiencia y satisfacción con la cual usuarios específicos pueden alcanzar metas específicas en ambientes particulares. Efectividad: La medida en la cual los usuarios pueden alcanzar sus metas de tareas. Eficiencia: Mide los recursos usados para realizar la tarea. Satisfacción: Mide la reacción afectiva de los usuarios respecto a la aplicación. ISO El Valor Fidelidad de usuarios tasa de conversión Reducción de costos autoservicio Sitios de comercio electrónico con arquitectura pobre están perdiendo tanto como un 50% de sus ventas Forrester Research Why Most Web Sites Fail 40% de los usuarios corporativos no pueden encontrar la información que necesitan Working Council for Chief Information Officers Basic Principles of Information Architecture

13 Profesiones y habilidades Jess McMullin + Lou Rosenfeld Nathan Shedroff (1994)

14 Ricardo Baeza-Yates Miguel Nussbaum (1997) Estrategia

15 Estrategia Objetivos del Proyecto Entrevistas a líderes de opinión Analizar el discurso Cultura organizacional Contexto Definir y explicitar los objetivos del proyecto es básico para su éxito Investigación Contexto Investigación antecedentes Reuniones y presentaciones Reuniones directorio Evaluación tecnología Contenido Usuarios Evaluación heuristica Análisis de Logs Louis Rosenfeld y Peter Morville (2002) Analisis contenido y metadata Casos de uso y personas Mapeo de contenido Investigación contextual Análisis competencia Entrevistas y pruebas a usuarios

16 Estrategia Necesidades de Usuarios Buscamos Metas Lenguaje Hábitos Métodos de Investigación Entrevistas Focus Group Entrevista contextual Estudio etnográfico Necesidades Usuarios: Pasos Básicos 1. Averigua para quién es el sitio 2. Habla con esa gente 3. Diseña el sitio para ellos 4. Prueba un prototipo del sitio con ellos 5. Cambia el diseño en base a lo aprendido 6. Prueba el sitio final con ellos Christina Wodtke (2002)

17 Necesidades Usuarios: Entrevistar Efectivamente Entrevistar neutralmente No reveles tus opiniones No te pongas impaciente Eres irrelevante Investigando efectivamente Da pistas motivadoras, pero neutrales Haz preguntas de seguimiento Usa frases incompletas Corrige cuando la gente deriva fuera del tema Entrevistando con precisión No hagas preguntas de diseño Haz que la gente muestre más que decir, cuanto puedas Graba lo que oyes y ves Christina Wodtke (2002) Necesidades Usuarios: Entrevista Tipo Qué otros sitios visitas? Cómo usas este tipo de producto? Usas productos de la competencia? Te interesa algún tipo de herramienta en particular? Usas la versión no-web del producto? Christina Wodtke (2002)

18 Alcance Alcance: Requerimientos de Contenido Revisión contenido actual Entrevistas Preguntas Frecuentes Tabla de Contenidos ID: único (página o trozo) Tipo: categoría, subcategoría, detalle, resumen Contenidos: breve descripción Notas: cualquier dato relevante que no quepa en las otras categorías ROT: marcar ítems para revisión o eliminación Autor

19 Alcance: Requerimientos Funcionales Investigación Análisis Brainstorming Recolectar requeriemientos es muchas veces cuestión de eliminar impedimentos Jesse James Garrett (2002) Alcance: Especificaciones funcionales Elemento Tipo Rótulo Evento Resultado Item carro de compras Texto Nombre producto Click Link a página info. producto Cantidad carro de compras Inputtext Prepopular=1 Tipear Ninguno Botón finalizar compra Boton submit Completar la compra Click Ir a pagina 2.3. Enviar datos

20 Personas Tú Javier Diego Claudia Ricardo Felipe Cuauhtémoc Diseñando tus personas Las personas son arquetipos de usuario usados para guiar las decisiones de funcionalidades, navegación, interacción e incluso diseño visual Se documentan en descripciones de 1-2 páginas que incluyen patrones de conducta, metas, habilidades, actitudes y ambiente con algunos detalles personales para darle vida Las personas representan patrones de conducta, no cargos de trabajo Kim Goodwin (2001)

21 Modelo Conceptual Estructura

22 Arquitectura de la Información 1. El diseño estructural de ambientes de información compartidos. 2. El arte y ciencia de organizar y rotular sitios web, intranets, comunidades en-línea y software para soportar la usabilidad y la encontrabilidad. 3. Una emergente comunidad de práctica enfocada en traer principios del diseño y la arquitectura al paisaje digital. AIfIA.org Asilomar Institute for Infromation Architecture Sistemas de Rotulado Un rótulo es un término que representa un trozo mayor de información Textuales / Icónicos / Mixtos Variedades de rótulos Links contextuales Titulares Opciones del Sistema de Navegación Botones de las Aplicaciones Términos de Indexación Sistemas de Rotulado consistentes

23 Evolución de sistemas de organización Louis Rosenfeld Peter Morville (2000) Esquemas de organización Exactos Alfabético Cronológico Geográfico Ambiguos Tema o materia Tarea Audiencia Metáfora Híbridos Audiencia de hoy Estudiantes Informáticos Bibliotecólogos Diseñadores Periodistas Profesionales Informáticos Bibliotecólogos Diseñadores Periodistas Audiencia de hoy Informáticos Estudiantes Profesionales Bibliotecólogos Estudiantes Profesionales Diseñadores Estudiantes Profesionales Periodistas Estudiantes Profesionales

24 Ejercicio de Card Sorting La silla musical Esquemas de organización Taxonomía Organización Jerárquica de conceptos Origen en la biología Construyendo una taxonomía Revisión del contenido o elementos a organizar Explorar expectativas de crecimiento Elaborar cada tema con su especialista

25 Esquemas de organización Poli jerarquía Ciencias Física Física Teórica Nicanor Parra Artes Literatura Poesía Nicanor Parra Clasificación facetada Peter Morville Faceta Type Region Winery Price Ratings Términos Totales Combinaciones Totales # Términos en Vocab ,656,824 Vocabularios controlados, taxonomía y tesauros Al incorporar sinónimos, la recuperación de resultados pasó de 20% a 80% Furnas et al, 1987 Louis Rosenfeld y Peter Morville La mayoría de las quejas que recibimos se debe a la manera en la que las personas buscan; usan las palabras equivocadas. Forrester Research

26 Tesauros Relaciones Semánticas Equivalencia Jerárquica Asociativa (Genérico) Arboles Nativos De Chile (Variante) Pehuén (Preferido) Araucaria (Variante) Araucaria araucana (Relacionado) Pehuenche (Específico) Piñón (Relacionado) Parque Nacional Conguillío Metadata Descriptiva: Metadata acerca de la naturaleza del objeto. Es la más importante para nuestros propósitos y las más usada en la web. es ficción o un hecho? es un artículo? cuál es el tema? cuáles son los temas relacionados? Intrínseca: Metadata acerca de la composición del objeto. es un documento de Word? es de 20KB? es un archivo zip? nombre de archivo? Administrativa: Metadata acerca de la forma en la cual el objeto debe ser manipulado. es una cosa temporal? debe ser archivado? quién es el editor? ha sido aprobado para su publicación? Christina Wodtke (2002)

27 Metadata Aplicada Documentación: Vocabulario Visual JJG Jesee James Garrett

28 Mapa de Sitio Dynamic Diagrams, Inc. Diseño de Interacción POWER Función anterior POWER AUX (POWER) FM/AM (POWER) CD (POWER) TAPE (POWER) Función anterior FUNCTION (FM) FUNCTION (DISC) FUNCTION (TAPE) FUNCTION (AUX)

29 Interacción Humano-Computador Computadores Increíblemente rápidos Libres de error Determinísticos Apáticos Literales Secuenciales Predecibles Amorales Humanos Increíblemente lentos Tienden al error Irracionales Emocionales Inferenciales Aleatorios Inpredecibles Éticos Alan Cooper (1999) Estúpidos Inteligentes Metodologías Contextual Design Rational Unified Process Interaction Design IconProcess extreme Programming Usability Engineering Lifecycle

30 Escenarios Persona: Claudia escribe comunicados de prensa y los organiza para su distribución en forma impresa. Ha estado haciendo este trabajo por 4 años. También adapta comunicados de prensa para publicación en el sitio de la compañía, pero alguien más los publica. A ella le gustaría poder hacerlo por sí misma para ganar tiempo, pero no sabe cómo preparar contenido para la web (no sabe HTML) Parte del Escenario: Claudia pega un texto desde un documento Word, y escribe un párrafo adicional. Agrega algunos titulares y lo lee. Quiere estar segura de que sea preciso, así que revisa la ortografía. Cuando el documento está listo, lo envía a su jefe para aprobación. Dona M (2002) Diagrama de Interacción

31 UML Casos de Uso Diseño de Interacción Desaplicado

32 Esqueleto Diseño de Información Qué? El tema central o propósito de la página debe ser lo más claro Quién? Reclamar la propiedad de una página es básico Dónde? Nunca olvidar la naturaleza internacional del medio Cuándo? Indicar la fecha de publicación, las páginas envejecen luego.

33 Diseño de Información Aplicado Diseño de Interfaces El Tao de la Pagina Principio #1: Simplicidad y Elegancia Principio #2: Proximidad y Relevancia Principio #3: Foco y Retroalimentación Principio #4: Una Jerarquía de Importancia, una Jerarquía de Tareas Principio #5: La herramienta Correcta para el Trabajo Correcto Chritina Wodtke (2002)

34 Sistemas de Navegación Navegación Global Dónde estoy? Dónde puedo ir? Navegación Local Navegación contextual Qué hay cerca? Qué se relaciona con lo que hay aquí? Dónde puedo ir? Dónde puedo ir? Louis Rosenfeld y Peter Morville (2002) Tipos de Sistemas de Navegación Browser Principales Global Local Contextual Paginación Suplementarios Mapas de sitio Indices Guías

35 Guías para el diseño de sistemas de navegación Web Navigation, Jennifer Flemming Navegación que funciona debiera: - Ser fácilmente aprendida - Permanecer consistente - Entregar feedback - Aparecer en contexto - Ofrecer alternativas - Requerir una economía de acción y tiempo - Usar rótulos claros y entendibles - Ser apropiada al propósito del sitio Designing Navigable Information Spaces, Mark A. Flotz Principios de diseño para Wayfinding - Crea una identidad para cada locación, diferente de todas las otras - Usa hitos para entregar pistas de orientación y locaciones memorables - Crea caminos bien estructurados - Crea regiones de distinto carácter visual - No entregues al usuario demasiadas opciones de navegación - Usa vistas amplias (entrega a los visitantes mapas) - Entrega signos en los puntos de decisión para ayudar a las decisiones de encontrar el camino (wayfinding) - Usa las líneas de visión para mostrar lo que hay adelante Principios de diseño para un medio computacional - Usa un modo apropiado de presentación - Permite diferentes velocidades de movimiento a través del espacio - Usa data de ruta para visualización, dinamismo y corrección de errores - Cuando en inmersión, usa un mapa tipo usted está aquí - Personaliza el espacio - Usa el espacio como un repositorio de conocimiento en evolución - Entrega capas de información en el mapa - Apoyar las metas y conductas de los usuarios Diseño: Prototipos de Papel

36 Documentación: Wireframes Caso: Asistencia Sistema de Control de Asistencia Serie de informes de diferentes variables Generar informes por fecha y personas Empresa completa Grupo de empleados Empleados Individuales Indicar selección en uso Administración de Solicitudes Ingresar Aprobar Administración de Empleados Solución

37 Superficie Resolución

38 Color Tono Valor Intensidad Tipografía Serif Sin Serif Times Garamond Georgia Arial Helvetica Verdana

39 El lenguaje de la Web <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN > <html> <head> <title>conoce tus Herramientas</title> <meta http-equiv="content-type" content=text/html; charset=iso > </head> <body> <h1>conoce tus Herramientas: HTML</h1> <p>es básico que un AI conozca el lenguaje de la Web</p> <p>lo bueno es que es mucho <strong>más fácil de lo que parece</strong></p> </body> </html> Optimización de Imágenes Colores Planos GIF Fotografía JPEG

40 Diseño Visual Aplicado Isaac Forman Sistemas de Búsqueda Foto: British Blind Sport Navegación Búsqueda

41 Cuando Necesitamos un Sistema de Búsqueda Hay mucho contenido Podemos invertir en búsqueda Tenemos el conocimiento necesario No hay alternativas mejores Nuestros usuarios saben buscar Opciones Hacerlo uno mismo software público o propietario Outsourcing Modalidad ASP Sin imagen propia Beneficio adicional: minería para decisiones comerciales

42 Arquitectura Louis Rosenfeld y Peter Morville (2002) Qué Queremos Buscar? En todo o subconjuntos especiales Componentes mínimos Formatos: XML, HTML, PDF, Word, etc. Usamos la estructura? Decidir vista lógica del texto Tipos de acceso

43 Interfaz de Búsqueda Simple o avanzada Ubicación de la caja de búsqueda es importante Integrar a la navegación Proveer ayuda Explicar el contexto Explicar el contenido Qué Queremos Mostrar? Resultados para navegar o para leer Que partes mostramos y cuanto Vista previa Destacar lo nuevo Orden: por relevancia, lexicográfico, temporal Orden: popularidad, por uso, por dinero Herramientas de visualización

44 Manejo de los Resultados Imprimir Enviar a otra persona Guardar Seleccionar un subconjunto Documentos similares Agrupación de resultados Clasificación por tema AI y Comunicación Comunicación como transmisión de mensajes Estrategia Investigación: Mercado y Usuarios Rotulado Revisión de Textos Organización de la Información Diseño de Interacción Comunidades electrónicas Sistemas de CRM

45 Hoy en día, la gente espera ser capaz de encontrar la información en un instante, una suposición que hubiera sido impensable antes de que la Web se convirtiera en un medio masivo. Mike Yamamoto. CNET.com, Abril 2003 Buscabilidad Encontrará mi sitio un buscador? La respuesta es no, si no ha registrado su sitio o si no posee un enlace desde un sitio conocido Pongo trabas a los buscadores? La respuesta es sí, si usa mapas de imágenes, Flash u otros mecanismos que no permiten extraer los enlaces hacia páginas internas

46 Sitios Impenetrables Estos sitios son aquellos en que la estética es prioritaria, la cual por ignorancia esconde su contenido En Chile hay más de 2500 sitios impenetrables Estos incluye más de mil sitios que usan Flash y otros mil que son o hacen una llamada a un programa Sitios Impenetrables Se puede esgrimir la excusa de la ignorancia, pero hay casos en que esto es imperdonable: Las empresas de tecnologías de la información no pueden apelar a la excusa de ser ignorantes Sitios de gobierno Las empresas donde la información es uno de sus valores fundamentales. Y sin mencionar las empresas de información que no tienen sitio Web!

47 Buscabilidad Tengo el texto correcto en mi página principal? Puedo encontrar mi sitio imaginando que palabras usarán mis clientes? Queda mi sitio bien ubicado en una búsqueda? Si la respuesta es no, consiga enlaces desde otros sitios y mejore sus metadatos (para cuando se usen). Visibilidad Aspectos de hardware y conectividad desempeño y compatibilidad computacional de un sitio calidad del enlace Internet

48 Visibilidad Es su diseño compatible con todos los navegadores o usted supone que todo el mundo usa Explorer y Windows? Entonces las personas que usan Linux o Macintosh no visitarán su sitio. Accesibilidad Considera su sitio alternativas para personas con discapacidades visuales o le da lo mismo? Existen normativas, fáciles de seguir, que permiten la creación de páginas web accesibles para todos WAI, Web Accessibility Initiative,

49 Contenido Es su prosa asequible a todo el mundo? Es el idioma usado una barrera para sus clientes? Esencia de la información Sea humilde: nadie sabe que quieren sus clientes (además cambia en el tiempo) Diseño Dirigido por el Usuario User-driven design Ejemplo: Yahoo! Análisis de logs de navegación Reorganización del sitio Análisis de consultas del buscador del sitio Esencia de la información Palabras que faltan en un sitio

50 Esencia de la Información

51 Usabilidad en la Web Interfaz de Usuario El lenguaje a través el cual la aplicación se comunica con el usuario: Estructura navigacional Diseño del display y controles Salida audiovisual El lenguaje a través con el que el usuario se comunica con la aplicación: Interacción entre dispositivos de entrada y elementos gráficos (botones, imágenes, etc.) Via oral

52 Interfaz de Usuario La parte de la aplicación de software que el usuario ve, escucha y con la cual interactúa directamente Para el usuario la interfaz de usuario ES la aplicación (el computador, de hecho)

53 Qué es Usabilidad? Responde a la pregunta si un sitio es suficientemente bueno para satisfacer las necesidades del usuario Es una medida para evaluar la calidad de la experiencia del usuario al interactuar con el sistema Usabilidad Este proceso es aplicado a todos los elementos con los cuales el usuario pueda interactuar Se incluyen también aspectos de instalación y mantenimiento del sistema

54 Usabilidad Una cualidad medible de una interfaz de usuario (de software), que está presente en mayor o menor grado Dos grandes dimensiones de usabilidad: Facilidad de aprendizaje/retención (para novatos y visitantes ocasionales) Facilidad de uso (para visitantes frecuentes y avanzados) Usabilidad Se basa en: Las capacidades (y limitantes) motoras, cognitivas y preceptúales de la gente Las características especiales y únicas de la población de usuarios target Las características únicas del ambiente físico, técnico y corporativo de los usuarios Las características únicas y requerimientos de las tareas de los usuarios, las cuales son apoyadas por el sitio o aplicación

55 Ingeniería de Usabilidad Es una disciplina que provee de técnicas estructuradas para lograr un nivel de usabilidad óptimo en el diseño de una interfaz de usuario durante el proceso de desarrollo Ingeniería de Usabilidad Utiliza técnicas y conocimiento de otras disciplinas: Ingeniería de software (métodos para el diseño y desarrollo de software) Etnografía (técnicas para estudiar otras culturas) Psicología cognitiva (conocimiento sobre el procesamiento de la información por parte de los humanos) Psicología experimental (técnicas para el diseño experimental)

56 Ingeniería de Usabilidad Ha desarrollado su propia base de conocimiento sobre principios de diseño y técnicas de ingeniería desde hace 20 años Boston Consulting Group,

57 Beneficios de invertir en usabilidad en la web La usabilidad de un sitio es equivalente a un buen o excelente- servicio a clientes: Considere el nivel de inversión de un cliente en los canales tradicionales de servicio a clientes Facilita que los posibles clientes hallen lo que quieren comprar pre-requisito para hacer una compra Beneficios de invertir en usabilidad en la web Reduce los errores en las transacciones de negocios y los costos asociados en arreglarlos Motiva a los clientes a elegir el sitio por sobre los métodos tradicionales para hacer negocios Ayuda a que los clientes regresen repetidamente al sitio

58 Beneficios de invertir en usabilidad en la web La usabilidad implementada desde las primeras etapas del proceso de desarrollo es siempre más barato que arreglar los problemas que se identifiquen una vez que el sitio ha sido lanzado Riesgos de no invertir en usabilidad en la web La falta de usabilidad en un sitio de e- business es equivalente a un pobre servicio a clientes: SC: Buenas tardes..bla bla bla Cliente: Hola, me gustaría hacer una orden SC: Me puede dar la clave del producto Cliente: clave del producto? No la sé, dónde está?...

59 Riesgos de no invertir en usabilidad en la web Clientes insatisfechos con la calidad del servicio a clientes daña la lealtad del cliente Curva de aprendizaje inaceptable para completar metas deseadas Dedicación de tiempo de trabajo inaceptable para lograr las metas deseadas Errores inaceptables durante la completitud de una tarea Riesgos de no invertir en usabilidad en la web Pérdida de ventas porque los clientes no pueden encontrar lo que quieren comprar Los clientes cometen errores en las transacciones de negocios, los cuales cuestan tiempo y esfuerzo en ser rectificados; y crean una insatisfacción del cliente

60 Riesgos de no invertir en usabilidad en la web Los clientes se rehusan a utilizar el sitio y regresan a los métodos tradicionales para hacer negocios Los clientes huyen hacia compañías competidoras cuyos sitios web son más fáciles de utilizar Costos altos para reparar el sitio después de haber sido lanzado (para remediar problemas) Usabilidad de un Sistema Facilidad de aprendizaje Eficiencia en su uso Capacidad de memorización Frecuencia y severidad de los errores Satisfacción subjetiva

61 Usabilidad de sitios web Para hacer Utilizable un sitio web, es necesario saber: Cuáles son los objetivos de la compañía u organización con respecto al sitio? Quiénes serán los usuarios del sitio? Cuáles son sus metas? Cómo probar un sitio web existente

62 Probar la interfaz con usuarios reales Entre 5 y 12 usuarios por cada prueba Pueden hacerse las pruebas tanto en ambientes controlados como en el lugar mismo donde se va a usar el sistema Probar la interfaz con usuarios reales Método de Thinking Aloud, grabación de acciones por parte del usuario, uso de encuestas, etc. Utilización de encuestas on-line

63 Exploración: Prueba de usabilidad Una persona es el usuario Lea el primer punto en la hoja de tareas Piense en voz alta conforme trabaja Otras dos personas observan en silencio y toman notas No se trata de un ejercicio grupal Tiene ocho minutos para completar la prueba Cuando Usted es el usuario Se está probando al sitio web, no a Usted La respuesta se encuentra en algún lugar dentro del sitio web Esta bien si no encuentra la respuesta No es su falta Usted le está ayudando a los observadores a identificar problemas del sitio Tiene permitido abandonar la prueba si así lo desea

64 Cuando Usted es el Observador Tome notas conforme el usuario trabaja Tuvo éxito el usuario? Cuál fue el camino que siguió el usuario para buscar la respuesta? Ponga atención en los links seguidos por el usuario, opciones de búsqueda, etc. Con qué obstáculos se encontró? Cuando Usted es el Observador Qué lo confundió? Destaque las características del sitio que hayan funcionado bien

65 Ejercicio, Servicio de impuestos internos de Chile Diseñando pautas de tareas Tareas basadas en verbos Tareas basadas en cacería de datos

66 Tareas basadas en verbos Pida a sus usuarios que hagan algo específico Recabe información sobre la funcionalidad del producto Métodos tradicionales para probar software Probablemente este tipo de tareas sea la más recomendable para aplicaciones web, y menos para los sitios web ricos en contenido Ejemplos de tareas basadas en verbos Haga un forward a Juan Pérez de el correo electrónico que acaba de recibir. Agregue un texto introductorio Copie el texto de esta página a otro documento

67 Puntos positivos/negativos Positivos: Prueban la funcionalidad Miden como distintos usuarios realizan exactamente la misma tarea Puntos positivos/negativos Negativos No es necesariamente realidad Es algo que los usuarios realmente harán? No se considera el contexto completo sobre cuándo y por qué los usuarios realizarán estas tareas por voluntad propia

68 Tareas de cacería de datos Desafían a los usuarios a encontrar información específica Prueba el nivel de comprensión de la información por parte de los usuarios ES la forma más común de las tareas empleadas para probar los sitios web ricos en contenido Tareas de cacería de datos Ejemplo: Usted estaba en un asado el domingo pasado. De repente surgió una discusión sobre el mantenimiento de autos y hubo una diferencia de opinión sobre la frecuencia con que se deben cambiar llantas. Vaya al sitio TodoSobreAutos.cl y encuentre información sobre que tan frecuente hay que cambiar las llantas de los autos.

69 Puntos positivos/negativos Positivos: Prueban que tan bien pueden los usuarios hallar y entender cierta información Miden que tan fácil/difícil es para diferentes usuarios en encontrar la misma información Puntos positivos/negativos Negativos Asume que se está probando con los usuarios correctos haciendo tareas reales, pero esta pudiera ser una suposición incorrecta

70 Creación de Tareas Basadas en Verbos Haga una lista de las cosas que el producto le permite hacer a los usuarios Identifique los verbos más críticos de esa lista Quizás sea necesario ordenarlos de manera lógica Cree tareas para cada verbo La tarea es exitosa si el usuario completa la prueba Cuáles son los verbos de Hotmail?

71 Cuáles son los verbos de Hotmail? Abra una nueva cuenta Mandar un correo a juanperez@hotmail.com Adjuntar un archivo de excel a un mensaje Agregar la dirección de Juan Pérez a mi libreta de direcciones Abrir un correo Creación de Tareas de Cacería de Datos Navegue por el sitio Comience por las áreas de mayor interés Encuentre un tema que sea interesante Cree escenarios y preguntas que vayan de acuerdo con el tema Evite dar demasiadas pistas

72 Creación de Tareas de Cacería de Datos El éxito se da cuando se encuentra el tema pedido Las tareas de cacería de datos son tareas basadas en verbos donde el verbo es encontrar Elabore una pauta para emol.com

73 Comprendiendo las metas del usuario Variaciones de pruebas de usabilidad Pruebas de usabilidad con tareas definidas Observar a los usuarios como realizan sus tareas En un laboratorio de usabilidad En su propio hogar u oficina Prototipos de nuevos diseños En papel o electrónicos Comprendiendo las metas del usuario Variaciones de pruebas de usabilidad Sitios de la competencia Sitios con buenas ideas Probar el sitio web con usuarios reales Evaluación por parte de usuarios expertos Encuestas Verificar las bitácoras de los servidores Estudios de campo