Diferencia entre revisiones de «Examen LC3 2013: Aplicación Viajes»

De Casiopea
 
(No se muestran 40 ediciones intermedias de 5 usuarios)
Línea 5: Línea 5:
|Año de Término=2013
|Año de Término=2013
|Carreras Relacionadas=Diseño Gráfico
|Carreras Relacionadas=Diseño Gráfico
|Asignaturas Relacionadas=LC3 2013,  
|Asignaturas Relacionadas=LC3 2013,
|Cursos Relacionados=LC3 2013,  
|Cursos Relacionados=LC3 2013,
|Profesor=Jorge Barahona,  
|Profesor=Jorge Barahona,
|Alumnos=Catalina Reyes, Danila Ilabaca, Samira Bajbuj, José Miguel Ortega, Alison Saravia, Carolina Núñez,  
|Alumnos=Catalina Reyes, Danila Ilabaca, Samira Bajbuj, José Miguel Ortega, Alison Saravia, Carolina Núñez,
|PDF=PRESENTACIÓN EXÁMEN LC3 FINAL.pdf
}}
}}
=Introducción=


 
Como viajeros de experiencias nuevas y de nuevos encuentros, esta aplicación es una ayuda inmediata a información relevante y en tiempo real sobre un lugar específico. El éxito en aplicaciones lo conforman las comunidades participantes que mantienen activa la plataforma, RÜPÜ conforma la comodidad para el viajero al encontrar referencias y visualmente, jerarquías claras. En cualquier lugar que se encuentre una persona, a un click de registrarse o ingresar a través de las redes sociales conocidas, se da el paso a una red de usuarios de RÜPÜ y de listas creadas a través del interés popular a los lugares visitados.
=Introducción=
La economía es fundamental para realizar distintas actividades y si estas son mencionadas a bajo costo, el interés por ellas aumenta significativamente.


=Estrategia=
=Estrategia=
Línea 258: Línea 260:
Los colores representan rangos de valores.
Los colores representan rangos de valores.


*'''VERDE''': Valores entre 7,5 y 10.
*'''VERDE''': Valores entre 7,6 y 10.
*'''AMARILLO''': Valores entre 2,5 y 5.
*'''AMARILLO''': Valores entre 2,5 y 7,5.
*'''ROJO''': Valores entre 0 y 2,5.
*'''ROJO''': Valores entre 0 y 2,5.


Línea 270: Línea 272:
[[Archivo:Usabilidad_parte1.fw.png|700px|center|Visualización gráfica usabilidad]]
[[Archivo:Usabilidad_parte1.fw.png|700px|center|Visualización gráfica usabilidad]]
<br>
<br>
[[Archivo:Parte2.fw.png|700px|center|Visualización gráfica usabilidad]]
[[Archivo:Usabilidadparte2.fw(1).fw.png|700px|center|Visualización gráfica usabilidad]]
 
===Conclusiones===
 
==Fortalezas==
 
*'''Aspectos Generales / Identidad e Información''': Son los aspectos mejor evaluados, por lo tanto se puede decir que la aplicación TouristEye está bien lograda en cuanto a sus elementos estructurales, jerárquicos y de identidad tales como el eslogan/ logo, etc.
 
*'''Layout de la página''': Interfaz, jerarquía visual y buena legibilidad de los textos.
 
*'''Búsqueda''': La interacción del usuario con el buscador en esta aplicación es óptima. Es reconocible fácilmente y se encuentra en una zona accesible.
 
==Falencias==
 
*'''Rotulado''': Realmente no existen falencias, pasa que los aspectos expuestos que tuvieron un rango entre 0 y 2,5 no eran aplicables a una aplicación móvil; Cabe destacar que debido a esto aparecen en color rojo.
 
*'''Entendibilidad y Facilidad''': Las facilidades otorgadas no son suficientes, podrían ser más provechosas.
 
*''' Control y Retroalimentación''': No existen medios de retroalimentación en la aplicación, se entiende que al ser una aplicación móvil existe un botón que permite volver atrás(que es parte del celular pero no de la pantalla); aún así sería un valor agregado que exista la posibilidad de volver atrás por medio de la misma aplicación.
 
*'''Ayuda''': No existe ninguna aproximación a algún elemento en la aplicación que esté destinado a entregar ayuda al usuario.


