cómo mejorar la usabilidad de mi tienda online

Daniel Torres Burriel

www.torresburriel.com

cómo mejorar mi tienda online

v feria de tiendas virtuales. walqa. huesca.daniel torres burriel

lunes 29 de marzo de 2010

http://www.torresburriel.com




índice de contenidos

• mejoras desde la conceptualización

• mejoras a través de test de usuarios

• mejoras a través del diseño visual






mejoras desde la conceptualización

• planteamientos muy previos

• planteamientos previos

• conceptualización a base de cervezas

• wireframes poniendo el punto final

• caso práctico: asociación de empresas de turismo deportivo de aragón






planteamientos muy previos

el coche todo ventajas







¿te gusta conducir?






tenemos dos formas de aproximarnosa la experiencia de usuario







• funcionalidad

• vayamos a lo práctico

• mostremos la utilidad de las cosas

• dejemos pensar, imaginar, sentir

• sin palabras, todo para los sentidos

• el mensaje por encima de la palabra






ok, ya sabemos cómo lo podemos enfocar. ahora vayamos a lo concreto. al trabajo de campo.






planteamientos previos

• ¿Quién es el cliente? ¿A qué se dedica?







• ¿Quién es el cliente? ¿A qué se dedica?

• Asociación de empresas de turismo deportivo de Aragón

• Es una asociación de empresas

• De turismo

• Deportivo

• Rutas y excursiones en entorno natural

• Componente de aventura







• ¿Cuál es el proyecto? ¿Qué objetivos tiene? ¿Cómo se van a medir los resultados?







• ¿Cuál es el proyecto? ¿Qué objetivos tiene? ¿Cómo se van a medir los resultados?

• Rediseño del sitio web de la asociación

• Visibilidad: incorporar los datos de las empresas asociadas

• Visibilidad: mostrar la forma de contactar con las empresas asociadas

• Exponer el producto que ofrecen las empresas asociadas

• Resultados: conseguir que todas las empresas aporten sus datos







• ¿Quién está implicado en el proyecto? ¿Cuáles son sus nombres? ¿A qué se dedican? ¿Cuáles son sus responsabilidades? ¿Cuál es su papel en el proyecto?







• ¿Quién está implicado en el proyecto? ¿Cuáles son sus nombres? ¿A qué se dedican? ¿Cuáles son sus responsabilidades? ¿Cuál es su papel en el proyecto?

• Nacho Montalbán. 42 años. Casado. Tiene un hijo. Vive en Alcorisa.

• Tiene una empresa de turismo deportivo en el Maestrazgo

• Es vicepresidente de la Asociación y asume tareas de comunicación online y offline

• Tiene que coordinarse con la Junta Directiva para aprobar los pasos del proyecto y hablar con todas las empresas asociadas







• ¿Cómo son los flujos de comunicación entre todos los implicados directa o indirectamente en el proyecto?







• ¿Cómo son los flujos de comunicación entre todos los implicados directa o indirectamente en el proyecto?

• Nacho habla periódicamente con la Junta Directiva cuando se reúne en Huesca

• Nacho tiene una compañera de Junta Directiva que hace de enlace con las empresas ubicadas en las comarcas del Alto Aragón

• Nacho se comunica por teléfono y e-mail con las empresas del resto de comarcas de Aragón

• Nacho habla con los responsables de empresas de las comarcas del sur de Aragón







• ¿Cuál es la materia de conocimiento del proyecto? ¿Qué implicaciones tiene?







• ¿Cuál es la materia de conocimiento del proyecto? ¿Qué implicaciones tiene?

• Asociación de empresas

• Empresas de turismo deportivo, ubicadas en comarcas de Aragón

• Tiempo de ocio, con un alto componente de aventura

• Entorno natural aragonés: montaña, nieve, patrimonio, gastronomía, agua







• ¿A quién está dirigido? ¿A quién beneficia? ¿Cuál es la experiencia de otros?







• ¿A quién está dirigido? ¿A quién beneficia? ¿Cuál es la experiencia de otros?

• A todo el mundo que disfruta de tiempo de ocio

• Especialmente enfocado en grupos: familias, grupos de jóvenes, personas mayores, etc.

• Beneficios para la Asociación como entidad y para las empresas asociadas. Beneficios para quienes no conocen las zonas de actividades.

• Experiencias en España y Europa de asociaciones similares







• ¿En qué entorno se desarrolla el proyecto? ¿Qué elementos lo apoyan?







• ¿En qué entorno se desarrolla el proyecto? ¿Qué elementos lo apoyan?

