¿Alguna vez has pensado en cómo transmitir el legado de tu familia? - creando una aplicación para eso

Proyecto estudiantil individual (y final) para Ironhack Barcelona

¿Por qué este tema?

Hola, me llamo Anfisa y me gradué del UX / UI Bootcamp en Barcelona. Tengo sangre rusa, buriatia y polaca corriendo por mis venas y siempre me ha interesado la historia de mi familia. Junto con mi papá solíamos dibujar un árbol genealógico y tratar de desentrañar las leyendas familiares.

Creo que conocer mi pasado podría ayudarme a comprender mi presente, así como también darme un poco de motivación. Por ejemplo, mi abuela polaca, Maria Michałowska, se convirtió en la primera jefa de la Cámara Notarial de Smolensk (mi ciudad) en 1937. ¿Qué tal ese "poder femenino"?

Estoy seguro de que todos tienen algunas historias familiares interesantes e inspiradoras que les gustaría compartir.

La única pregunta emocionante que tengo es: "¿cómo podríamos transmitir esta información a nuestras generaciones futuras: hijos, nietos, bisnietos?"

Para mi proyecto final en Ironhack, decidí desarrollar el tema de transmitir más legados familiares e investigar cómo las personas se preocupan por su pasado y si están pensando / planeando transmitir información sobre su herencia familiar.

Creando una encuesta poderosa

El tema del legado familiar es bastante amplio y mi desafío inicial fue crear una encuesta condensada y relativamente corta.

Mi objetivo era comprender si los usuarios están interesados ​​en sus antecedentes familiares y si sienten la necesidad de transmitir esta información a sus familiares.

Quería llegar a personas con diferentes perfiles, aquellos que estén interesados ​​en el tema (la comunidad de genealogía), así como a personas sin un interés profundo específico en él. Creé una encuesta con 7 preguntas y en muy poco tiempo pude recopilar 249 respuestas.

Afortunadamente, mi suposición de que las personas están interesadas en transmitir su legado familiar se demostró:

Los resultados de la encuesta. Haga clic para ampliar

Cómo hacer 8 entrevistas y darte cuenta de que realmente necesitas más

Con una gran cantidad de respuestas a la encuesta, sentí que necesitaba reducir el alcance de la investigación, identificar a mi grupo objetivo y hacer preguntas más específicas a las personas.

Primera ronda de entrevistas (25 a 40 años, sin hijos)

Comencé a entrevistar a personas (principalmente entre 25 y 40 años) y después de 8 entrevistas llegué a la conclusión de que los jóvenes sin hijos no son mi grupo objetivo. A pesar de estar generalmente interesados ​​en el tema, les fue difícil imaginar la necesidad de transmitir los legados familiares a las generaciones futuras.

La conclusión más importante de esta ronda de entrevistas fue cambiar la estrategia y concentrarse en los usuarios con diferentes experiencias (personas de edad avanzada y personas con sus propias familias).

Acercarse a un nuevo público objetivo

Realicé una breve entrevista con una persona de mi nuevo público objetivo y reconocí otro detalle muy importante: la persona no estaba interesada en transmitir su legado familiar aún más porque:

  • Con su experiencia profesional, intenta usar la menor tecnología posible (solo móvil, sin computadora), por lo tanto, si es necesario, pasaría fotos impresas en lugar de información almacenada en Internet

Esto me hizo darme cuenta de que necesitaba llegar no solo a personas de cierta edad con su propia familia, sino que también tenían que ser expertos en tecnología.

Segunda ronda de entrevistas (mayores de 40 años, con niños)

En mi segunda ronda de entrevistas hablé con 3 personas de 45 a 55 años.

Mis preguntas fueron:

  • si los usuarios estuvieran interesados ​​en transmitir información sobre los antecedentes familiares
  • si usaran alguna solución existente (editores de árbol genealógico en línea)
  • qué desafíos experimentan ahora y qué esperarían de un nuevo producto / solución
  • cómo les gustaría que las generaciones futuras vieran información familiar

Analizando los resultados de la entrevista

Diagrama de afinidad (realizado en realtimeboard.com). Haga clic para ampliar

El principal problema que encontré fue que toda la información que tenían no estaba organizada y se almacenaba en diferentes medios (digitales y en papel).

Cuando se les preguntó si les gustaría tener un lugar en línea donde pudieran almacenar, editar y personalizar el contenido familiar, todos acordaron que ese lugar sería extremadamente útil.

Un árbol genealógico visual (especialmente en el caso de que incluya más ramas, más miembros de la familia y, por lo tanto, más información) sería mucho más representativo y fácil de entender.

Las personas también estaban preocupadas por el contenido y los mensajes a los que sus descendientes tendrán acceso: querían transmitir no solo hechos "secos" e imágenes no descritas, sino también "experiencias familiares".

¿Para quién quiero crear la aplicación?

Al analizar todos los puntos débiles que reuní de mi grupo objetivo, creé una persona de usuario:

Persona de usuario

