New Ventures: Aplicación móvil para envío de dinero

El proyecto nace desde la iniciativa de explorar alternativas para el envío de dinero al extranjero (remesas). Se trabajó en base a un caso ficticio, pero que perfectamente puede ser aplicado en un contexto actual.

El encargo

Se identificado un dolor común en los inmigrantes que viven en Chile, y dice relación con el envío de remesas al extranjero, específicamente a sus familias.

Insights

  • El número de inmigrantes en Chile aumenta a una tasa de 10% anual.
  • Los usuarios desean realizar envíos de remesas al menos una vez al mes.
  • De sexo indistinto y rango etario entre 20-40 años, es la representación del 80% del target.
  • Los usuarios viajan a su país de origen 1 vez cada 2 años.
  • Los usuarios viven con otros inmigrantes en Santiago Centro o a las afueras de Santiago, viaja alrededor de 80 minutos para llegar a su trabajo.
  • Los usuarios tienen un teléfono celular y utilizan principalmente Facebook y Whatsapp.

Desafíos UX

El principal desafío fue crear un sistema digital que permitiera a los usuarios enviar dinero al extranjero con la menor fricción posible durante el proceso, permitiendo el envío de dinero de manera rápida y facilitando el pago de la remesa desde un dispositivo móvil.

Dado que el target es la población inmigrante en Chile, es necesaria la preocupación por la inmediatez y rapidez, así como la accesibilidad e inclusión cultural e idiomática dentro de la aplicación.

Soluciones UX

Se definen 3 principales soluciones para dar respuesta a las necesidades de experiencia detectadas.

1. Servicio on-the-go

La principal solución fue idear un servicio que viva dentro de una app móvil y despojar al usuario de un escritorio para efectuar el envío de dinero.

De esta forma se refuerza la inmediatez, privacidad, personalización y control sobre la gestión de remesas.

2. Envío de dinero de manera rápida

La aplicación tiene como premisa facilitar el envío de dinero, haciéndolo rápido y menos tedioso. Para esto, la apuesta es que los usuarios enrolen sus medios de pago antes de comenzar a utilizar el servicio y además logren incorporar sus destinatarios importándolos desde sus redes sociales así como desde los contactos de su teléfono móvil. De esta forma el proceso se acorta y aumenta la eficiencia.

3. Aumentar la eficiencia en el ingreso de data durante el proceso

Relacionado con lo antes descrito, una de las mayores dificultades de los usuarios es el poco tiempo destinado a la gestión financiera por lo que se hace necesario facilitar el proceso de envío de dinero. Por esto, la importación de los datos de destinatarios es un valor dentro de la experiencia de uso del servicio.

Adicionalmente, el enrolamiento temprano de medios de pago, ya sea una cuenta bancaria o una tarjeta de crédito o débito, ayudará con este objetivo.


Proceso de trabajo UX

El proceso de trabajo consistió en 5 etapas.

  1. Análisis del negocio: Análisis competitivo.
  2. Análisis del usuario: Entrevistas a usuarios, confección de User Personas, confección de Customer Journey Map.
  3. Ideación de MVP: Ejecución de Kano Model, definición de métricas de experiencia (HEART Framework).
  4. Prototipado: Diseño de interacción.
  5. Comprobación de la hipótesis: Test de usabilidad.

Userflow

El siguiente diagrama muestra la interacción del usuario con el producto digital.

[full_width_image]

[/full_width_image]


Wireframes

Los wireframes a continuación muestran la solución desarrollada.

Inicio

Enviar

Ingreso monto a transferir

Resumen de la transacción

Comprobante de envío

Envío de dinero a nuevo destinatario

Selección de país de destino

Ingreso datos del destinatario

Selección del método de pago de la remesa

Menú de navegación

Enrolamiento de métodos de pago in-app

Registro y gestión de destinatarios

Rediseño Pantalla Resultado Búsqueda Lan.com

El presente rediseño de la pantalla de resultado de búsqueda de Lan.com resultó de reflexiones realizadas al momento de enfrentarse como usuario a la pantalla y su información. Cabe señalar que no hubo un brief con necesidades u objetivos por lo cual estás reflexiones de usuario fueron tomadas como las necesidades que justifican el rediseño.


Fundamentos del rediseño

¿Qué función cumple la primera tabla presentada en la pantalla?

Esta fue la primera reflexión y pregunta, y también la más fundamental que sustenta el rediseño propuesto.

Al momento de de enfrentarse con la pantalla este primer grupo de información fue difícil de entender y relacionar con la tarea previa que se había ejecutado (buscar un vuelo para un destino y fecha específico).