• Proyecto liderado por un freelance (experiencia de usuario y arquitectura de información), apoyado por un coordinador en el cliente. Soporte a cargo de dos profesionales: diseñador y maquetador.

• No hay oficinas

• Hay muchas reuniones de trabajo entre el líder del proyecto y el coordinador en el cliente

• Altísima motivación por ambas partes (proveedor y persona de contacto en el cliente)







• ¿Qué situaciones lo dificultan? ¿Existen elementos de riesgo no controlables?







• ¿Qué situaciones lo dificultan? ¿Existen elementos de riesgo no controlables?

• Los responsables de las empresas asociadas no hacen uso habitual del correo electrónico

• Todas las decisiones deben ser aprobadas por la Junta Directiva de la Asociación

• El coordinador del cliente vive en Alcorisa

• La Junta Directiva de la Asociación se reúne en Huesca

• El equipo de trabajo vive en Zaragoza







• ¿Existen situaciones externas que puedan beneficiar su desarrollo y ejecución?







• ¿Existen situaciones externas que puedan beneficiar su desarrollo y ejecución?

• Que haya una buena temporada de nieve

• Campañas publicitarias de Turismo de Aragón

• Promociones gubernamentales comarcales, orientadas al turismo interior

• Conocimiento del medio (www) por parte de algún implicado en el proyecto

• Buenas experiencias con el medio (www)






ok, ya tenemos claros los planteamientos previos.

vamos a conceptualizar... con la ayuda de unas cervezas






conceptualización a base de cervezas

• Todo son reuniones

• En un entorno neutro

• Distendido

• Que apetezca hablar

• Entrevista como herramienta de trabajo

• Abiertas, con un epílogo cerrado, a modo de resumen (actas de reunión)

• Se termina hablando de todo

• Contar la forma de trabajo al cliente de forma transparente 100%






conceptualización a base de cervezas

• Tratar los riesgos a medida que conceptualizamos

• Establecer documentos de soporte

• Hacer un plan de comunicación

• Hacer un calendario de trabajo informando a los implicados

• Compartir toda la información (creada ad hoc) con todos los implicados

• Repasar los objetivos en todas las reuniones de trabajo para que estén presentes siempre






conceptualizando a base de cervezas

llegamos a nuestro destino






wireframes poniendo el punto final






Qué es TDAContactar con TDAObjetivos de TDA

Actividades de TDAÚnete a TDAInformación para los asociados

english français

Asociación de empresas de turismo deportivo de Aragón lista de empresas adheridas

Deportes de aventura y vacaciones de acción ofrece la asociación de Turismo Deportivo de Aragon (TDA). Aragón es ideal para practicar

deportes de aventura en su territorio: Pirineo Aragonés, Valle de Ordesa, Sierra de Guara, Maestrazgo, Reino de los Mallos de Riglos, Ainsa,

Jaca, Valle de Benasque, Matarraña, Valle de Tena.

Contacta con nosotros Asóciate

Aviso legal

El blog de TDA

RaftingBus-bobHidrospeedCanoa de río / CanoraftCanoa de lagoKayakVela / WindsurfEsquí acuático

Cañones / Barrancos / CascadasPuenting

Tirolinas / Parque de arborismoEscalada de aventuraVia ferrata

Senderismo; Montañismo

Parapente / Ala deltaMushingEscalada en hielo

Cuevas / Espeleología

Multiaventura / Orientación

Excursiones 4x4

Quads

Bicicleta/Vias Verdes

PaintballHípica

Raquetas de travesía / Esquí travesía

HeliesquíEsqui/Esquí de fondoExpediciones

Actividades que puedes hacer en Aragón

imagen

Jaca, Valle del Aragón yValles OccidentalesValle de TenaMallos de RiglosOrdesa SobrarbeGuaraRibagorza-Esera - Valle de BenasqueMar de Aragón CaspeRío EbroPuertos de Beceite MatarranyaGudar-Maestrazgo

Ámbito territorial ver mapa

Para quiénPara jubiladosPara familiasPara grupos escolaresPara empresasPara gruposCursos técnicosExpedicionesPura adrenalinaPura aguaItinerante (de semana)

logotipos






y una vez que todos estamos contentos...






no podemos olvidar que se trata del sitio webde una asociación y eso hay que decirlo pronto y bien






debemos considerar que un elemento institucional clave es la lista de empresas asociadas. las incorporamos inmediatamente






y ahora pensamos en enseñar el producto lo más ampliamente posible. ¿qué hacer? decir qué actividades proporcionan esas

empresas, conjuntamente.






