Usabilidad - Conoce Valparaíso

De Casiopea

← Volver a Conoce Valparaíso

Heurística

Preguntas

  1. Visibilidad del estado del sistema
    • ¿Al iniciar sesión te puedes dar cuenta que está logueado?
    • ¿Se destacan los elementos clickables?
    • ¿Muestra los enlaces ya visitados?
    • ¿Sabe en que sección se encuentra y cómo volver?
    • ¿Se sabe cuántos pasos tienen los formularios para terminar?
  2. Relación entre el sistema y el mundo real
    • ¿El menú es reconocible?
    • ¿Se reconocen las sub-secciones de cada categoría?
    • ¿Comunica cuando se ha activado una ruta?
    • ¿Sabe que al guardar un servicio o lugar como favoritos, se va a su perfil?
    • ¿Sabes donde puedes escribir un comentario?
    • ¿Sabe donde valorar?
  3. Control y libertad del usuario
    • ¿Puede desactivar una ruta activada?
    • ¿Puede deshacer la acción de favoritos?
    • ¿Puedes editar tus comentarios?
    • ¿Se puede cancelar una promoción o evento?
    • ¿Se puede editar el perfil de usuario o servicio después de haberlo creado?
  4. Consistencia y estándares:
    • ¿La barra de navegación permanece en el mismo lugar en todo el sitio?
    • ¿El logo del sitio te permite llegar al inicio?
    • ¿El footer te informa de la privacidad y condiciones del sitio?
  5. Prevención de errores:
    • ¿Tienes la libertad de cambiar tu contraseña?
    • ¿Tiene la opción de cancelar o volver atrás en los formularios?
    • ¿Se diferencian las opciones de aceptar o crear, con las de cancelar y volver atrás? (contraste entre enlaces primarios y secundarios)
    • ¿Posee instrucciones de apoyo al usuario mientras crea su perfil o del local?
    • Cuando comenta o sube una fotografía sin conección a internet, ¿Le avisa que se sincronizarán los contenidos cuando se conecte a internet?
  6. Memoria:
    • ¿Puedes saber cuando un enlace se ha visitado?
    • ¿Se puede saber que has estado en un lugar?
    • ¿Se puede saber que lugares has valorado o comentado?
    • ¿Se puede saber que lugares has guardado como favoritos?
    • ¿El buscador despliega opciones de búsqueda ya realizadas anteriormente?
    • ¿Te permite recordar el usuario y contraseña?
  7. Flexibilidad y eficiencia de uso:
    • ¿Al realizar una acción que requiera registro, sin estar registrado, te muestra la opción de registrarse?
    • ¿Tiene visible contenidos relacionados al estar dentro de una página de promoción, evento, ruta o lugar?
  8. Estética y diseño mínimo:
    • ¿Se identifican las diferentes categorías de textos?
    • ¿Se mantienen las características tipográficas dentro del sitio?
    • ¿Se mantienen las características de color y estilos?
    • ¿Se diferencian los enlaces del texto sin enlace?
    • ¿Es responsive?
  9. Ayuda o reconocer y solucionar los errores:
    • ¿Avisa cuando un campo en los formularios no se ha completado, o se completado erroneamente?
    • ¿Muestra error cuando la página tiene un problema? (error 404)
    • En la página de error 404 ¿Muestra enlaces a contenidos para que siga navegando por el sitio?
    • ¿Posee una página de ayuda al visitante?
  10. Ayuda y documentación:
    • ¿Te guía con tooltips?
    • ¿Muestra tags que ayuden a la búsqueda?
    • ¿Cuando te posicionas con el mouse sobre un contenido dice a que corresponde?

Análisis Cualitativo

(04) Problemas catastróficos: requieren corrección de diseño urgente
  • 3a. Activar y desactivar rutas, diseñar botones activos y sin activar (solo basta con que se activen o es necesario un pop up?)
  • 3d. Cancelar promocion o evento
  • 5e. Que de aviso de la sincronización de contenidos cuando se conecte a internet (en movil es importante)
  • 7a. Mostrar opción de registrarse, cuando se realiza una acción que requiera registro, sin estar registrado
  • 7b. Incluir contenidos relacionados al estar dentro de una página de promoción, evento, ruta o lugar
  • 9b y c. Diseñar error 404, con enlaces que permitan seguir navegando
