Test Diseñador UX/UI

Equipo DO

Situación de Incendios Forestales en Chile

Los incendios forestales son un problema medio ambiental a nivel global, afectan miles de hectáreas de bosques, matorrales, pastizales y todo lo que habita en ellos; afecta al suelo, a la fauna, al aire, al ciclo del agua y, en general, al entorno del ser humano y en ocasiones a las propias personas. Es muy necesario y urgente la participación de todos en la prevención, identificación y difusión de focos y control de incendios y poder así entregar información oportuna a la ciudadanía.

La Corporación Nacional Forestal (CONAF), en su calidad de servicio forestal nacional, gestiona el Programa de Manejo del Fuego para la protección contra incendios forestales en el país, contribuir a la protección de terrenos rurales privados de medianos y pequeños propietarios, y proteger la integridad de las personas y sus bienes en áreas de interfaz urbano-forestal.

Cuando lamentablemente ocurre un incendio forestal, es muy importante poder identificar, capturar, actualizar constantemente, disponibilizar toda la información y entregarla a todos quienes colaboran en el combate a los incendios forestales y a la ciudadanía.

Para estos fines CONAF pone a disposición a través de su sitio web toda la situación diaria de incendios forestales, disponible en:

https://www.conaf.cl/situacion-nacional-de-incendios-forestales/

El desafío es poder rediseñar el sitio web, entregar la situación actual de incendios forestales de una forma más dinámica, destacar ciertos indicadores clave y estadísticas generales, y mejorar la experiencia de los usuarios en el sitio. 

Para este ejercicio contamos con 24 Horas desde el momento que lo recibimos. Asi que vamos a ello…

1.- Experiencia de usuario

Rediseñar el sitio web dando una mejor experiencia a la ciudadanía y ayude eficazmente a identificar zonas afectadas.

  • Basta con la generación de maquetas del rediseño.
  • Alrededor de 850.000 personas en nuestro país tienen algún grado de discapacidad visual. Cuéntanos cómo resolverías este requerimiento y qué propones para que la experiencia de usuario sea apta para usuarios con dificultades visuales.

Debido al tiempo que tengo para completar el desafío, partiré mi investigación realizando una auditoria competitiva, para evaluar soluciones similares ya existentes.

Para esta realizare un benchmark para comparar el propósito de cada opción así como su usabilidad, navegación y las funcionalidades con las que cuentan.

El benchmark me permitió evaluar opciones de funcionalidades que pude agregar a mi diseño, funcionalidades como:

  • Un dashboard en la página principal con los datos mas relevantes.
  • Un mapa resaltando las zonas afectadas. 
  • Un sistema de alertas y/o notificaciones que mantenga a la ciudadanía informada sobre los últimos acontecimientos.
  • Un foro ciudadano colaborativo para combatir nuevos focos de incendios.

Por otro lado el nuevo diseño debía mejorar la navegación y usabilidad con un estilo moderno sin dejar de lado los lineamientos de diseño de la marca, debía contar con una versión responsive y también contar con funcionalidades que mejoren la accesibilidad a personas con discapacidad visual.

Para ello, el siguiente paso fue proceder a realizar un conjunto de wireframes de baja fidelidad en papel que me permitieran estructurar las pantallas mas importantes (mantuve la misma arquitectura web para efectos de este ejercicio).

El siguiente paso fue realizar el prototipo de baja fidelidad en digital, para ello utilice Figma. Como bien lo indica el ejercicio solo realice me enfoque en la estructura, por lo tanto no aplique estilos en el diseño.

Otra tarea era agregar una funcionalidad para mejorar la accesibilidad a personas con discapacidad visual, en este sentido agregue un botón en la parte superior para ajustar la vista para el día o la noche, para este aspecto también podríamos considerar una versión en tonos de colores para personas con daltonismo.

2.- Responsibidad

La página web no cuenta con una versión responsive, por lo tanto a partir del diseño o estructura realizado para la versión desktop procedí a realizar una versión ajustada para mobile, de esta misma manera se pueden realizar diferentes versiones para tablet´s.

3.- Diseño