y lo vamos a hacer de una forma en la que podamos enseñar todo el producto, y permitamos que el usuario acceda

inmediatamente






queremos, además, seducir al usuario y enseñarle lo que puede vivir con el turismo deportivo de aragón. lo hacemos a través de

imágenes grandes y atractivas.






ok, tenemos la mayor parte de la home enseñando producto. ¿qué más podemos hacer? ¿cómo seguimos enseñando producto?






pensamos en atraer al usuario de otra forma que no sea enseñarle el producto. vamos a afinar. vamos a permitirle llegar a través de

conceptos que le sean familiares.

vamos a personalizar su experiencia.






pensamos en qué cosa puede atraer la atención de todos los usuarios. idea: la marca que ya exista fuera de la red.

la encontramos en los nombres de las zonas geográficas de los pirineos.

hacemos una clasificación de actividades en función del territorio donde se realizan.






importante: pongamos un mapa que de forma visual permita ver dónde se realizan las actividades.






hagamos un despliegue completo de los nombres de las zonas geográficas






y ahora pensamos en acercar el producto desde otro punto de vista: grupos de usuarios






un requisito propuesto al cliente era estar presente en la actualidad de web social, pero no es un objetivo prioritario...






y, cómo no, la información corporativa de la asociación tiene que estar presente y ser consistente en todo el sitio web






mejoras a través de test de usuarios

• qué es el test de usuarios

• tipos de test de usuarios

• cuándo hacer un test de usuarios

• cómo hacer un test de usuarios

• análisis e interpretación de resultados

• prácticas de test de usuarios






qué es un test de usuarios

es una prueba de usabilidad que se basa en la observación y análisis de cómo un grupo de usuarios reales utiliza el sitio web, anotando los problemas de uso con los que se encuentran para poder solucionarlos posteriormente.

Yusef Hassan Montero







prueba de usabilidad

observación

usuarios reales

detectar problemas de uso

solucionarlos posteriormente







se trata de una prueba llevada a cabo en laboratorio, es decir, no debemos confundirla con un estudio de campo.








además de descubrir problemas y potenciales mejoras para un sitio web, es la manera más cercana de aproximarse al uso real de éste.

Eduardo Manchón







el test de usuarios un método de evaluación primordial en el análisis de un sitio web. Si se realiza correctamente complementa perfectamente a la evaluación heurística.

Eduardo Manchón




http://www.ainda.info/evaluacion_heuristica.html

http://www.ainda.info/evaluacion_heuristica.html



qué es la evaluación heurística

guía en forma de checklist para la evaluación en base a dimensiones como: identidad, lenguaje y redacción, accesibilidad, layout, elementos multimedia







tipos de test de usuarios

test de usuarios formalpruebas informales o “tests de guerrilla”test de usuarios en remotofive second test






test de usuarios formal

contar con un local -laboratorio- adecuado

contar con la infraestructura óptima: software para test, video, sala de monitorización...

contratar a evaluadores especializados

delegar en alguna empresa la selección y reclutamiento de los participantes de la prueba

es bastante costoso






pruebas informales o “tests de guerrilla”

hacer las pruebas en el cliente

uso de papel y lápiz

sólo un evaluador especializado

reclutar usuarios voluntarios, conocidos, familiares...

hacer el test en varias fases (un usuario, un evaluador)

es más económico






five second test






cuándo hacer un test de usuarios

cuanto más tarde, peordebido a lo costoso de reparar los errores encontrados

mejor hacerlo desde fases de prototipado

siempre, después de una evaluación heurística

ya que elimina los errores más básicos

yusef hassan montero






cómo hacer un test de usuarios

seleccionar a los participantesespacio y materiales

planificación de la prueba

antes de comenzar

desarrollo de la prueba

elaboración de un informe

yusef hassan montero






seleccionar a los participantes

se debe contar con al menos 5 participantes

se puede contar con amigos, familiares y personas no relacionadas con el proyecto

los usuarios deben tener perfiles acordes con la naturaleza del proyecto






espacio y materiales

conseguir un espacio donde realizar las pruebas

lugar donde nadie moleste ni interfiera

bloc de notas para realizar registro de la acción del usuario

cámara para registrar la navegación y la cara del usuario

software de registro de las acciones del usuario






planificación de la prueba

planificación previa de las tareas a realizar:selección de tareas a realizar

descripción de escenarios

redacción de narrativas para la prueba

elaboración de un guión de trabajo:qué se le va a decir a cada usuario

qué se le va a pedir que haga

cómo ha de hacerlo

cuánto tiempo tiene para realizar la prueba

acuerdo de confidencialidad y de privacidad