(03) Problemas Graves: Requieren corrección importante
  • 1a. Dar cuenta que estas logueado al iniciar sesión
  • 1c. Enlaces ya visitados, de color diferente o más claros (diseñar pronto)
  • 1d. Migas de pan o por direccion de URL,en que sección se encuentra y cómo volver
  • 2c. Mensaje que muestre que se activó la ruta y decir que significa eso “la ruta ha sido activada, mientras recorras la ciudad se te notificará de los lugares de la ruta” agregar opciones secundarias de “ desactivar ruta, desactivar notificaciones o elegir que cosas de la ruta quiere que se le notifique.
  • 2d. Mensaje de “este lugar se ha agregado a favoritos, puedes revisar en tu perfil tus lugares favoritos”
  • 3b. Poder deshacer la opción de agregar a favoritos, cuando se activa en <3 de favoritos si se hace clic de nuevo se desactiva favoritos, pero se debe crear una opción en escrito “has agregado a favoritos y unos links principal y secundario de “ok” y “deshacer”
  • 5a. Mostrar opción en el perfil del usuario o del local de cambiar contraseña, y cuando ingresa, recordar contraseña y “olvidó su contraseña”
  • 5b. agregar opción de “cancelar” y/o “volver atrás” mientras se crea perfiles, promociones y eventos.
  • 5c. Diferenciar entre enlaces de aceptar y cancelar, destacando los enlaces positivos sobre los que hagan que salga, pero dándole la opción también.
  • 6a. Diseñar enlace visitado
  • 6f. Permitir al ingreso o inicio de sesión la opción de recordar contraseña
  • 9a. Que en los formularios se avise cuando un campo no ha sido llenado
  • 8c. Que se mantengan las características de color y estilo, eso se está diseñando ahora, por corregir acorde a visto en clases. ves si es necesario ocupar un color por sección o dejar un color único para todo el sitio.


(02) Problemas de poca importancia: no tiene mucha importancia arreglarlo
  • 10a. Guía con tooltips, mejoras en parte de codificación
  • 10c. Al hacer hover sobre un elemento que muestre etiqueta que aclare de que se trata ese enlace (mejoras de usabilidad)


(01) Problemas sin importancia: no tiene importancia arreglarlo
  • 3c. Que se pueda editar los comentarios después de haberlos publicado
  • 4c. Que el footer informe de privacidad y condiciones
  • 5d. Instrucciones de apoyo mientras crea perfil
  • 6b. Que se sepa cuando has estado en un lugar (no se si es viable o demasiado entrometido en el recorrido de la persona decir donde estuvo a no ser que el quiera decirlo)
  • 6e. Que el buscador despliegue búsquedas anteriores

Análisis Cuantitativo

Secciones generales peor evaluadas:

  • 3- Control y libertad del usuario (2,4)
  • 5- Prevención de errores (2.8)
  • 7- Flexibilidad y eficiencia de uso (4)
  • 9- Ayuda a reconocer y solucionar errores (3)

Secciones generales mejor evaluadas:

  • 1- Visibilidad del estado del sistema (1,8)
  • 2- Relación entre el sistema y el mundo real (1,2)
  • 4- Consistencia y estándares (0,3)
  • 6- Memoria (1,3)
  • 8- Estética y diseño mínimo (0,6)
  • 10-Ayuda y documentación (1,3)

Paseos Cognitivos

Primera propuesta de test

Este test es realizado fin de poner a prueba y mejorar el diseño del proyecto de sitio web “Conoce Valparaíso”. En ningún momento se le estará evaluando a usted. Su experiencia servirá para detectar detalles del sitio para poder ser mejorados.

A continuación se le pedirá realizar una secuencia de tareas en el sitio. Se le pide que exprese en voz alta las acciones que va a realizar y en caso de que encuentre algún inconveniente, puede mencionarlo en voz alta de igual manera.