La pregunta que me hice como diseñador de UX para crear una solución para mi persona de usuario fue la siguiente:

Pregunta problema

¿Qué soluciones ya están disponibles en el mercado?

Tales aplicaciones como MyHeritage, FamilySearch y Ancestry se concentran principalmente en construir árboles genealógicos con características adicionales como tomar pruebas de ADN y conectarse con otros usuarios / familias de la aplicación. Hice una investigación muy rápida sin profundizar en todas las funciones disponibles, ya que sentí que otro editor de árbol genealógico no solucionará los problemas de mis usuarios.

Por eso quería inspeccionar productos que se concentraban en preservar los recuerdos familiares. Encontré una lista de esas aplicaciones y cuando comencé a realizar el mismo análisis competitivo, me di cuenta de que la mayoría de ellas (Forget Me Not Book, StoryPress e Story of My Life) ya no funcionaban. Me preguntaba por qué, pero desafortunadamente no tuve tiempo para hacer una investigación paralela.

Mi conclusión principal de esta parte del proceso fue que, aunque el tiempo es muy limitado, todavía tiene que realizar un análisis competitivo que brinde valor, ya que podría ayudarlo a aprender de las soluciones ya existentes.

Que puedo ofrecer

El análisis competitivo junto con la investigación de las necesidades de mi usuario me ayudó a esculpir la idea final de la herramienta que quería diseñar:

La solución que quería proporcionar a mis usuarios es una aplicación que permita a los usuarios almacenar información sobre los miembros de su familia y eventos familiares especiales, para que puedan consultarla cuando lo deseen.

Basado en el análisis anterior, creé una lista de características que me gustaría que tuviera mi solución. Quería darle a mi usuario la oportunidad de:

  • tener un árbol genealógico visualmente representativo
  • Fácil acceso a la información sobre cada miembro de la familia.
  • crear / agregar información sobre eventos familiares
  • personalizar información sobre cada miembro de la familia y evento familiar

Decidí priorizar las funciones para poder entregar un Producto mínimo viable y creé un lienzo MoSCoW.

Después de darme cuenta de que no podría entregar todas las funciones imprescindibles a tiempo, tuve que revisarlas y mover una función

Creando la aplicación

Después de tener una idea clara de las características que deberían incluirse en mi aplicación, llegó el momento de comenzar a visualizar y poner todas mis ideas en papel. Tuve diferentes variaciones de cómo podría verse mi aplicación, pero en particular me gustó la idea de dividir la interfaz en 2 partes: un lienzo interactivo con un árbol genealógico en el lado izquierdo y un menú contextual a la derecha:

De prototipo de baja a alta fidelidad

Diseñar iteraciones y decisiones

A continuación puede encontrar algunas iteraciones y decisiones basadas en pruebas con usuarios y el proceso general de pasar de prototipos de media a alta fidelidad.

1 | Priorizar y eliminar elementos innecesarios

Elementos innecesarios: panel de menú y línea de tiempo.

Antes: al principio tuve la idea de tener una línea de tiempo con hitos (cada hito representando un evento familiar) debajo del árbol genealógico y un panel de menú izquierdo.

Después: más tarde me di cuenta de que A: no tenía suficiente tiempo para desarrollar la función de línea de tiempo (después de priorizar todo el trabajo restante, moví esta función al plan de desarrollo posterior) y B: no tuve que introducir una izquierda panel de menú ya que no planeo desarrollar otras opciones para mi aplicación.

D.o.d, etiquetas de eventos de vida y medios. Haga clic para ampliar

Antes de:

  • subir videos y fotos como 2 acciones diferentes
  • etiquetas de eventos de vida colocadas cerca del título (estaban destinadas a ayudar al usuario a decidir el nombre de un evento de vida)
  • fecha de fallecimiento (d.o.d.) como campo predeterminado en un formulario

Después:

  • categoría general de "Medios" donde el usuario puede cargar todos los registros (foto, video y voz)
  • no hay etiquetas de eventos de la vida en el equipo de alta fidelidad, ya que causaron frustración a los usuarios
  • d.o.d. está oculto bajo el enlace (pensé que podría causar una reacción negativa para el usuario, especialmente al completar la información sobre un miembro vivo de la familia)

2 | Botón "Agregar un nuevo miembro de la familia"

Proceso de decidir la ubicación del botón

Luché con la colocación del botón "+" (agregar un nuevo miembro de la familia). Quería que estuviera cerca de la tarjeta de miembro de la familia para ser intuitivo, pero al mismo tiempo no podría romper la arquitectura del árbol genealógico. Además, no podría alterar otros elementos en la tarjeta (iconos), ni sugerirle al usuario la funcionalidad incorrecta (por ejemplo, "+" cerca de "9 eventos" podría significar erróneamente "agregar un nuevo evento").

3 | Elementos confusos de la IU

Editar ubicación de icono / botón de perfil

Antes: el ícono "editar" se entendía erróneamente como editar el encabezado del perfil

Después: botón "Editar perfil" en la parte inferior del panel