Si bien estaba claro que era un listado en forma de matriz que me permitía comparar las diferentes opciones de tarifas que existían alrededor del día de ida y regreso previamente seleccionado, al escanear la pantalla completa no se encontraba relación con los listados que se mostraban más abajo, donde habían más precios y aparentemente más opciones. La tabla carecía de una descripción que ayudara a entender su función u aporte a la tarea que debía ejecutar en esa pantalla, que fundamentalmente es elegir la hora de vuelo de ida y regreso en relación a la tarifa que mas acomode.

Este punto fue el pilar del proceso de rediseño, el cual planteó la necesidad de presentar de forma más clara la posibilidad que tiene el usuario de acceder a una tarifa más barata si retrasa o adelanta el día de sus vuelos.

¡Mucha información!

Está fue la segunda reflexión que saltó al enfrentarse a la información.

Como se describe en el punto anterior, la sensación de que la matriz de tarifas era un grupo de información inconexo con lo que realmente se iba a realizar en esa pantalla surge la necesidad de poder lograr limpiar, reorganizar y jerarquizar de manera distinta la información con el objetivo de centrar la interacción en la elección del vuelo más barato en el día y hora que más acomode.

Necesito que me guíen

Esta fue la tercera reflexión.

En muchos grupos de información se sintió que faltaba una indicación más clara de qué es lo que el usuario debía ejecutar como tarea. Si bien no se pensó en la necesidad de párrafos con instrucciones, si era posible guiar la interacción con rótulos más claros.


Wireframes

Los wireframes a continuación muestran la solución desarrollada.

[full_width_image]

[/full_width_image]


[full_width_image]

[/full_width_image]

Rediseño sitio La Buena Vida y la Poca Vergüenza

El objetivo principal para este rediseño es la necesidad de monetizar o rentabilizar el sitio, tratando de crear una plaza efectiva para el de avisaje y desde ahí obtener un suceso comercial. El desafío está en generar espacios donde el avisaje si sea viable y rentable para ambas partes: el sitio y el avisador.

Punto relevante es la generación de contenido más profesional y de peso. Para ello se conformará un staff de editores que aporten con artículos periódicos y de calidad.

La nueva estructura considera 3 pilares fundamentales:

  • La comunidad: La Buena Vida ha logrado cautivar a más de 8.000 usuarios. La comunidad es el principal motor que da vida al sitio y que por derivación será quien le genere éxito comercial.
  • Reseñas de editores invitados: Para el lanzamiento del nuevo sitio se espera integrar a editores más especializados en el mundo gastronómico para que aporten con contenido relevante y con una mirada más profesional.
  • Restoranes: El gremio gastronómico en Chile posee un circuito cada vez más sólido y variado, por lo que la generación de contenido dentro y para La Buena Vida es un tema resuelto. Pero para ir más allá y generar un aporte, se generará un directorio de restoranes.

Definición y antecedentes para el proyecto

Objetivo

El objetivo principal del rediseño de La Buena Vida es rentabilizar el sitio a través de espacios publicitarios, lo cuales serán vendidos y desde ahí obtener un suceso comercial.

Definición del encargo

Hoy, el sitio de La Buena Vida es una robusta comunidad, la cual posee una gran masa de usuarios cautivos que constituyen una importante audiencia. La posibilidad de dirigirse a esta audiencia es algo que existe hoy en día, pero la dedicación y desarrollo estratégico de este posible diálogo no está explotado. Este antecedente es clave a la hora de definir la principal motivación del rediseño: Rentabilizar el sitio.

¿Por qué es clave? Porque el desgaste en posicionar el producto digital se puede obviar pues ya está hecho, y nos podemos enfocar en generar instancias publicitarias dentro del sitio asegurando que serán vistas por un gran número de personas.

Para llevar concretar el objetivo del rediseño se ha solicitado trabajar con la metodología de la Arquitectura de la Información, asegurando con esto que estos espacios publicitarios logren ser más eficaces desde el punto de vista de la interacción y usabilidad.

A través de la recopilación de antecedentes dentro de la disciplina y del esbozo de una estrategia digital, es que se definirán interfaces coherentes y que respeten las necesidades que los usuarios del sitio esperan satisfacer, es decir, la necesidad de informarse en un medio digital y conseguir información que antes no poseían. Pero además de permitir esto al usuario, el sitio ofrecerá publicidad de una forma transparente y no invasiva, tratando de asociarse al contexto de uso.


Antecedentes para el proyecto

Estadísticas

La Buena Vida es un espacio de colaboración abierto que ha ido creciendo con el tiempo y que actualmente reúne cuenta con alrededor de 8.200 usuarios registrados, 6.600 artículos y 24.500 comentarios. Además, consigue 180.000 visitas mensuales, 6.000 diarias y con 1.280.000 páginas vistas al mes, en donde el 88% de ellas proviene desde buscadores como Google.