Tareas para prestadores de servicios (pruebas de pc y tablet)

  1. ¿De qué observa usted que trata el sitio?
  2. Cree el perfil de su local en el sitio
  3. Cree una nueva promoción de su local, de duración indefinida
  4. Cree un nuevo evento desde el 5 de octubre al 10 de noviembre

Tareas para turistas (pruebas de móvil y tablet)

  1. ¿De qué crees que trata el sitio?
  2. Accede a un hostal económico de Valparaíso
  3. Accede a una ruta temática y activala para usarla.
  4. Encuentra información de un ascensor de Valparaíso
  5. Sube una fotografía a un restaurant
  6. Busque los números de emergencia

Segunda propuesta de test

El objetivo es evaluar la calidad del diseño del sitio, pero primero me gustaría conocer un poco de usted.

  • ¿Cómo se llama y a que se dedica?
  • ¿Cuanto utiliza internet al día?
  • ¿Utiliza más el móvil o el pc?
  • ¿Para qué utiliza internet?
  • ¿Qué sitios suele visitar?

Lo ideal es que a medida que recorra el sitio vaya pensando en voz alta, en caso de que algo le cause alguna duda, si hay algo que no entienda o lo que crea que significa algo.

Cabe destacar que esto no es el sitio oficial, sino una maqueta navegable, por lo que no todos los elementos son clickeables, cuando pase el cursor por sobre un elemento y aparezca una manito significa que puede hacer click sobre ese elemento.

Para comenzar:

  • ¿Podría describir de qué cree usted que trata el sitio? viendo solamente la página de inicio sin seleccionar nada
  • ¿Qué cree que se encuentra detrás de cada link del menú?

Si es Prestador de servicio:

  1. Crear un servicio (Café las Delicias)
  2. Visitar su perfil
  3. Editar perfil del local
  4. Crear un evento
  5. Borrar o cancelar una promoción
  6. Subir una fotografía a su local

Si es visitante:

  1. Crear cuenta como Claudio Ruiz
  2. Ver su perfil
  3. Activar ruta street art
  4. Guardar lugar patrimonial en favoritos (Museo Baburizza)
  5. Asistir a un evento del servicio turístico Café las Delicias
  6. Adquirir una promoción del Museo Baburizza
  7. Subir una fotografía a un lugar patrimonial del Museo Baburizza

Aplicando test Paseo Cognitivo

En base a la segunda estructura de test planteada, se realiza test a 4 tipos de usuarios, 3 de ellos corresponden a dueños o administradores de servicios turísticos y uno a tipo visitante. En el caso de los dueños de locales se busca poner a prueba la interfaz de los formularios de edición de perfil, de eventos y promociones, y en el caso del visitante, la capacidad de interactuar con la interfaz del sitio al guardar, subir imágenes y activar promociones, rutas y eventos.

Perfiles de usuarios que realizaron test

  1. Cristian Jara (dueño)
    • Dueño del restaurant Placer Urbano, en Valparaíso, Hace un año y medio aproximadamente
    • Uso de plataformas turísticas y sitios web, solo Facebook y twitter, no otras municipales ni de otro apoyo.
    • Para revisar sitios utiliza notebook y para subir información; el móvil lo usa para ver el estado de las publicaciones, el alcance, los clicks que tiene, estadísticas de la semana.
    • Utiliza internet con alta frecuencia.
  2. Norma Vergara (dueño)
    • Dueña de local de sushi Ai sushi hace 2 años, trabaja medio tiempo en el local de 5 a 12 pm. Se dedica a la caja, recibir pedidos y cobro. Utiliza el computador pc para recibir los pedidos que reciben a través de redes sociales.
    • Con el celular está conectada todo el día, principalmente Facebook y si tiene una duda utiliza google y descarga de canciones. El pc lo usa solo en el local de 6 a 12, solo tomando pedidos del local. A través de Facebook. Sitio web aun no tienen pero se está creando. Buscar direcciones para los pedidos en google maps. Subir imágenes a Facebook por propaganda.
  3. José Miguel Rojas(dueño)
    • Dueño de local aisushi en Valparaiso hace dos años.
    • Utiliza mucho el pc, usa google, pocas redes sociales, solo la del local
    • Existe la intención de tener prontamente un sitio web.
  4. Miguel Adofacci(visitante)
    • Estudiante universitario
    • Viajes en general no mucho, vacaciones no suele viajar, una que otra vez sale a caminar por Valparaíso pero no es algo guiado o una ruta trazada… llega al lugar y lo arma en el momento.
    • Usa internet casi todo el día, usa más el computados PC… para trabajar, correo, sitios, almacenaje en la nube como drive y dropbox, redes sociales.