=Arquitectura de la Información=
=Arquitectura de la Información=
Línea 359: Línea 381:
Image:Viajeapp listas de PARIS francia.gif|Listas Ubicación Actual (París, Francia).
Image:Viajeapp listas de PARIS francia.gif|Listas Ubicación Actual (París, Francia).
</gallery>
</gallery>
===Pruebas de Usuario===
Projection en InVission. Primera prueba de usuario. http://invis.io/CVH4W8PN
====Perfil de Usuario 1====
* NOMBRE: Moisés Saravia
* EDAD: 32 años
* OCUPACIÓN: Profesional
* NIVEL DE USUARIO: Intermedio
* TABLA DE RESPUESTAS
====Perfil de Usuario 2====
* NOMBRE: Miguel Rojas
* EDAD: 52 años
* OCUPACIÓN: Comerciante
* NIVEL DE USUARIO: Medio
* TABLA DE RESPUESTAS:
[[Archivo:Teste seg.png|500px]]
<br>
* VIDEO
{{#widget:Vimeo|id=73099355|width=480|height=320}}
<br>
====Perfil de Usuario 3====
* NOMBRE: Patricia Vejar
* EDAD: 23 años
* OCUPACIÓN: Estudiante Universitaria Ead
* NIVEL DE USUARIO: Avanzado
* TABLA DE RESPUESTAS:
[[Archivo:Captura de pantalla 2013-08-26 a la(s) 13.25.32.png|500px]]
<br>
* VIDEO
{{#widget:Vimeo|id=73154789|width=480|height=320}}
====Conclusiones====
[[Archivo:Appviajesgraf1.png|530px|center]]
*Existe un buen entendimiento con el Home, el botón de registro es visible y accesible de modo sencillo. Los usuarios en general no leen con detención las instrucciones, por lo tanto se vuelve necesario acortar la información.
*El botón "Siguiente" podría ubicarse en un sector inferior de la pantalla, ya que la costumbre visual de los usuarios permite inferir que así más fácil de ubicar.
*Cuando se requiere buscar listas de una ciudad, no se entiende que se debe hacer por medio del Buscador; se entiende que hay que ingresar directamente a "listas". Por lo tanto se vuelve necesario apostar por un buscador más claro y con un diseño convencional.
*La navegación en general es confusa, ya que no posee un menú claro para el usuario, por lo tanto se decide generar y apostar por un menú de navegación más amplio, en donde el contenido de cada una de las opciones no se amplio, sino que se centre en la opción misma.
*El usuario no reconoce una identidad dentro de la aplicación, por lo tanto se decide crear el opción "Descubre" dirigido completamente a la comunidad que use Rüpü.


===Propuesta Final de Wireframes===
===Propuesta Final de Wireframes===
Línea 417: Línea 491:
</gallery>
</gallery>


=Diseño de Interacción=
=Diseño de Interfaz=
==Pruebas de Usuario==
 
==BRANDING==
 
'''NOMBRE DE LA APLICACIÓN'''
 
'''"RÜPÜ"''' es una palabra del Mapudungún cuyo significado es ruta o camino. Se buscó una palabra de esta lengua propia de los mapuches, pueblo aborigen sudamericano, para dar una identidad a esta aplicación por sobre otras aplicaciones de la misma índole que existen en el mundo, recalcando además el concepto de "camino" como abstracción de la función principal de esta aplicación: guiar al viajero.
 
 
'''ESLOGAN'''
 
Además se utiliza el eslogan '''"Viaja por menos, comparte más"''' para destacar las dos principales cualidades de esta aplicación:
 
*Buscar lo más barato o conveniente
*Poder compartir con otros usuarios y generar retroalimentación.
 
Esto ayuda al usuario a saber en primera instancia las características de búsqueda a la que está enfocada esta aplicación.


Projection en InVission. Primera prueba de usuario. http://invis.io/CVH4W8PN


===Perfil de Usuario 1===
'''LOGO'''
* NOMBRE: Moisés Saravia
* EDAD: 32 años
* OCUPACIÓN: Profesional
* NIVEL DE USUARIO: Intermedio
* TABLA DE RESPUESTAS
[[Archivo:Tablamoisés.jpg|500px]]
<br>
* VIDEO
{{#widget:Vimeo|id=73095285|width=480|height=320}}
<br>


<br>
[[Archivo:Logo_rupu.png|403px|center]]
===Perfil de Usuario 2===


* NOMBRE: Miguel Rojas
* EDAD: 52 años
* OCUPACIÓN: Comerciante
* NIVEL DE USUARIO: Medio
* TABLA DE RESPUESTAS:
[[Archivo:Teste seg.png|500px]]
<br>
* VIDEO
{{#widget:Vimeo|id=73099355|width=480|height=320}}
<br>


[[Archivo:App-01.png|250px|center]]


===Perfil de Usuario 3===
==Paleta de colores==


* NOMBRE: Patricia Vejar
Se crea la paleta de colores en base a dos tonos base: un '''gris ahuesado''' y un '''turquesa'''. Luego se definen 5 tonos de la gama por cada color para generar contraste sutil, generando un juego de sombras con el propio color.
* EDAD: 23 años
* OCUPACIÓN: Estudiante Universitaria Ead
* NIVEL DE USUARIO: Avanzado
* TABLA DE RESPUESTAS:
[[Archivo:Captura de pantalla 2013-08-26 a la(s) 13.25.32.png|500px]]
<br>
* VIDEO
{{#widget:Vimeo|id=73154789|width=480|height=320}}


===Conclusiones===


[[Archivo:Appviajesgraf1.png|530px|center]]
[[Archivo:Paletadecolores-01.png|730px|center]]


*Existe un buen entendimiento con el Home, el botón de registro es visible y accesible de modo sencillo. Los usuarios en general no leen con detención las instrucciones, por lo tanto se vuelve necesario acortar la información.
==Iconos==
Para el diseño de interfaz se utilizaron los siguientes iconos para el área del menu y criterios de búsqueda dentro del mapa.


*El botón "Siguiente" podría ubicarse en un sector inferior de la pantalla, ya que la costumbre visual de los usuarios permite inferir que así más fácil de ubicar.
===Iconos Menu===
<gallery>
Image:Mapa.png|Mapa
Image:Menu11.png|Mis listas
Image:Mundoooo.png|Descubre
Image:Perfil negro.png|Perfil
</gallery>


*Cuando se requiere buscar listas de una ciudad, no se entiende que se debe hacer por medio del Buscador; se entiende que hay que ingresar directamente a "listas". Por lo tanto se vuelve necesario apostar por un buscador más claro y con un diseño convencional.
===Iconos criterio Mapa===
<gallery>
Image:Bed-256.png|Alojamiento
Image:Restaurant-icon-283a3eceacfd466c9081cc365869b986.gif|Restaurantes
Image:Shopping-bag-icon-614x460.png|Shopping
Image:Camaraamiga.png|Lugares de interés
</gallery>


*La navegación en general es confusa, ya que no posee un menú claro para el usuario, por lo tanto se decide generar y apostar por un menú de navegación más amplio, en donde el contenido de cada una de las opciones no se amplio, sino que se centre en la opción misma.
==Aplicación en móvil==
'''Inicio'''
[[Archivo:1 Inicio rupu.png|270px|center]]
'''Registrarse'''
[[Archivo:2 Registrarse rupu.png|270px|center]]
'''Registrarse completado'''
[[Archivo:3 Registrarse completado rupu.png|270px|center]]
'''Paso 1'''
[[Archivo:Paso 1 rupu.png|270px|center]]
'''Paso 2'''
[[Archivo:Paso 2 rupu.png|270px|center]]
'''Paso 3'''
[[Archivo:Paso 3 rupu.png|270px|center]]
'''Paso 4'''
[[Archivo:Paso 4 rupu.png|270px|center]]
'''Mapa'''
[[Archivo:Mapa rupu.png|270px|center]]
'''Buscador'''
[[Archivo:Buscador rupu.png|270px|center]]
'''Buscador con palabras sugeridas'''
[[Archivo:Buscador palabras sugeridas rupu.png|270px|center]]
'''Opción Compras'''
[[Archivo:Compras rupu.png|270px|center]]
'''Opción Alojamiento'''
[[Archivo:Alojamiento rupu.png|270px|center]]
'''Selección de Alojamiento'''
[[Archivo:Selección alojamiento rupu.png|270px|center]]
'''Alojamiento aceptado'''
[[Archivo:Alojamiento aceptado rupu.png|270px|center]]
'''Mis listas'''
[[Archivo:1 mis listas.png|270px|center]]
'''Nueva lista'''
[[Archivo:2 nueva lista.png|270px|center]]
'''Otras listas'''
[[Archivo:3 otras listas.png|270px|center]]
'''Perfil'''
[[Archivo:4 perfil.png|270px|center]]
'''Descubre listas sobre Viña del Mar'''
[[Archivo:5 Descubre listas viña.png|270px|center]]
'''Descubre listas Favoritas'''
[[Archivo:6 Descubre listas favoritas.png|270px|center]]
<br>


*El usuario no reconoce una identidad dentro de la aplicación, por lo tanto se decide crear el opción "Descubre" dirigido completamente a la comunidad que use Rüpü.
=Informe Aplicación Rüpü=


=Diseño de Interfaz=
[[Archivo:INFORME aplicacion RUPU.pdf]]
[[Archivo:1 Inicio rupu.png|center]]
[[Archivo:2 Registrarse rupu.png|center]]
[[Archivo:3 Registrarse completado rupu.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]
[[Archivo:Appviajesgraf1.png|center]]

Revisión actual - 15:24 4 ene 2015

TítuloAplicación Viajes
Tipo de ProyectoProyecto de Curso
Período2013-2013
AsignaturaLC3 2013,
Del CursoLC3 2013,
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Catalina Reyes, Danila Ilabaca, Samira Bajbuj, José Miguel Ortega, Alison Saravia, Carolina Núñez
ProfesorJorge Barahona
PDFArchivo:PRESENTACIÓN EXÁMEN LC3 FINAL.pdf

Introducción

Como viajeros de experiencias nuevas y de nuevos encuentros, esta aplicación es una ayuda inmediata a información relevante y en tiempo real sobre un lugar específico. El éxito en aplicaciones lo conforman las comunidades participantes que mantienen activa la plataforma, RÜPÜ conforma la comodidad para el viajero al encontrar referencias y visualmente, jerarquías claras. En cualquier lugar que se encuentre una persona, a un click de registrarse o ingresar a través de las redes sociales conocidas, se da el paso a una red de usuarios de RÜPÜ y de listas creadas a través del interés popular a los lugares visitados. La economía es fundamental para realizar distintas actividades y si estas son mencionadas a bajo costo, el interés por ellas aumenta significativamente.

Estrategia

Briefing

¿Qué es?

Rüpü es una aplicación móvil de viajes destinada al intercambio de datos, comentarios y reseñas; mejorando la experiencia urbana para turistas y locales.

Mercado meta

La aplicación apunta a jóvenes entre 15 y 35 años, con o sin experiencia como viajeros, pero sí con un anhelo de conocer y compartir su entorno.

Objetivos

Construir un espacio digital que albergue a una comunidad de viajeros que tanto en su posición de turistas o locales, compartan reseñas y comentarios promoviendo el turismo local.

Este objetivo principal se lograría estableciendo una plataforma digital que gire en torno al compartir datos y opiniones, manteniendo como eje la calidad y el bajo costo.

Especificaciones

La plataforma digital Rüpü está pensada para una visualización exclusivamente en móviles, adquiriendo el formato de aplicación para celular (320 x 480 px).

Benchmark

Minube


Minube.com Aplicación móvil para viajes.

Ofrece la posibilidad de buscar y encontrar los mejores rincones para visitar en más de 200 países del mundo, todos creados a partir de las recomendaciones de otros viajeros.
Cómo funciona:

Minube es una aplicación móvil destinada a entregar al usuario información referente a viajes; datos como dónde ir, dónde comer, y dónde dormir son el fuerte de ésta aplicación. Además tiene "Guías de Viajes Sociales", La idea es disponer de una guía actualizada de una ciudad concreta en el móvil o tablet escrita por otros viajeros con las experiencias de los lugares más interesantes de la ciudad por conocer.

Para quién está pensada esta aplicación:

Para usuarios que disfrutan obteniendo información y datos útiles de algún lugar específico al que se quiere viajar. La aplicación recoje la información clave que se necesita al momento de seleccionar un lugar: "Qué ver, Dónde comer, Dónde dormir"; y a partir de estos tres conceptos iniciales, se van a desencadenar otros que van a permitir al usuario interactuar de forma social con otros usuarios que buscan algo similar. Por lo tanto, también se puede decir que esta aplicación está destinada a usuarios más bien jóvenes, con ganas de conocer lugares, gente, y dispuestos a explorar. También así, otro perfil de usuario es aquel que gusta de tener planes más bien organizados, armados y estructurados; No se trata de tener las cosas armadas a medias; Por lo mismo existe la opción "Añadir", que permite guardar toda la información a la que se ha accedido, y ésta queda guardada en una carpeta con el nombre "Guardados".


Elementos presentes en la aplicación de viajes Minube:

  • Home: En el home de ésta aplicación se presenta un buscador para seleccionar el lugar al que se quiere acceder.
  • Inspirador: Funciona como ayuda para aquel usuario que no tiene un destino específico; corresponde a una sección en donde se entregan recomendaciones de lugares para visitar.
  • Añadir: "Añadir" permite incorporar los datos o información encontrada en la base de datos de tu aplicación.
  • Perfil: Corresponde a la sección en donde se encuentran los datos personales del usuario.
  • Guardados: Carpeta en la cual se encuentran todos los "añadidos".


Dondequieresir.jpg


  • Qué ver: Entrega todos los datos acerca de las atracciones del lugar.
  • Dónde comer: Listado de lugares opcionales para comer.
  • Dónde dormir: Listado de lugares opcionales para alojar.


Ejemplos de interacción con la aplicación
Cuando se selecciona un lugar de interés en el buscador inicial del Home, se desencadenan las siguientes formas de interacción:


Funcionalidades propias de la aplicación:

  • Selección de destinos según estado anímico del usuario:

Lo novedoso de ésta aplicación de viajes , es que propone destinos según el estado de ánimo del usuario; Esto se define por medio de una gama de colores que representan sus emociones.

  • Inspirador:

Ésta función permite que los usuarios accedan a una selección de los rincones que mejor se ajustan a criterios como: la distancia que están dispuestos los usuarios a recorrer desde un punto de origen (gracias a la geolocalización); Los días disponibles para su viaje; el tipo de viaje que busca (romántico, viaje familiar, etc.), el continente al que quiere ir el viajero, entre otros.

App-minube.jpg

Análisis FODA

Fortalezas: La aplicación permite al usuario organizar su propio viaje con la experiencia de otros viajeros o con lo que publiquen las propias empresas turísticas, y buscar lugares cercanos a la ubicación en que éste se encuentre.
La interfaz es coherente con la entrega de información, es fácil de entender y de acceder.
Oportunidades: Existen funcionalidades propias de la aplicación que le dan una ganancia extra o valor agregado.
Debilidades: Poca cantidad de usuarios, si se compara con otras redes sociales o aplicaciones.
Amenazas: La amenaza de ésta aplicación sería la necesidad de tener cierto tiempo para organizar las rutas, buscar lugares a visitar, etc. (depende del tipo de turista que sea o de su forma de organizar el viaje). Pero en el fondo, esto podría provocar una lentitud que sea desfavorable para el usuario y por ende para la aplicación también.

TouristEye

[Touristeye.es] Aplicación Móvil de Turismo

Imagen corp.fw.png

Esta aplicación ayuda a las personas a decidir su destino, a preparar todo lo necesario para acceder de manera ubicua a la información del viaje, adaptándola a sus hábitos y gustos.

Como funciona

En TouristEye obtienes ideas para hacer en tu vacaciones o fines de semana, planifica facilmente tus viajes con múltiples destinos,existen mapas con todos los lugares y restaurantes, también consejos de la comunidad. Con el acceso offline a la información desde el teléfono móvil y la posibilidad de compartir el viaje en tiempo real con las personas que nos rodean, se pueden encontrar ideas para actividades y destinos a los que ir en tus fines de semana y en tus viajes, todo tipo de actividades (aventura, cultura, comida).

Para Quienes

Se piensa en un público maduro tecnológicamente que se ve con la necesidad de buscar información de un lugar específico y leer sobre él a través de otros, estructuralmente se cuenta con Wishlist en donde se pueden reunir lugares de interes a los cuales se quiere ir. Por lo general es un público joven y adulto que busca actividades de fin de semana, tanto salir en grupo como en familia para tener una aventura recomendada.

Elementos presentes

  • Perfil: Contiene. Nombre, Mail, Ciudad, Web, Acerca de ti, Fecha de nacimiento y Género, puede ser editado siempre.
  • "Conectar": Registro posible a través de facebook, twitter o propio usuario de touristeye.
  • "Mis Viajes": Hay que estar logueado para acceder. Al ser nuevo "No hay Viajes" posteriormente uno agrega su Destino, junto con donde Empieza y Donde Termina, agregando la característica si quiere ser privado o no al compartir con otros el viaje.
  • "Mis Wishlists": Presenta 2 pestañas. *Mis Wishlists y *Favoritos, es lo que agregas para luego utilizar. en Wishlists te dan sugerencias de nuevas listas.
  • "Pasaporte": Es el contador de *Lugares, *Ciudades, *Quiero ir.
  • "Descubrir": Existe como buscador que está siempre presente en la parte superior para tener un acceso directo a un lugar específico y también como recomendaciones en donde uno puede guardar el lugar


Registro Email Usuario Nuevo
Descubrir

Ejemplos en Android

Perfil

Ejemplos en Iphone

Wishlist

Análisis FODA

Fortalezas Disponible para iOS y Android. Opción de consultar guías de viaje de una ciudad sin necesidad de estar conectado a Internet. Aparece la nota(ranking)visible junto con 3 pestañas más importantes "Que hacer", "Donde comer", "Wishlist" de las personas. Muestra con un ícono los lugares más económicos.

Oportunidades En cada parte de navegación de la aplicación, existe en su parte inferior un botón llamado "Informar Error" lo cual hace identificar de inmediato una solución al sistema, llevando el problema rápido a los creadores.

Debilidades Al ingresar en un lugar determinado, en una actividad específica, redirecciona a esa actividad mostrando datos, precios, etc

Amenazas Base de datos extensa por parte de la competencia, ej: tripadvisor

"Personas" y Escenarios

Usuario 1

Personaje1 32.jpg


  • NOMBRE: Guillermo Astorga
  • EDAD: 30 años.
  • OCUPACIÓN: Ingeniero
  • NIVEL DE USUARIO: Intermedio
  • DESCRIPCIÓN:

Guillermo egresó hace 4 años de la carrera de Ingeniería en la PUC, durante dos de estos cuatro años se dedicó a viajar por Europa para conocer y aprender idiomas. Hace dos años trabaja en una empresa de finanzas en Santiago.

ESCENARIO: Luego de dos años decide usar sus vacaciones para viajar a Perú. Pero esta vez, a diferencia de su viaje anterior, tiene un tiempo acotado para hacerlo, por lo que debe planificar su viaje para poder recorrer lo más posible y en las condiciones mas adecuadas. Busca en el store de su smartphone en la categoría "viajes y navegación" y descubre la aplicación Rüpü, en ésta descubre los lugares para visitar más emblemáticos de la ciudad de Lima a través de una lista ya creada por otro usuario. En base a esta lista realiza su itinerario de viaje.

Usuario 2

Pye lc3 matt dexter.jpg
  • NOMBRE: Matt Dexter
  • EDAD: 40 años.
  • OCUPACIÓN: Periodista
  • NIVEL DE USUARIO: Intermedio
  • DESCRIPCIÓN:

Matt es un periodista de origen norteamericano, cuyo trabajo se centra en viajar por el mundo haciendo documentales. Lo que más le apasiona de su trabajo es conocer diferentes culturas y el relacionarse con la gente de manera directa. Producto de su alta carga laboral, Matt no tiene mucho tiempo a su disposición para realizar el turismo que le interesa, por lo tanto, siempre anda en búsqueda de acceso a datos de manera rápida y eficiente.

ESCENARIO: Durante el verano del 2013, Matt apuesta por realizar un documental relacionado con la isla de Chiloé. Una vez que revisa que revisa su agenda se da cuenta que sólo tendrá tres días libres, por lo tanto quiere aprovecharlos al máximo. Para ahorrar tiempo toma la decisión de informarse del lugar y sus costumbres en internet, de esto modo se organiza y tiene claro los lugares a los que se quiere dirigir.

Usuario 3

Pye lc3 beatriz palma.png
  • NOMBRE: Beatriz Palma
  • EDAD: 21 años.
  • OCUPACIÓN: Estudiante de Literatura
  • NIVEL DE USUARIO: Avanzado
  • DESCRIPCIÓN:

Beatriz es una estudiante universitaria, la cual cada daño durante sus vacacione de verano les gusta salir a "mochilear" con sus amigos del colegio. Dentro de sus planes de viaje, a ella y a sus amigos no les gusta tener un destino claro, sino que durante el mismo tiempo que se desplazan de un lugar a otro, piensan en su próximo destino.

ESCENARIO: Durante el regreso de un viaje que Beatriz realizó con sus amigos, cuyo destino se decidió que fuese Brasil, se enfrentan a la interrogante centrada en el decisión de dirigirse hacia Ciudad del Este, Paraguay, o a Puerto Iguazú, Argentina. Para esto se vuelve necesario investigar qué ciudad les entrega mayores posibilidades de gastar poco dinero y a su vez, cuál posee más lugares de interés para ellos.

Estudio Heurístico

TouristEye

Se le realiza un estudio Heurístico a la aplicación "TouristEye", que a simple vista se reconoce como una aplicación completa, fácil de usar para lo usuarios y bastante coherente en cuanto a la relación datos/interfaz.

A continuación un recuento de los datos que fueron considerados para el estudio de usabilidad de la aplicación, más el porcentaje final y los aspectos que fueron peor evaluados.


  1. Aspectos Generales: Elementos relacionados con los objetivos de la aplicación, el look & feel, coherencia y nivel de actualización de contenidos.
  2. Identidad e Información: Elementos relacionados con la identidad de la aplicación, la información proporcionada sobre el proveedor y la autoría de los contenidos.
  3. Estructura y Navegación: Elementos relacionados con la idoneidad de la arquitectura de la información y la navegación de la aplicación.
  4. Rotulado: Elementos relacionados con la significación, corrección y familiaridad del rotulado de los contenidos.
  5. Lay-Out de la Página: Elementos relacionados con la distribución y el aspecto de los elementos de navegación e información en la interfaz.
  6. Entendibilidad y Facilidad en la interacción: Elementos relacionados con la adecuación y calidad de los contenidos textuales, iconos y controles de la interfaz.
  7. Control y Retroalimentación: Elementos relacionados con libertad del usuario en la navegación y la información proporcionada al mismo en el proceso de interacción con la aplicación.
  8. Elementos multimedia: Elementos relacionados con el grado de adecuación de los contenidos multimedia a la aplicación.
  9. Búsqueda: Elementos relacionados con el buscador implementado en la aplicación.
  10. Ayuda: Elementos relacionados con la ayuda ofrecida al usuario durante la navegación por la aplicación.


Luego de evaluar la aplicación móvil por medio de los aspectos nombrados anteriormente, se obtuvo que tiene un porcentaje de usabilidad de 53,3% , lo cual demuestra ciertas falencias que podrían ser mejoradas para una mejor interacción con el usuario.

A continuación una muestra gráfica de lo que falla y lo que funciona sin mayores problemas con la aplicación "TouristEye"


Los colores representan rangos de valores.

  • VERDE: Valores entre 7,6 y 10.
  • AMARILLO: Valores entre 2,5 y 7,5.
  • ROJO: Valores entre 0 y 2,5.


Siendo así, el color verde el representante de una buena usabilidad para cada aspecto, el amarillo representa el rango intermedio, y por último, el color rojo representa el rango de valores más bajos; es decir, de baja usabilidad.

El tamaño de los rectángulos de colores varía respecto a la relevancia de los aspectos evaluados, siendo así de menor tamaño aquellos aspectos de menor relevancia y los de mayor tamaño los de mayor relevancia.


Visualización gráfica usabilidad


Visualización gráfica usabilidad

Conclusiones

Fortalezas

  • Aspectos Generales / Identidad e Información: Son los aspectos mejor evaluados, por lo tanto se puede decir que la aplicación TouristEye está bien lograda en cuanto a sus elementos estructurales, jerárquicos y de identidad tales como el eslogan/ logo, etc.
  • Layout de la página: Interfaz, jerarquía visual y buena legibilidad de los textos.
  • Búsqueda: La interacción del usuario con el buscador en esta aplicación es óptima. Es reconocible fácilmente y se encuentra en una zona accesible.

Falencias

  • Rotulado: Realmente no existen falencias, pasa que los aspectos expuestos que tuvieron un rango entre 0 y 2,5 no eran aplicables a una aplicación móvil; Cabe destacar que debido a esto aparecen en color rojo.
  • Entendibilidad y Facilidad: Las facilidades otorgadas no son suficientes, podrían ser más provechosas.
  • Control y Retroalimentación: No existen medios de retroalimentación en la aplicación, se entiende que al ser una aplicación móvil existe un botón que permite volver atrás(que es parte del celular pero no de la pantalla); aún así sería un valor agregado que exista la posibilidad de volver atrás por medio de la misma aplicación.
  • Ayuda: No existe ninguna aproximación a algún elemento en la aplicación que esté destinado a entregar ayuda al usuario.

Arquitectura de la Información

Mapa de Navegación

El mapa de navegación presentado a continuación, especifica todos los contenidos que se quieren incluir en la aplicación. Contribuye a organizar elementos dentro de la plataforma digital, estableciendo su jerarquía y el modo en que el usuario accede a ellos.

Primera propuesta

En una primera propuesta, se plantea una diferencia entre la información a la cual el usuario accede en un primer encuentro, y una vez ingresado ésta información se despliega.

La información se clasifica en cuatro secciones principales: "Mapa", "Favoritos", "Listas" y "Perfil".

"Mapa" alberga toda la información relacionada con la ubicación geolocalizada de la aplicación, e incluye una serie de criterios que permiten al usuario filtrar la búsqueda de sitios de su interés.

"Favoritos" contiene a la lista actual en la cual trabaja el usuario, y le da la opción de crear una nueva lista.

"Listas" es donde se encuentran todas las listas de la colección del usuario, además de las listas de sitios cercanas a su ubicación actual.

"Perfil" alberga la información personalizada de la cuenta, y permite acceder a las listas del usuario, además de cambiar la imagen y sus datos personales

Mapanavegacionappviajes.png

Propuesta Final

Los principales cambios realizados al mapa de navegación fueron el cambio de los nombres en las categorías "Favoritos" y "Listas" que pasan a ser "Mis Listas" y "Descubre".

En "Mis Listas", se encuentra la opción de crear una nueva lista, acceder a la lista actual en la que se está trabajando y a la colección completa de listas del usuario. Esta sección es principalmente donde se produce el almacenamiento de datos e historial.

La categoría "Descubre" es donde se produce la interacción con la comunidad, en tanto se puede acceder a las listas cercanas al usuario y a listas populares (que abarcan las listas que han sido descargadas la mayor cantidad de veces a nivel global). Desde las listas que provienen de la comunidad, es que se puede acceder a los perfiles de otros usuarios. MAPANAVVIAJES3.png

Wireframes

Primera Propuesta de Wireframes

La primera propuesta de wireframes para la aplicación Rüpü se centró principalmente en dos situaciones, por un lado la búsqueda de servicios a través de filtros, y por otro, la organización de listas.

Viajeapp Mapa.gif

Registro Como primera instancia al ingresar a la aplicación, el usuario se encuentra con el inicio de sesión o registro (dependiendo de si tiene o no una cuenta), al cual también se le entrega la opción de sincronizar su cuenta con facebook, twitter o google plus. En el caso que el usuario no este registrado en la aplicación, y una vez hecho lo anterior, este es direccionado a una introducción de 3 partes, la cual describe de manera rápida las posibilidades de interacción que entrega Rüpü. Una vez que la etapa anterior esta realizada el usuario es re-dirigido a un mapa en donde se señala su ubicación actual.

Uso de filtros Una vez que el usuario se encuentra ubicado en el mapa, se disponen en la parte inferior de la pantalla 6 filtros de servicios: Restaurantes, alojamiento, lugares para compras, lugares de interés, otros servicios (ya sean cajeros, farmacias, hospitales, etc.) y por último un filtro que muestre todo el contenido. Una vez que se estos se muestran dispuestos en el mapa, el usuario puede acceder a su información (nombre, dirección, clasificación por parte de oros usuarios y comentarios relacionados), como también le permite agregarlo a la lista actual (ubicación del momento) como agregar un comentario y puntuación (partiendo desde la base que el usuario conoció y/o utilizó el servicio).

Uso de Listas Con la finalidad de poder personalizar la aplicación y el contenido de interés encontrado por el usuario durante su uso, se disponen en la pantalla principal (mapa) dos pestañas en la parte izquierda de la pantalla. Por un lado existe "Listas", y por otro "Favoritos". "Listas" permite administrar tanto las listas propias del usuario guardadas en otras oportunidades (otros lugares), como las relacionadas con el lugar en el que se encuentra (creadas por toda la comunidad Rüpü). Mientras que favorito permite un acceso directo a la lista de servicios del usuario relacionada con su ubicación actual.

Utilización del buscador Para poder acceder a otras ciudades del mundo, se dispone en la parte superior derecha un buscador, el cual por otro lado también puede ayudar a encontrar servicios.


Pruebas de Usuario

Projection en InVission. Primera prueba de usuario. http://invis.io/CVH4W8PN

Perfil de Usuario 1

  • NOMBRE: Moisés Saravia
  • EDAD: 32 años
  • OCUPACIÓN: Profesional
  • NIVEL DE USUARIO: Intermedio
  • TABLA DE RESPUESTAS

Perfil de Usuario 2

  • NOMBRE: Miguel Rojas
  • EDAD: 52 años
  • OCUPACIÓN: Comerciante
  • NIVEL DE USUARIO: Medio
  • TABLA DE RESPUESTAS:

Teste seg.png

  • VIDEO



Perfil de Usuario 3

  • NOMBRE: Patricia Vejar
  • EDAD: 23 años
  • OCUPACIÓN: Estudiante Universitaria Ead
  • NIVEL DE USUARIO: Avanzado
  • TABLA DE RESPUESTAS:

Captura de pantalla 2013-08-26 a la(s) 13.25.32.png

  • VIDEO

Conclusiones

Appviajesgraf1.png
  • Existe un buen entendimiento con el Home, el botón de registro es visible y accesible de modo sencillo. Los usuarios en general no leen con detención las instrucciones, por lo tanto se vuelve necesario acortar la información.
  • El botón "Siguiente" podría ubicarse en un sector inferior de la pantalla, ya que la costumbre visual de los usuarios permite inferir que así más fácil de ubicar.
  • Cuando se requiere buscar listas de una ciudad, no se entiende que se debe hacer por medio del Buscador; se entiende que hay que ingresar directamente a "listas". Por lo tanto se vuelve necesario apostar por un buscador más claro y con un diseño convencional.
  • La navegación en general es confusa, ya que no posee un menú claro para el usuario, por lo tanto se decide generar y apostar por un menú de navegación más amplio, en donde el contenido de cada una de las opciones no se amplio, sino que se centre en la opción misma.
  • El usuario no reconoce una identidad dentro de la aplicación, por lo tanto se decide crear el opción "Descubre" dirigido completamente a la comunidad que use Rüpü.

Propuesta Final de Wireframes

Luego de las pruebas de los wireframes anteriores a usuarios reales (la cual se encuentra más adelante) se decide apostar por algunos cambios a nivel de diseño, manteniendo a grandes rasgos la propuesta de interacción (arquitectura). Uno de los principales cambios que se proponen se basa en el modo de disponer los elementos en la "home", lo cual va de la mano con los cambios hechos en la arquitectura de la información. A modo general se decide apostar por una nueva navegación a nivel de usuario, con roles intercambiados en relación a la propuesta anterior. En este caso la navegación principal se relación con la comunidad Rüpü y los datos propios del usuario, mientras que el uso del filtro pasa a ser una opción dentro de la navegación principal.

Appviajewireframe2Mapa.gif

Registro En relación al registro se mantiene la idea anterior, el poder sincronizar las cuentas de Facebook, Twitter y Google Plus, como también el uso de una introducción para los nuevos usuarios. En este último punto se aumenta en un paso más, entregando un total de 4, los cuales también cambian de sentido en relación a lo propuesto anteriormente. Los pasos se dividen en las 4 opciones de navegación principal que se proponen: mapa, mis listas, descubre y perfil.

Uso de "Mapa" Como se explicó anteriormente "Mapa" es una opción dentro de la navegación principal, el cual por defecto es el primer lugar al cual se le dirige al usuario luego de registrarse o iniciar sesión. Se mantiene el uso del filtros (los mismo 6), los cuales en este caso se encuentran la parte lateral izquierda de la pantalla, a modo de menú secundario. Por otro lado se mantiene el poder acceder a información relacionada con los servicios cercanos, y la sincronización de estos con la cuenta del usuario: comentarios, agregar a la lista actual y/o agregar a una nueva lista.

Uso del Buscador Se mantiene el uso de un buscador en la parte superior izquierda de la pantalla, el cual se abre a modo de boxlight. La diferencia en esta propuesta se basa en la sugerencia de respuestas (5, con la opción a más sugerencias) relacionada con los lugares más populares (con mayor cantidad de listas) del mundo.

Uso de "Mis Listas" Se propone que "Mis Listas" se centre completamente en las listas creadas por el usuario, dejando fuera en esta oportunidad las más populares de la ubicación actual.

Uso de "Descubre" Para esta opción del menú de navegación principal se proponen dos opciones: listas populares relacionadas con la ubicación actual (así el usuario puede encontrar de otro modo lugares de interés), y las listas más populares de nivel mundial. Con esta opción se busca hacer más visible y cercana al usuario la cominidad Rüpü.

Perfil Como última opción se decide proponer el poder acceder de manera directa al perfil del usuario, en donde él pueda editar información personal (nombre, avatar, etc.) y el poder revisar todas sus listas.

Diseño de Interfaz

BRANDING

NOMBRE DE LA APLICACIÓN

"RÜPÜ" es una palabra del Mapudungún cuyo significado es ruta o camino. Se buscó una palabra de esta lengua propia de los mapuches, pueblo aborigen sudamericano, para dar una identidad a esta aplicación por sobre otras aplicaciones de la misma índole que existen en el mundo, recalcando además el concepto de "camino" como abstracción de la función principal de esta aplicación: guiar al viajero.


ESLOGAN

Además se utiliza el eslogan "Viaja por menos, comparte más" para destacar las dos principales cualidades de esta aplicación:

  • Buscar lo más barato o conveniente
  • Poder compartir con otros usuarios y generar retroalimentación.

Esto ayuda al usuario a saber en primera instancia las características de búsqueda a la que está enfocada esta aplicación.


LOGO

Logo rupu.png


App-01.png

Paleta de colores

Se crea la paleta de colores en base a dos tonos base: un gris ahuesado y un turquesa. Luego se definen 5 tonos de la gama por cada color para generar contraste sutil, generando un juego de sombras con el propio color.


Paletadecolores-01.png

Iconos

Para el diseño de interfaz se utilizaron los siguientes iconos para el área del menu y criterios de búsqueda dentro del mapa.

Iconos Menu

Iconos criterio Mapa

Aplicación en móvil

Inicio

1 Inicio rupu.png

Registrarse

2 Registrarse rupu.png

Registrarse completado

3 Registrarse completado rupu.png

Paso 1

Paso 1 rupu.png

Paso 2

Paso 2 rupu.png

Paso 3

Paso 3 rupu.png

Paso 4

Paso 4 rupu.png

Mapa

Mapa rupu.png

Buscador

Buscador rupu.png

Buscador con palabras sugeridas

Buscador palabras sugeridas rupu.png

Opción Compras

Compras rupu.png

Opción Alojamiento

Alojamiento rupu.png

Selección de Alojamiento

Alojamiento aceptado

Alojamiento aceptado rupu.png

Mis listas

1 mis listas.png

Nueva lista

2 nueva lista.png

Otras listas

3 otras listas.png

Perfil

4 perfil.png

Descubre listas sobre Viña del Mar

Descubre listas Favoritas

6 Descubre listas favoritas.png


Informe Aplicación Rüpü

Archivo:INFORME aplicacion RUPU.pdf