antes de comenzar

establecer un buen ambiente, amigable y confortable

explicar muy bien el objetivo de la prueba: no se evalúa al participante

explicar que si se comete un fallo, no es culpa del usuario; es culpa del diseño

invitar al usuario a pensar en voz alta mientras realiza las tareas

el usuario debe saber que el evaluador no le ayudará a realizar las tareas

no se debe explicar el sitio web al usuario: éste debe ser entendido de forma autónoma por aquél






desarrollo de la prueba

el evaluador abre el navegador con el sitio web ya cargado

se pide al usuario que observe la interfaz y diga en qué sitio web está y cuál es su función y objetivo

prestar atención a lo que diga el usuario, a sus expresiones y a sus gestor

uso de “aha” para responder al usuario

si el usuario se atasca en una tarea, se le pedirá que inicie la siguiente y deje la anterior

los usuarios nos indican problemas de diseño, no su solución






elaboración del informe de usabilidad

registrar las tareas realizadas por los usuarios

registrar los resultados obtenidos por los usuarios en la realización de las tareas

registrar los problemas de usabilidad detectados en la realización de las tareas por parte de los usuarios

reflejar algunas soluciones o indicaciones para solucionar esos problemas detectados






análisis e interpretación de resultados

elaborar fichas de actividad: registrar todas las acciones de los usuarios, por escrito, al realizar las tareas

elaborar matriz de tareas y acciones: que refleje las tareas completadas y las que no

elaborar matriz de incidencias: incidencias en cada paso de las tareas realizadas (5 niveles)

listado de conclusiones, agrupadas por tareas

matriz de propuestas de solución






fichas de actividad

Mercedes• Elige París como destino

• Va al listado de hoteles. Va al detalle del hotel. Se fija en el mapa. No se ubica en el mapa. No sabe moverse por el mapa. Dificultades serias para operar con el mapa. Dice que echa de menos alguna herramienta para hacer zoom.

• Le las descripciones de los hoteles en el listado.

• Busca el precio en la ficha del hotel. No lo encuentra. Va pasando por todas las pestañas de datos buscando el precio. Pulsar en ʻreservarʼ para ver si ahí está el precio.

• Hace un amago de pulsar sobre el botón ʻatrásʼ del primer paso del proceso de reserva.

• Dice que al sistema le cuesta buscar (está en el paso 3 del sistema de reservas).

• Tras consultar disponibilidad, el usuario no ve el mensaje de que no hay disponibilidad. Mira la pantalla haciendo scroll arriba y abajo varias veces.

• Busca hoteles, de nuevo en el listado, tratando de ver su localización. Dice que no le queda claro dónde está el hotel si no lo mira en el mapa. Busca referencias turísticas en el mapa para localizar, y elegir, el hotel.

• Una vez que ha elegido hotel, va directamente a leer el precio y la información sobre las habitaciones.

• Dice que buscaría más hoteles antes de reservar porque no ha visto ni otros precios ni otras ubicaciones para poder comparar.

• A la hora de cumplimentar al formulario para pagar dice que tiene dudas de qué poner en el campo ʻciudadʼ ya que dice que Aínsa es un pueblo.

• No ve que las condiciones de contratación es un link, y va directa a ver los datos sobre facturación.

• El usuario completa la tarea.






matriz de tareas y acciones

Tareas expuestas

Tareas resueltas

Tareas no resueltas

#%

11 10 1100% 90,90% 9,10%






matriz de incidencias

Selección de fechas Listado de hoteles Formulario Fin de proceso

No se entiende la barra de progreso

Falta de paginación de resultados

Error al rellenar el correo electrónico

Duda de si ha terminado el proceso o no

Se pide diferenciación de color en los calendarios de entrada y salida

Falta de distinción de información de régimen

Dudas sobre si hay que estar registrado para hacer la reserva

No sabe que se le mandará un correo

Dudas sobre el código promocional

Falta de información respecto de los precios dados

Imposibilidad de cambiar régimen y/o fechas

No sabe que puede ver el bono de la reserva

Problemas graves con la selección de fechas cuando la entrada es el último día de mes

Quieren poder comparar hoteles

No se guarda la búsqueda del hotel si se hace botón back

Faltan datos de situación

Problemas con la lectura de los rótulos de algunos campos

Se pide el carrito de la compra en la parte izquierda

Falta de información sobre la reserva

Faltan criterios de ordenación

No se ve la fecha límite para cancelar una reserva






mejoras desde el diseño visual

ponga un diseñador en su vida






gracias ;-)




cómo mejorar la usabilidad de mi tienda online

Technology