Nuevo público objetivo

Dentro de los objetivos iniciales del rediseño de La Buena Vida estaba el ampliar su público objetivo, queriendo llegar a la gente que no necesariamente sale a comer pero que de igual forma gusta del “buen vivir” y que prefiere quedarse en casa y cocinar para el y los suyos. Este público fue descartado en esta etapa pues los contenidos que se generarían para satisfacer las necesidades de esta audiencia serán parte de una segunda fase dentro del rediseño del sitio.


Desarrollo del proyecto

La audiencia

Se define principalmente una tipología de usuario

[quote align=»alignleft» name=»Daniel Escobar, usuario de labuenavida.cl»]Me gusta contarle a la gente lo que hago y con eso incentivar el descubrimiento de nuevas cosas y lugares.[/quote]


Daniel Escobar
Director Creativo Digital en MRM

  • 31 años, soltero.
  • Licenciado en Diseño, Universidad Católica de Chile.
  • Usuario avanzado de internet, redes sociales y servicios online.
  • Usa internet extensivamente como medio y herramienta de trabajo.
    Daniel invierte la mayor parte de su tiempo diario en el trabajo utilizando internet, pues su trabajo está inmerso en el área de la comunicación en medios digitales. Para él, internet es fuente de inspiración y es fundamental como herramienta de trabajo a la hora de conocer el medio y lo que pasa en el mundo digital. Su estilo de vida y su status económico lo convierten en un sibarita y gustoso por las cosas placenteras.

Daniel invierte la mayor parte de su tiempo diario en el trabajo utilizando internet, pues su trabajo está inmerso en el área de la comunicación en medios digitales. Para él, internet es fuente de inspiración y es fundamental como herramienta de trabajo a la hora de conocer el medio y lo que pasa en el mundo digital. Su estilo de vida y su status económico lo convierten en un sibarita y gustoso por las cosas placenteras.

Objetivos del usuario

  • Conocer y descubrir tendencias de estilo de vida de las personas y potenciales consumidores de productos.
  • Interactuar intensivamente con el medio digital a través de redes sociales.
  • Compartir a través de internet vivencias y conocer lo que otros hacen.

Índice de contenidos

Portada

La portada será un distribuidor del contenido total del sitio y cumplirá la función de revelar la nueva estructura de contenidos. Junto a esto, se hará un guiño a la actual interfaz a través de listado de reseñas de la comunidad, pero mejorando la entrega de su contenido.

Reseña de Restaurantes

La reseña de restaurantes será el espacio donde la comunidad y editores invitados publiquen artículos narrando su experiencia. Para navegar y buscar los contenidos dentro de esta sección se agruparan las críticas bajo los siguientes criterios, los cuales serán definidos por cada editor:

  1. Tipo de comida: Tipo u ocasión a la que pertenece el restorán o plato criticado. Las categorías iniciales serán:
    • Bar, Cafeterías, Carnes, Cocina de Autor, Cocina Mediterránea, Cocina Molecular, Comida Alemana, Comida Arabe, Comida Chilena, Comida China, Comida Española, Comida Europea, Comida Francesa, Comida Fusion-Cool, Comida Gringa, Comida Internacional, Comida Italiana, Comida Japonesa, Comida Oriental, Comida Peruana, Comida Tailandesa, Comida Tex-Mex, Comida Vegetariana, Pescados y Mariscos, Picá.
  2. Lugar: Lugar geográfico y/o país del restorán o plato criticado. Se deberá agrupar por zona geográfica (ej.: Centro), cuidad y comuna, cuando aplique.
  3. Recomendaciones: Se podrá indicar la ocasión o motivo ideal para visitar el restorán criticado. Las categorías iniciales serán: Con futuro, Pero debe mejorar, Fin de semana, A domicilio, Francamente malo, No recomendable, Par ir todos los días, Para almorzar de Lunes a Viernes, Para almorzar el fin de semana, Para celebrar con los amigos/as, Para invitar a los suegros, Para ir con gusto, Para ir de a dos, Para ir de noche, Para ir de vez en cuando, Para ir en familia, Para que te vean, Propuesta interesante.

Directorio restaurantes

El directorio de restaurantes permitirá la consulta de locales a los cuales se pueda salir a comer.

La sección contempla un acotado sistema de búsqueda y filtrado del contenido, complementario al buscador transversal del sitio. Se deberá incluir filtros para buscar por precio, tipo de comida, ocasión.

