Una forma de inclusión para personas con limitaciones (parte II)

Desarrollo de solución y prototipado .

Samuel Ayllón
UX Planet
4 min readJan 11, 2021

--

Esta es la segunda parte de este proyecto. Si no has leído la primera parte y te interesa saber los pasos que me trajeron hasta aquí, puedes echarle un vistazo a la investigación a través del siguiente enlace.

EO | Red Social

Es una app enfocada a mejorar el estado anímico de personas que tienen limitaciones por padecer enfermedades neurodegenerativas o personas aún no diagnosticadas pero cuya sintomatología es afín a este tipo de enfermedades.

Con EO acercamos a personas que se entienden y comprenden por pasar por la misma situación y conseguimos consolidar relaciones sociales gracias a actividades que están adaptadas a ellos y grupos específicos que les aporta información, entendimiento y una vía de apoyo ante su situación.

¿Pero, por qué el nombre de EO?

La falta de visibilidad es en lo que más incidían todos los entrevistados, refieriéndose uno de ellos con la expresión …¡eo, estoy aquí!

¿Qué mejor manera hay de llamar la atención?… reclamándola.

En este punto y antes del desarrollo del prototipo era necesario ver si había algo en el mercado que estuviera relacionado, por ello hice un benchmarking enfocado.

Hay muchas aplicaciones relacionadas con la búsqueda de gente afín, encontrar pareja … pero no hay ninguna que conecte las relaciones sociales con las enfermedades neurodegenerativas aunque hay funcionalidades que pueden ser útilies.

Los puntos relevantes que pude extraer entre los que se encuentran algunos que desarrollé en la parte de investigación son:

  • Conocer gente.
  • Creación de grupos.
  • Realizar actividades.
  • Chatear y quedar.
  • Definir el rango de distancia a la que el usuario se quiere mover.
  • Ver fotos e intereses de las personas.
  • Compartir imágenes y vídeos (da la oportunidad de acercar más a la gente y conseguir que se conozcan).
  • Incluir links.

Para el desarrollo eficiente de la app tenía que establecer una representación visual, un boceto muy simple, de lo que sería el proyecto con su concepto, jerarquías de contenido, estructuras y componentes básicos del diseño.

Wireframe (Whimsical)

Como paso previo a la materialización del diseño en alta fidelidad era necesario sumarle inspiración mediante un moodboard.

En este incluí la nube de palabras extraída de la parte de investigación junto con un diagrama de parámetros para comunicar visualmente con más exactitud lo que pretende ser EO.

Los colores utilizados como principales son el azul y el violeta junto con el azul en degradado, existirán elementos con pinceladas de este degradado y será la splash screen la que dé personalidad a la aplicación siendo la pantalla con más carga cromática.

  • El azul se asocia a la confianza y además, es el color favorito de mucha gente.
  • El violeta es un color que crea un poco de misterio, comunica una imagen en cierta manera de exclusividad y elegancia.
  • El blanco es un color que nos transmite limpieza y simplicidad por lo que será el predominate junto con las imágenes y fotos.

Para poder dar consistencia, evitar errores y optimizar al máximo el diseño utilice el sistema de trabajo de atomic design.

Al diseñar las pantallas de la app en High Fidelity creé las siguientes interacciones:

  • Opción de registro para el usuario: género, selección de personas con la que relacionarse (fibromialgia, esclerosis múltiple, sin diagnosticar…), intereses y about me.
  • Home y su buscador.
  • Experiencias: todas las experiencias, experiencias deseadas, experiencia seleccionada y categorización de experiencias.

Con las experiencias adaptamos el entorno a las necesidades del usuario. Como ejemplo, ante usuarios con fibromialgia ponemos a su disposición excursiones o viajes que no sean prolongados y planificados adecuadamente con los intervalos de descanso que les son necesarios.

  • Grupos: todos los grupos disponibles y grupo selecionado. Grupos específicos relacionados con una determinada enfermedad o sin diagnosticar. Posibilidad de compartir imágenes,videos y links facilitando conocer mejor a los integrantes.
  • Perfil de usuario: te permite subir fotos y mostrar tus intereses.
  • Chat.

Finalmente, puedes ver las funcionalidades del prototipo en estos vídeos.

Conclusiones y futuribles

No hay que olvidar que dicho prototipo es iterable una buena manera de poder aprender sobre EO para mejorarlo, para ello me sería útil realizar el testing un futurible que me quedó pendiente.

Además, hay algunos puntos del proceso de diseño que también faltan por desarrollar:

  • Diseño de un mapa de ubicación con respecto a los demás usuarios.
  • Desarrollar el modelo de negocio.
  • Completar las pantallas restantes.
  • Desarrollar Contacto que junto con EO abarcaban en su totalidad el problem statment.

Cuando estás dentro de un proceso Design Thinking es irremediable pensar en uno mismo pero no hay que olvidarse que nuestro trabajo es por y para el usuario.

Algo que me ayudó en esto fue tener presente en todo momento las entrevistas realizadas en el apartado de investigación, puedo destacar uno de los verbatines que más me llamó la atención e hizo reflexionar.

Gracias por leerme.

--

--