4 | Jerarquía de texto

Mejora de la jerarquía del texto.

Antes: el título tenía mejor visibilidad y legibilidad que el contenido

Después: el contenido se destaca porque tiene mayor importancia que el título

5 | Consistencia

Mejora de consistencia

Antes: los paneles de perfil y "agregar un nuevo miembro de la familia" tenían un diseño diferente a pesar de que ambos tenían elementos de IU similares

Después: todos los paneles tienen encabezados y elementos de IU similares.

6 | Estado de carga: esqueleto de la interfaz de usuario

Esqueleto de UI en la aplicación FAMORY

Mientras el usuario inserta datos iniciales sobre un nuevo miembro de la familia en el lienzo del árbol genealógico, el menú contextual de la derecha muestra un estado de carga con el diseño de pantalla que verán una vez que se complete la acción.

¿Por qué la familia? Nombre y elección de UI

El nombre de la aplicación, FAMORY, combina 2 palabras clave = familia y memoria. La combinación de estas palabras crea el mensaje principal e indica el valor principal de la aplicación: está destinada a ayudar a los usuarios a mantener los recuerdos familiares.

Logotipo y eslogan de FAMORY

Comencé a crear mi primer diseño de alta fidelidad con gris claro como color primario (color del fondo) ya que una interfaz de usuario ligera me era más familiar y ya lo había usado para mi proyecto anterior (uniON - aplicación web de recursos humanos previa al embarque) .

Gracias a mi amiga Marina Treshchun, que me aconsejó que experimentara con colores, superé mi miedo a la IU oscura. Todos tenemos un poco de miedo de probar cosas nuevas a veces, ¿verdad?

El fondo oscuro me ayudó a resaltar el contraste entre el fondo y las tarjetas.Para mi diseño, elegí la familia de fuentes Catamaran, iconos del NounProject (creado por Gregor Cresnar) y dos colores principales: azul oscuro y gris.

¿Cómo funciona FAMORY?

Tarea para Chris: agregar a su suegra al árbol genealógico, agregar su foto de perfil, verificar el día de la boda de su hijo y revisar los álbumes de fotos.

¿Qué se debe hacer a continuación?

1 - Incluya una línea de tiempo familiar con hitos. Cada hito es un evento familiar

Esta característica podría ayudar a los usuarios a tener una visión histórica del historial familiar. Podían ver lo que sucedió en su familia desde la perspectiva del tiempo pasado.

2 - Invita a otros miembros de la familia a la aplicación

Como esta aplicación incluye información sobre diferentes miembros de la familia, también deben tener acceso a la aplicación para editar / crear contenido.

3 - El administrador de la cuenta familiar puede asignar tareas a otros miembros de la familia

Como la carga de trabajo (subir fotos, completar información, crear nuevas tarjetas de miembros de la familia) podría ser muy extensa, me gustaría incluir una herramienta de gestión familiar que permita a los usuarios compartir la carga de trabajo asignando tareas a otros usuarios.

4 - Sube fotos y videos desde Google Drive, Dropbox, etc.

Mis retos y conclusiones

Probar prototipos

Ágil A / B, no cascada. Mientras hacía / pensaba en un cambio de diseño, lo estaba probando de inmediato sin terminar todo el flujo; esto me ayudó a ahorrar mucho tiempo.

Lo que necesito mejorar

Jerarquía y coherencia del texto: me di cuenta de cuáles son mis puntos débiles cuando se trata de una interfaz de usuario compleja y estoy ansioso por mejorarlos.

Experimentando con el diseño de la interfaz de usuario

Dark UI no da miedo cuando lo intentas ... básicamente no todo da miedo cuando lo intentas. Pruebe, experimente y solicite comentarios de colegas experimentados y obtenga la opinión de los usuarios.

Priorización y MoSCoW

Reglas de priorización (especialmente en MVP y bajo presión de tiempo): me ayudó a no estresarme demasiado por la gran cantidad de trabajo y me hizo pensar en cuáles son las características más importantes. De hecho, aprendí acerca de la diferencia entre las funciones "must" y "should" cuando me di cuenta de que no tenía tiempo suficiente para terminar todo.

Ayuda de una comunidad

Pida comentarios tanto como sea posible. Durante este proyecto, solicité los comentarios de mis compañeros de clase, mis amigos de UX / UI, TA y mi maestro, Nevan, sin olvidar a 249 encuestados que me ayudaron a iniciar mi investigación.

Me gustaría agradecer a todos los participantes por contribuir, criticarme, apoyarme y motivarme a desarrollar mi idea y rockear el diseño.

Fue mi proyecto final: el final de mi experiencia de aprendizaje en Ironhack, pero al mismo tiempo es solo el comienzo de mi Big UX Journey. ¡Me siento emocionado y entusiasmado con mi próximo desafío UX!

Como siempre, estoy abierto a cualquier tipo de comentario, siéntase libre de compartir sus pensamientos sobre este proyecto o simplemente comuníquese conmigo en LinkedIn para saludarme