La ficha de cada restaurante deberá contemplar el nombre del restaurante, dirección, url sitio web y número telefónico, dentro de los datos básicos. Cada restaurante tendrá una reseña y una calificación editorial.

Noticias

La sección de noticias estará destinada a otorgar información que sea distinta a las reseñas. Estas pueden ser comunicados de prensa, anuncio y promoción de eventos gastronómicos, etc.


Estrategia para los espacios publicitarios

Publicidad v/s contenidos en espacios de información

Antecedentes a partir de estudios de usabilidad

El año 2008 la empresa de estrategia y diseño para medios digitales Ayer Viernes publicó un estudio que tuvo como propósito el análisis de los comportamientos visuales de los usuarios frente a la publicidad y contenidos en medios de comunicación online.

El estudio se basó metodológicamente en el uso del Eyetracking, herramienta que permite monitorizar y registrar la forma en que un usuario está mirando determinado producto digital. Esta herramienta descubre cuáles son los puntos de interés, cuánto tiempo demora en fijar la mirada, de qué manera hace barrido visual y ayuda a determinar qué mira y qué ve cada usuario mientras está frente a una pantalla.

Complementariamente se hace uso de la información generada por otros estudios similares realizados por prestigiosas consultoras internacionales, entre ellas la empresa dirigida por Jakob Nielsen.

El año 2006, Jakob Nielsen planteó a través de estudios de eyetracking que los usuarios siguen un cierto comportamiento de lectura online, similar a una letra “F”.

A partir del análisis concluyó que:

  • Los usuarios no leen un texto a fondo, una lectura profunda es muy poco probable.
  • Los dos primeros párrafos deben contener la información más importante.

Por otra parte, un estudio de eyetracking realizado por el Poynter Institute concluyó que existen áreas de la pantalla que tienen más valor que otras. La zona “superior a la izquierda” que los usuarios identifican para comenzar su navegación, se encuentra justamente a la altura de la información que ellos están buscando. Es decir, esta zona de importancia comienza en los contenidos requeridos y no en el área donde específicamente se ubica la publicidad. De esta manera la animación publicitaria ubicada en esa posición es escasamente percibida por los usuarios y el valor que aparentemente debiera tener por su ubicación y tamaño, se traslada hacia los contenidos, que es donde realmente los usuarios desean comenzar a informarse.

En su estudio, Ayer Viernes testeó una página con diferentes banners en diferentes ubicaciones y logró medir el tiempo de fijación de los usuarios sobre estos banners. Se concluyó que la publicidad mas cercana al campo de atención de los usuarios en relación al contenido obtuvo una mayor fijación.

¿Qué podemos concluir a partir de los estudios?

Hay 2 puntos principales que se rescatan de los estudios mencionados y que tienen que ver con cómo se construye la interfaz para “albergar” publicidad y que esta logre cierto grado de fijación:

  1. Los banners deben ubicarse cerca de los primeros párrafos.
  2. La publicidad debe ubicarse dentro de las zonas de mayor valor en relación al contenido de interés que el usuario busca.

Soluciones aplicadas

Luego de conocer los diferentes antecedentes, requerimientos y buenas prácticas nacidas desde estudios de usabilidad, se logró configurar una propuesta de solución para el rediseño del sitio La Buena Vida.

Portada

Banner en portada.

La primera porción de la portada describe los principales contenidos del sitio. Junto a ellos, en el lado izquierdo se ubica el primer banner de publicidad, intentando estar cerca del contenido de mayor valor para el usuario.


Banner junto a Destacados.

Bajo los destacados se encuentra el listado de reseñas. Junto a el se encuentra el segundo banner.


Banners junto al Footer.

En la última porción de la pantalla, cerca del footer se encuentran dos banners más.


Detalle reseña

Banner en Detalle reseña.

En la página del detalle de cada reseña se ubicará un banner nuevamente en la posición mas cercana a los primero párrafos.


Banner junto a Comentarios.

Al final de la pantalla se ubicará un banner al lado izquierdo de la zona de comentarios. Es banner, ubicado en el sidebar izquierdo, quedará fijo al hacer scroll y quedará visible durante toda la navegación por la información de los comentarios.


Directorio restaurantes

Banner en Directorio de restaurantes.

En la primera pantalla de la sección Directorio de restaurantes se encuentra un banner al lado izquierdo de las recomendaciones.


Banner en Ficha restaurante.

En la ficha de los restaurantes se ubicará un banner al lado izquierdo, cerca de los primeros párrafos.


Wireframes

Los wireframes a continuación muestran los templates más representativos de la solución desarrollada.

Portada

Reseña restaurante

Directorio de restaurantes

Ficha restaurante