Conclusiones generales del test

Prestadores de servicios
Ver sitio de inicio
Pantalla de inicio
  • El primer pantallazo debe mostrar que hay más contenido debajo de la imagen, sino el usuario no hace scroll para ver más contenido.
  • Datos de utilidad es poco leído y cuando se lee el concepto no queda muy claro.
Crear cuenta de local
llamado a crear local desde formulario de crear cuenta
llamado a crear local desde footer
Entra a crear local desde footer, pero se demora en encontrarlo
  • Llamado a crear cuenta de local está muy sutil en footer y va a crear cuenta para crear el local. dos personas accedieron desde el footer a crear tu local y 2 desde crear cuenta en el menú superior derecho, pero una creo cuenta de visitante por lo que no queda muy claro que es cada cosa.
  • Hacer o que el crear cuenta sea para todos igual y que después pregunte, eres dueño de un local y que pueda editar el perfil de su local.
  • Crea tu local debería estar dentro de crear cuenta, el mismo formulario y que dentro de los campos pregunte si es un visitante o dueño de un local turístico o cultural.
editar perfil titulo no claro
  • La categoría patrimonio y cultura es muy ambigua, porque hay servicios que están dentro de lugares patrimoniales. ver si solo se pone “Cultura” y que dentro de las palabras clave esté la palabra, lugar patrimonial, para que tanto los servicios como la cultura se identifiquen con patrimonio.
  • Las categorías de edita tu local deben ser más específicas acorde a los contenidos, en vez de “ficha de local” pueden ser datos básicos, contacto, galería y descripción o reseña, o nuestros servicios. dejar el título lo más correspondiente al título que aparecerá en el perfil mismo.
P1 editar perfil 4 eventos.png
  • Sacar de editar perfil de local el crear promociones y eventos, ya que estas crean páginas aparte del perfil y no corresponden como tal a secciones que se editan en el perfil.
no ve ir a perfil y guarda al final de todos los items
encuentra boton ir a perfil pero le es difícil de encontrar
  • El botón de ir a perfil bajo la imagen no se ve, debería estar al final de todos los formularios el “finalizar o guardar cambios e ir a perfil” cuesta entender que al seleccionar ir a perfil se guardan los cambios.
  • Agregar datos de contacto como correo electrónico, números de teléfono, redes sociales y sitio web.
  • Se entienden dos tipos de eventos, los eventos que se realizan en los locales y la capacidad de los locales de recibir eventos de bautizos, cenas de fiestas o ir a eventos de empresas. hay que ver si se incluyen, esto abarcaría la capacidad de hacer reservas, y si no que se pueda mencionar en alguna parte, ya sea la descripción del local. Actividades extra, convenios con empresas. Va o no va al caso, hay que verlo.
  • Mejorar jerarquías de títulos en el formulario.
  • En promociones poner opción de repetir todos los lunes, que sea esporádico o tendría que crearlo muchas veces cada semana, mejor seria que lo pueda programar para que se repita y si quiere que se detenga debe editarlo.
  • La descripción por palabras clave resulta complicada para algunos usuarios.
Editar perfil
Se entiende que la esquina superior derecha es para editar y hacer cambios en perfil
Al editar perfil extraña que lleve a punto uno de ficha
  • Cuando se está creando y editando por primera vez el perfil funciona la dinámica de despliegue que al terminar el punto uno siga al punto dos y así sucesivamente. pero no funciona una vez creado el perfil y quiere editar algo en específico, la idea es que lo lleve al punto específico que el quiere editar, o bien que los nombres de cada sección de edición sean lo suficientemente claros como para saber llegar al punto específico que quiere editar. cuando guarda debería llevarlo directo al perfil. no al punto siguiente.