Proponer un diseño gráfico simple e intuitivo a las maquetas generados de la nueva experiencia. Además, dar énfasis a los siguientes indicadores clave, a nivel nacional y regional:

  • Cantidad total de incendios y superficie afectada
  • Cantidad total de incendios y superficie afectada por estado (En combate, Controlado, Extinguido)
  • Comparativo actual versus las últimas 5 temporadas (quintenio)

Para efectos de este ejercicio realice una distribución para dar énfasis a los 3 indicadores mencionados antes y realice un diseño simple y limpio que resuma de manera clara y muy a la vista la información contenida en las graficas.

4.- Datos Auxiliares

¡Logramos acceder a datos actualizados meteorológicos en tiempo real! Por lo que proponemos crear una sección que contribuya a la prevención de incendios, que permita identificar las localidades donde se dé el Factor 30–30–30, y así identificar zonas de riesgo donde es probable que se ocasione un incendio forestal dado este factor. Ref: https://www.uchile.cl/noticias/200220/que-es-el-factor-30-30-30-que-favorece-la-propagacion-de-incendios

  • Diseñar este componente para alertar a la ciudadanía en tiempo real las zonas de posible riesgo (generar una maqueta).

Para ello realice una estructura para un sitio que muestre claramente el estado del clima, en donde puedas seleccionar por región y un complemento de google maps que indica las zonas de riesgo en el mapa, que lo hace muy intuitivo y mejora la experiencia.

También puedas activar alertas en tu navegador. Para mejorar aun más esta experiencia podría crearse un sistema de alertas por email o whatsapp.

Por ultimo agregue una funcionalidad para que la ciudadanía pueda informar sobre incendios ó posibles focos de incendio a los entes del estado encargados. La funcionalidad despliega un formulario que solicita la ubicación y datos básicos para enviar la alerta.

Para complementar lo mostrado en este informe comparto los enlaces del diseño:

Figma: https://www.figma.com/file/fH7zhH6PHRNSBysepJCDkI/Propuesta-redise%C3%B1o-CONAF.CL?node-id=6%3A105&t=nsr1D33I73KZUiMa-1

Prototype Desktop: https://www.figma.com/proto/fH7zhH6PHRNSBysepJCDkI/Propuesta-redise%C3%B1o-CONAF.CL?node-id=7%3A106&scaling=scale-down&page-id=6%3A105

Prototype Mobile: https://www.figma.com/proto/fH7zhH6PHRNSBysepJCDkI/Propuesta-redise%C3%B1o-CONAF.CL?node-id=24%3A5332&scaling=scale-down&page-id=24%3A5309

Realizado por Jhon Vivas — https://jvivasonline.com

El futuro de las catas de café

¿Eres un tostador y necesitas catar tu café? ¿Eres un productor y catas tus muestras? ¿Tienes una cafetería y ofreces experiencias de catas de café a tus clientes?

Bien sabemos que la cata del café es una de las herramientas más importantes para determinar la calidad en taza ya que permite, a través de percepciones sensoriales, identificar el aroma, el sabor y el cuerpo de la bebida.

Sin embargo existen diferentes procesos a la hora de hacer una cata, pero muy pocas opciones para llevar buenas anotaciones, un control y un registro; no solo de una, sino de todas las catas que realizamos.

Cuando llevamos catamos y hacemos nuestras anotaciones en nuestra planilla de papel, tenemos algunas ventajas, pero me atrevo a decir que son mas las desventajas. Archivar papeles es un proceso tedioso, sobre todo cuando no contamos con los espacios adaptados de manera optima para ello. Y si, actualmente podemos escanear tales papeles y llevar un registro en la nube, aun así, es complicado analizar los datos obtenidos y esto demandaría un tiempo. 

Que tal si diseñamos una solución amigable, que en 2023 nos permita llevar las anotaciones de nuestras catas, tener un registro, hacerlo de manera colaborativa y poder analizar los datos de la mejor manera.

Investigación

Para comenzar, realicé una encuesta a 22 tostadores y academias de café de Chile y otros países de Latam, para obtener datos cuantitativos sobre su forma de registrar, almacenar y analizar la información obtenida en sus catas, y estos fueron los resultados:

Luego analicé los datos obtenidos de estas encuestas y como pueden notar en las gráficas, la mayoría de las personas encuestadas prefiere llevar un registro manual en sus sesiones de cata la hoja impresa de la Specialty Coffee Association (SCA), al mismo tiempo, la mayoría prefiere almacenar estos datos obtenidos escaneando o fotografiando las planillas y subiéndolas a la nube. Por ultimo la mayoría también utiliza un documento de Excel en donde vacían la información y analizan los datos obtenidos.

ENTREVISTA A 3 PERSONAS (PENDIENTE)

En el mercado de momento no existe una alternativa a Tastify mas que las alternativas tradicionales de registro de datos. Realice un benchmark para comparar las alternativas que tenemos actualmente y comparé las características que consideré mas importantes para esta investigación.

Gracias a esta comparativa pude concertar ciertas ventajas y desventajas de cada uno de los métodos. El propósito es muy similar a pesar de que la App tiene un valor agregado, todos los métodos coinciden en algunas funcionalidades; la recolección de datos y las sesiones de cata en grupo principalmente. Sin embargo la rueda de sabores y colores solo se puede generar mediante la app, a menos que tengas capacidades de diseño y operativamente es inviable hacer una por cada cata realizada.

El siguiente paso fue crear dos user persona que describen a quienes considero pueden ser los usuarios principales de la app que quiero crear, sus puntos de dolor, metas y necesidades. Decidí separar en dos grandes grupos de personas para poder obtener una solución para un grupo mas grande de personas. Luego su user journey a manera de entender su proceso actual de cata y tener un contexto para identificar oportunidades.

Con la información y datos obtenidos en esta fase procedí a definir de que manera podemos dar solución a estos puntos de dolor y como podemos abordar las oportunidades que surgieron del user journey, avanzando así a la fase de la Ideación.

Fase de Ideación

Para comenzar la fase de ideación identifique el siguiente ciclo respecto al viaje del usuario:

Gracias a este ciclo del viaje del usuario y las oportunidades del user journey pude determinar algunas funcionalidades que pueden aportar valor y atacar los puntos de dolor de nuestros usuarios. Si bien gran parte de estas funcionalidades ya existen y están cubiertas por la app que formo parte de la investigación inicial, pienso crear un grupo de funcionalidades similares y agregar otras que que en conjunto formen una herramienta diferente a lo que existe en el mercado.

Decidí dividir las funcionalidades en dos partes (Existentes y Nuevas) entre las existentes tenemos (La gestión de sesiones de cata, invitaciones y notificaciones automatizadas mediante email a los participantes, recopilación de datos por parte de cada participante de manera individual pero asociado a una misma sesión de cata, resúmenes, informes y graficas que permitan analizar los datos, generación de rueda de colores y sabores de cada muestra catada.), mientras que entre las nuevas (comunidad tipo red social que permita compartir/recibir resultados y opiniones obtenidos en sesiones, usabilidad offline, personalizar informes y ruedas de colores y sabores.)

Para este conjunto de soluciones necesitaremos diseñar una interface tanto móvil como de escritorio, para ambas versiones utilizaremos un nav bar lateral que se contraiga cuando no este en uso, como el ejemplo a continuación:

Debido a que la iteración y las pantallas son bastante complejas y requieren de mucha información tomé como base para mi diseño la app ya existente y sobre esta base haré algunos cambios. También diseñé por completo las pantallas relacionadas a las nuevas funcionalidades, comparto ejemplo de uno de los Wireframes de baja fidelidad en papel a continuación:

Continuando con el proceso de diseño visual realice wireframes digitales de media fidelidad, los cuales utilice para realizar algunas entrevistas a usuarios potenciales, obteniendo resultados que conllevarían a algunos cambios de ese primer diseño, sobre todo de estructura y para mejorar el flujo del usuario.

Por ejemplo, la nueva sección de comunidad permitirá tener un feed mas dinámico y diferente cada vez que ingreses a la app, por lo tanto será el home, también agregaremos un dashboard para resumir todas las sesiones en una sola pantalla.

Sigo trabajando en ello, próximamente verás el resultado final! 

0