Amiko App. Porque con amigos, los planes salen mejor.

Nuria Gallego
6 min readJan 28, 2021

--

Landing Page de la app Amiko

Contexto.

En el segundo proyecto individual -y además proyecto final porque la experiencia en Ironhack estaba tocando a su fin- partimos del hecho de que teníamos que encontrar un problema que pudiéramos solucionar con un producto digital.

De nuevo, al igual que la vez anterior, contábamos con dos semanas para realizarlo todo: la primera la dedicaríamos a la parte de la investigación UX y la segunda se centraría en la parte visual.

Planificación de la semana del UX

Sin más preámbulos y sabiendo cómo tenía que afrontar estas dos semanas ya que tenía la experiencia del otro trabajo individual, realicé varios sondeos tratando de encontrar problemas que pudieran ser solventados a través de una app y/o una web. Pese a la libertad que teníamos para este proyecto, tenía su complejidad encontrar una problemática para la que no hubiera veinte soluciones ya planteadas.

Sin embargo fue gracias a las conversaciones con amigos y familiares que llegué al siguiente planteamiento: a los estudiantes de intercambio les suele costar trabajo integrarse en el país en el que se encuentran estudiando, teniendo que recurrir a fiestas para poder conocer gente nueva y dejando de lado actividades más acordes a sus intereses.

Desarrollo.

La aproximación al proyecto sería a través de la metodología Design Thinking, realizando Sprints de una semana.

Metodología Design Thinking para el proyecto Amiko

Empatizar.

El primer paso estuvo centrado en investigar qué otras páginas o aplicaciones existentes ofrecían servicios para personas que deseasen conocer a otras para realizar actividades en compañía o dónde podrían informarse de dónde hacer planes. Para ello realicé un análisis competitivo para establecer una comparativa de Fever, Meetup, GeoKeda, ¿Tienes sal? y Google Maps.

Análisis competitivo

A continuación, con la ayuda del Lean Survey Canvas orienté las preguntas de las encuestas a recabar información que me ayudase a ver qué posturas y sentimientos tenía el público respecto a mi problemática.

Lean Survey Canvas

Sin embargo, al llevar a cabo las entrevistas a personas que habían estado como estudiantes de intercambio en el pasado, me informaron que pese a que sí habían tenido ciertos problemas de integración en algún momento, existían programas de intercambio que propiciaban a que los alumnos de los distintos países tuvieran conexiones entre sí y que incluso se creaban grupos en redes sociales para conocerse previamente a la experiencia.

Esto me hizo dar un paso atrás en mi proyecto. ¿Me había quedado sin problema? ¿Habría perdido un día completo cuando estábamos trabajando todos a contrarreloj? Aunque reconozco que al principio me sentí bloqueada por el imprevisto, tuve la grandísima suerte de que al hablar con uno de los entrevistados me abrió una vía que no se alejaba mucho del problema que me había propuesto solventar, sino que lo matizaba: No solamente los estudiantes de intercambio tenían problemas para conectar con otras personas, sino que los que más sufrían de este problema eran aquellos que se cambiaban de ciudad por motivos laborales, familiares, etc. y que no conocían a nadie en esta nueva ciudad.

Definir.

Datos extraídos de encuestas y entrevistas

Gracias a las 32 encuestas y 16 entrevistas que se llevaron a cabo puede determinar que el 85% de los encuestados que se encontraban en la situación anteriormente expuesta se sentían solos durante los primeros meses de su traslado a la nueva ciudad, cerca del 60% consideraba que les resultaba complicado hacer conexiones significativas porque las personas que conocían tenían ya grupos de amistades formados desde hace tiempo en los que ellos no tienen cabida y que el 70% no encuentran personas con las que realizar planes y actividades.

Con estos datos en mente, el siguiente paso a tomar fue la elaboración del Lean UX, en el que pude definir el problema, las soluciones y las posibles hipótesis que surgían al respecto.

Lean UX

De manera posterior realicé el Affinity Diagram en el que se ordena la información e ideas recopiladas de acuerdo a grupos afines y categorías. El siguiente paso fue la creación del User Persona, para el que ideé a una estudiante de intercambio Anna Andersson, que está en nuestro país de Erasmus y volqué en esta herramienta sus necesidades y frustraciones.

User Persona ideal de Amiko

En el User Journey mostré cómo sería la búsqueda de esta chica de encontrar personas con las que realizar unas clases de teatro, pues le da vergüenza asistir sola pero no conoce a nadie que le interesase asistir. Después elaboré el User Scenario en el que pude plantear cómo mejoraría su experiencia de usuario si usase mi producto para encontrar gente con gustos afines.

Idear.

Para la fase de ideación, el primer paso fue la realización de un brainstorming y un mindmap seguido de un MoSCoW en el que se estableció qué funcionalidades deberían aparecer en el producto digital que estaba desarrollando y cuáles debían quedarse fuera.

A continuación hice un Card Sorting con varios de mis compañeros, que pudieron testear mis planteamientos de la arquitectura de la información y realicé los cambios que me sugirieron antes de pasar a hacer el Sitemap definitivo, el Userflow del flujo ideal que realizaría el usuario en mi aplicación y, por último, un Crazy eight en el que se plantearon las primeras pantallas.

Prototipar.

Para el prototipado, primero elaboré un Low Fidelity en papel que testeé con varias personas y apliqué el feedback que me proporcionaron. Esto dio paso a realizar el Mid Fidelity en Figma, del que posteriormente mis instructores pasaron a revisar. Había cometido varios fallos que era preciso solucionar antes de pasar a la siguiente fase, por lo que empleé el fin de semana en rematar aquellos detalles que habían quedado sueltos.

Pantallas del Low Fidelity
Pantallas del Mid Fidelity

UI.

Planificación semana UI

La semana del UI empezó con la creación de un Moodboard inspiracional que mostraría los Brand Attributes de la marca, para después seleccionar los colores y tipografías del proyecto.

Moodboard y Brand Attributes

Como de costumbre, los siguientes pasos fueron elaborar el Style Tile, el Style Guide y finalmente el UI Kit, las tres herramientas en las que se recoge, de manera más y más progresiva los elementos visuales. Lo último antes de realizar el High Fidelity fue la creación de una Landing Page.

UI Kit

Testear.

Después de la presentación del Hifi a los profesores, apliqué los cambios del feedback que me proporcionaron y realizamos una retro para evaluar cómo había sido el trabajo en solitario durante estas dos semanas para después despedirnos de los profesores y compañeros que nos juntamos a vivir esta aventura que ha resultado Ironhack :)

Aquí puedes visualizar el prototipo del proyecto.

Y como siempre, ¡muchas gracias por leer!

--

--

Nuria Gallego

Hi! I am a graphic and UX/UI designer located in Madrid. Nice to meet you!