al terminar de editar falta aviso que los cambios se han guardado
  • Agregar mensaje que se ha terminado de crear el perfil antes de llevarlo directamente al perfil.
  • Que al editar una sección vaya directo y que no aparezca la primera parte de editar ficha.
  • Agregar redes sociales y datos de contacto.
  • En perfil, debería ver notificaciones de que alguien ha confirmado asistencia y para cerrar sesión.
Crear evento
no se distingue separación entre eventos ya creados y nuevo evento
  • Sacar de editar perfil el evento, debería estar aparte, pero en la misma sección superior derecha, o abajo debajo del título evento si no hay un evento el botón de crear nuevo evento, o editar eventos ya creados.
  • Separar nuevo evento de eventos anteriores, en dos pestañas diferentes o bien con un título con jerarquía destacada.
Eliminar promoción
editar promocion en seccion del perfil de promociones o dentro de la promoción misma
  • Se puede eliminar o anular al cambiarle la fecha, más que solo seleccionando eliminar promoción.
  • Para editar la promoción debería encontrarlo dentro de su perfil en la sección de promociones o bien al entrar en su mismo evento que aparezca la opción editar promoción.
Subir una fotografía
Duda de donde se encuentra editar galería
  • Se puede hacer desde editar e ir a la sección de datos del local, pero este título no es muy claro y es difícil de encontrar la galería dentro de este. debería ser una sola sección que diga “galería”.
  • Se ve poco en botón de la cámara ya que no aparece en el primer pantallazo.
  • Se ve mucho para editar la sección superior derecha del mapa del perfil, más que abajo de esta.
Destadados
  • Entienden el contenido del sitio en el primer pantallazo sin hacer scroll, los conceptos son claros, con el detalle de patrimonio y cultura a solo cultura, y datos de utilidad por transporte y ayuda.
  • Se entiende la relación paralela entre el formulario de edición de perfil y ma imagen que muestra el sitio como quedaría.
  • Es importante en ingreso con facebook para tanto los visitantes como los prestadores de servicios.
Visitante
Crear perfil
crear cuenta con facebook
  • Mantener el ingresar con facebook, yaque es más rápido para el usuario.
Activar rutas
activar ruta en esquina superior derecha
  • Se entiende que se debe usar el botón superior derecho, pero el contraste lo hace un poco difícil de ver el amarillo sobre blanco.
  • Considera el mapa muy grande para pantalla de pc, encuentra más acorde proporción del mapa de los perfiles de lugares, que estaban marginados a la derecha.
Agregar lugares a favoritos
M2 guardar lugar patrimonial desde el mismo mapa.png
  • Lo ideal es que se puedan agregar desde el mapa, al igual que las promociones y eventos o las rutas.
Subir fotografías
  • Subir botón de subir foto arriba del mapa en la parte derecha, en donde es más fácil encontrar.
Otros
  • Los mapas a pantalla completa en rutas es muy grande, usar tamaño de mapa usado en perfil de servicios.
  • Es bueno que se alcance a ver un poco que hay información de horarios de lo que hay debajo de las fotos.
  • Es un poco más cómodo cuando aparece el mapa junto con el listado, dejar esa opción como predeterminada al entrar a una sección.
  • Agregar el lugar a favoritos desde el mismo mapa, lo esperaba dentro de la descripción o en alguna parte de esa ventana en el mapa.
  • El calendario a media pantalla en eventos le parecía muy grande.

Programas para realizar test

Programas para grabar pantallas para pruebas en smartphone:

  • [User Zoom] convenio con universidades
  • [Ux recoder] solo para ios, gratuito solo de 30 segundos de grabación

Programas para grabar en pc y mac

  • [Silverback] para ios (versión 3 para iphone y mac)
  • [User Zoom] para pc y smastphone
  • [Crazyegg] pruebas con eye tracking, pagado
  • Programa alternativo: Camtasia studio