Diseñé un sitio web para una campaña que alienta a los candidatos parlamentarios a comprometerse con principios ecológicos a través de una promesa digital.

Cliente

Finnwatch

Año

2023

Función

UI Designer

Herramientas

Adobe PS, AI, XD
Miro, Monday

Identificación del Problema Inicial

La fase de descubrimiento del problema se llevó a cabo a través de la retroalimentación de los interesados y heurísticas. Anteriormente habíamos creado un sitio web similar el año anterior, y el cliente había recibido comentarios por parte de los candidatos. Como resultado, ya estaban al tanto de algunas mejoras que podrían realizarse en esta versión.

El sitio web debía cumplir con los siguientes requisitos:

  • Candidatos: Subir información para crear una página personal que podrían compartir posteriormente. No obstante, la información debía ser revisada por la organización antes de ser publicada.
  • Usuarios Los usuarios podían elegir entre tweets preescritos para publicar en sus propias cuentas y dirigirlos a los candidatos.
  • Tiempo y presupuesto: Ambos limitados, por lo que tuvimos que diseñar con iteraciones basadas en la experiencia. Además, el cliente no tenía una identidad visual definida, por lo que tendríamos que adaptarnos a ella durante el proyecto.

Objetivo del proyecto

Crea un sitio web amigable e informativo para la Campaña de Compromiso Ecológico 'Oikeudenmukainen siirtymä – nyt!' (Una transición justa – ¡Ahora!). El sitio web fue diseñado para aumentar la conciencia sobre la campaña, facilitar que los candidatos compartan sus compromisos con los votantes y alentar a los votantes a respaldar e interactuar con los candidatos que han firmado el compromiso.

Características

  • Diseño adaptable para todos los dispositivos
  • Navegación clara y concisa
  • Formulario de fácil uso para candidatos
  • Tweets prellenados para votantes
  • Tabla y contador de compromisos firmados
  • Alimentación de redes sociales

Público objetivo

Votantes preocupados por el cambio climático:  Normalmente son personas jóvenes. Es probable que estén más interesados en aprender más sobre cómo esta promesa podría ayudar a abordar este tema con los candidatos.

Medios de comunicación: Pueden ayudar a difundir la palabra sobre el compromiso ecológico.

Ecologistas Estas personas ya están interesadas en temas ambientales, por lo que es más probable que apoyen una campaña como esta.

Candidatos: Aquellos que creen que los votantes se preocupan por temas ambientales.

Desafíos o restricciones clave

Las restricciones de tiempo y presupuesto desafiaron el proyecto El sitio debía desarrollarse con suficiente antelación a la fecha de las elecciones y las necesidades del cliente debían ser satisfechas sin aumentar los costos. Esto significó pensar en versiones simplificadas que cumplirían con los objetivos del proyecto.

La identidad visual no estaba completa. La identidad no se había finalizado para cuando llegué a la etapa de diseño de prototipos de alta fidelidad. Se solicitaron ajustes en los colores y gráficos sin una guía de estilo, por lo que tuve que crear la guía de interfaz basada en lo que se había enviado y completar la información faltante.

Detalles del Estudio de Investigación

Análisis de competidores Análisis de la competencia. Aunque no compiten directamente entre sí por beneficios, todavía compiten por la atención y el apoyo de donantes y voluntarios.

Clientes. Pregunté a nuestros clientes qué les gustó y qué no les gustó del proyecto anterior, así como qué mejoras identificaron que podrían realizarse.

Investigación secundaria. sto incluyó artículos, publicaciones de blog, etc.

Creación de personas. Creé estas representaciones ficticias basándome en la información que me proporcionaron y en la investigación que realicé.

Diseño

Durante esta etapa, desarrollé wireframes, maquetas y prototipos de alta fidelidad

Wireframes
Low Fidelity Prototypes for Homepage
Candidate Page Sketches
Primeros bocetos

Testing o evaluación

Realicé una evaluación heurística para el sitio web y pruebas de usuario para identificar problemas de usabilidad en la sección del generador de tweets. La evaluación heurística es un método de inspección de usabilidad rentable, por lo que la utilicé para identificar posibles problemas. Posteriormente, probé el generador de tweets con 3 personas para obtener sus comentarios e identificar mejoras adicionales. Esto me permitió realizar cambios en el generador de tweets sin exceder el presupuesto del proyecto.

Además, también recibí comentarios del equipo del cliente relacionados con los aspectos de accesibilidad que detectaron. Estos comentarios coincidieron con la evaluación heurística y me permitieron mejorar los aspectos de accesibilidad de la interfaz.

afteruser_testing_diana_ortiz
Ajustes realizados después de las pruebas de usuario para esta sección del sitio web
Tweet Generator
Pequeño ajuste en el contraste manteniendo el color verde de identidad proporcionado por el cliente.

Lecciones aprendidas durante el proyecto

  • El objetivo de este proyecto fue crear una interfaz de usuario amigable e intuitiva para un nuevo sitio web de campaña. Comencé realizando un análisis de competidores, investigación secundaria y hablando con nuestros clientes para identificar las necesidades del público objetivo. Esta información me ayudó a diseñar una interfaz que satisficiera esas necesidades.
  • Aunque no fue posible realizar pruebas de usuario moderadas debido a restricciones de tiempo y presupuesto, apliqué una evaluación heurística para identificar mejoras en el sitio web. Esta evaluación fue una herramienta valiosa para identificar posibles problemas de usabilidad y ayudó a garantizar que el sitio web se diseñara de manera que fuera fácil de usar y entender.