Prácticas Diseño Interfaces de Usuario 2020-21 (Tema: Turismo)
Grupo: DIU1_01AABB. Curso: 2020/21 Updated: 8/2/2021
Proyecto:
Decida el nombre corto de su propuesta en la práctica 2
Descripción:
Describa la idea de su producto en la práctica 2
Logotipo:
Opcionalmente si diseña un logotipo para su producto en la práctica 3 pongalo aqui
Miembros
- 👤 Javier Vélez Jiménez
- 👤 Jorge García Moreno
Turismo Madrid s una web centrada en la ciudad de Madrid. Nos ofrece diversas opciones y actividades para realizar en nuestro viaje.Está disponible en bastantes idiomas y permite visitar las redes sociales relacionadas con la ciudad de Madrid. Es bastante más simple y tiene un diseño, en nuestra opinión, peor que las otras dos opciones. Además no incluye la opción de planificar tu viaje, simplemente te muestra las distintas opciones de actividades que puedes realizar.
Agenda Cultural-Galicia: Se trata de una página que permite conocer las actividades culturales que se realizan en Galicia, ofreciendo sobretodo información abundante con respecto a las fechas y a los lugares en los que se va a realizar los distintos eventos. Posee un gran buscador que categoriza las distintas actividades según el tipo, el público, y si necesitan una entrada (gratuita o no). Posee una muy buena herramienta para planificar un viaje alrededor de Galicia, permitiendo seleccionar los días, organizar los lugares en donde hospedarse y comer y seleccionar las distintas actividades.
TurGranada es una página web que nos permite planificar nuestro viaje además de ofrecernos ideas sobre las actividades que podríamos realizar en el destino que escojamos. Se centra en viajes a la ciudad de Granada, lo cuál es una de las razones por las que hemos elegido esta opción sobre las otras. El diseño de la página y su forma de planificación de viajes nos parece más atractiva y fácil de usar.
En primer lugar hemos creado a Sebastián
Es una persona de mediana edad que utiliza habitualmente las redes sociales y se ha interesado en la web debido a su trabajo y aficiones.
La segunda persona que hemos elegido es Lourdes
Se trata de estudiante/trabajadora con una buena capacidad para moverse por Internet pero con no demasiada experiencia a la hora de realizar actividades al aire libre, se trata de una persona introvertida, por lo que aunque disfruta de realizar actividades al aire libre, posee cierta reticencia a la hora de llevar a cabo actividades grupales.
En la primera experiencia de usuario vemos como Sebastián encuentra el sitio web, busca y reserva el tour que le interesa y finalmente tras acabar satisfecho con el tour, vuelve a la página para disfrutar de nuevo sus servicios.
En la segunda experiencia de usuario tenemos a Lourdes con la intención de realizar una excursión por Granada, ciudad a la que acaba de llegar, pero necesita encontrar un lugar en donde se asegure que la información proporcionada es segura y navegando entre páginas encuentra la de TourGranada y escoge una ruta por la montaña en bicicleta. Se trata de una práctica un poco específica pero algo habitual.
- Documento con la valoracion: Usability-review-template.pdf
- Valoración final (numérica): 74 / 100
- Comentario sobre la valoración: La valoración de la página es buena en general, tiene algunos fallos como, por ejemplo, el sistema de búsquedas, la escasez de información en algunos de los servicios que ofrecen y los largos tiempos de carga en algunas de sus páginas. Obviando estos fallos la página cumple su función y ofrece un buen servicio a los clientes. Otro de los puntos fuertes de la página es que en cada evento muestra una forma de contactar con los organizadores de éste, permitiendo un rápido acceso a información adicional directamente desde la fuente de los organizadores. En general, la navegavilidad de la página es buena, permitiendo volver siempre al inicio de ésta, y mostrando cláramente en donde se encuentra el usuario. Otra peculiaridad con respecto a las demás páginas orientadas a este género, es que permite organizar viajes y realizar planificaciones en la misma zona, escogiendo entre los distintos eventos disponibles y seleccionando lugares en los que comer y hospedarse. También intenta estar orientada a todo el público, teniendo hasta eventos marcados como LGTB Friendly, y en varios idiomas.
Comenta con un diagrama los aspectos más destacados a modo de conclusion de la práctica anterior,
| Interesante | Críticas |
|---|---|
| Preguntas | Nuevas ideas |
¿Que planteas como "propuesta de valor" para un nuevo diseño de aplicación para economia colaborativa ? Problema e hipótesis Que planteas como "propuesta de valor" para un nuevo diseño de aplicación para economia colaborativa te (150-200 caracteres)
Propuesta de valor
Definir "User Map" y "Task Flow" ...
Identificar términos para diálogo con usuario
| Término | Significado |
|---|---|
| Login¿? | acceder a plataforma |
Plantear el diseño del layout para Web/movil (organización y simulación )
Plantear Diseño visual con una guía de estilos visual (moodboard) Incluir Logotipo Si diseña un logotipo, explique la herramienta utilizada y la resolución empleada. ¿Puede usar esta imagen como cabecera de Twitter, por ejemplo, o necesita otra?
Plantear Landing Page
Estudio de Guidelines y Patrones IU a usar Tras documentarse, muestre las deciones tomadas sobre Patrones IU a usar para la fase siguiente de prototipado.
Layout: Mockup / prototipo HTML (que permita simular tareas con estilo de IU seleccionado)
Publicar my Case Study en Github.. Documente y resuma el diseño de su producto en forma de video de 90 segundos aprox
Breve descripción del caso asignado con enlace a su repositorio Github
Seleccione 4 personas ficticias. Exprese las ideas de posibles situaciones conflictivas de esa persona en las propuestas evaluadas. Asigne dos a Caso A y 2 al caso B
| Usuarios | Sexo/Edad | Ocupación | Exp.TIC | Personalidad | Plataforma | TestA/B |
|---|---|---|---|---|---|---|
| User1's name | H / 18 | Estudiante | Media | Introvertido | Web. | A |
| User2's name | H / 18 | Estudiante | Media | Timido | Web | A |
| User3's name | M / 35 | Abogado | Baja | Emocional | móvil | B |
| User4's name | H / 18 | Estudiante | Media | Racional | Web | B |
Usaremos el Cuestionario SUS para valorar la satisfacción de cada usuario con el diseño (A/B) realizado. Para ello usamos la hoja de cálculo para calcular resultados sigiendo las pautas para usar la escala SUS e interpretar los resultados http://usabilitygeek.com/how-to-use-the-system-usability-scale-sus-to-evaluate-the-usability-of-your-website/) Para más información, consultar aquí sobre la metodología SUS
Adjuntar captura de imagen con los resultados + Valoración personal
Añadir report de usabilidad para práctica B (la de los compañeros)
Valoración personal
Indica qué pretendes evaluar (de accesibilidad) sobre qué APP y qué resultados has obtenido
5.a) Evaluación de la Accesibilidad (con simuladores o verificación de WACG) 5.b) Uso de simuladores de accesibilidad
(uso de tabla de datos, indicar herramientas usadas)
5.c Breve resumen del estudio de accesibilidad (de práctica 1) y puntos fuertes y de mejora de los criterios de accesibilidad de tu diseño propuesto en Práctica 4.
(90-150 palabras) Opinión del proceso de desarrollo de diseño siguiendo metodología UX y valoración (positiva /negativa) de los resultados obtenidos