Fundación Otras Miradas, es una organización sin fines de lucro, formada en agosto de 2018 por un grupo de familias con hijos con necesidades educativas especiales pertenecientes al programa PIE (programa inclusión escolar) del Colegio Antártica Chilena de Vitacura. La fundación integra niños con 6 diagnósticos: Síndrome de Down, Síndrome de Pierre Robin, Trastorno del espectro autista, Déficit Atencional, Hernia diafragmática congénita, Epilepsia. También recibe de otro tipo de diagnósticos poco frecuentes. Su objetivo principal es servir de apoyo para las familia.

En esta etapa se habló con apoderadas de la fundación, las cuales hablaron de las dificultades que que enfrentan cada día en el cuidado de los niños y cómo la fundación logra llegar a ellas a través de su apoyo.

• Los padres deben dedicar mucho tiempo al cuidado de sus hijos, especialmente en terapias semanales u otras que necesite según su diagnóstico
• Algunos padres han visitado hasta 14 terapeutas buscando alguno que pueda ayudar a su hijo
• Tienen poco acercamiento con la tecnología, por lo que suelen hablar con la administradora de la fundación a través de whatsapp

Tras realizar una evaluación heurística de la página se encontró que en la mayoría de los ítems se encontraban en nivel 4, por lo que se tomó la decisión de replantear completamente el diseño de la página y hacer una selección del contenido de acuerdo a las necesidades de los usuarios

Encuesta realizada a miembros de la fundación

Para la selección de información se realizó una encuesta con la información que el usuario encontró más relevante dentro del contenido que podía brindar la fundación.

Las respuestas para esta pregunta eran:
• 67,5% -Profesionales de la salud o educación con experiencia en el tema
• 55% -Información de características del síndrome, trastorno o afección del familiar
• 55% -Testimonios de quienes están o estuvieron en una situación similar
• 55% -Talleres y beneficios de la fundación
• 30% -Contacto para ayuda

Insights

Tras la etapa de investigación se realizó una síntesis de los resultados y se obtuvieron diferentes insight

• Los usuarios necesitan facilidad en la búsqueda de información
• La información más relevante para el usuario es difícil de obtener
• El usuario necesita la ayuda de otros que hayan pasado por lo mismo
• El usuario necesita ahorrar tiempo en la búsqueda de profesionales

How Might We ?

Tras la síntesis anterior se llegó a la pregunta de:

Brainstorming

Para resolver la pregunta anterior se realizó una lluvia de ideas. Llegando a la conclusión de que lo mejor sería la creación de una nueva página web con una interfaz sencilla, donde pudiese encontrar fácilmente esta información, a través de recomendaciones de los mismos miembros de la fundación.

Site Map

Para poder ver el resto de contenido que formaría parte de la página se realizó un SiteMap del antiguo sitio para poder visualizar más fácilmente la información que existían en la antigua pagina.

Se tomaron como base los contenidos más relevantes para los usuarios y se creó un nuevo sitemap para organizar el contenido que irían en la nueva página web.

En este se toman los puntos más relevantes para los usuarios, mostrando a los profesionales, talleres, información de la enfermedad, incluyendo además información sobre la fundación.

Sketch

En esta etapa se realizaron bosquejos de la vistas básica que debería tener la página, para integrar el contenido que buscaban los usuarios y mantener una interfaz sencilla.

Durante la realización de los prototipos se discutió con un equipo de desarrolladoras para poder saber qué tecnologías eran las más indicadas en el proceso de levantamiento de la nueva página web, y tener un manejo sostenible de la misma. Se llegó al consenso de desarrollarlo a través de herramientas básicas del diseño web, generado a través de una base en HTML, CSS y JavaScript.

Para el levantamiento de la página se utilizó Firebase, herramienta gratuita que da la posibilidad de crear fácilmente una base de datos conectada a Google, a través de Firestore. Donde se pudiera almacenar la información, y sobre todo crear y editar el nuevo contenido de profesionales de la página.

Orientado a la parte visual se utilizó el framework Bootstrap 4, el cual además de poder exportar galerías de componentes como navbar, cards y más, permite tener un diseño responsive y mejora la visualización de la página a través de dispositivos móviles.