01. Product overview
Se realizó un rediseño de interfax Web para la División Mayor del Fútbol Colombiano, con la finalidad de hacer un sitio web mas amigable para el usuario
Duración
El tiempo de desarrollo fue de 5 meses (Abril – Septiembre )
Rol
UX/UI Designer
Herramientas
Figma, Maze, Job Jobs, Illustrator, Photoshop, WordPress, Analitics, Trello, Slack, Jira
02. User research
Realizamos entrevistas a los usuarios con el propósito de comprender el objetivo y sus dificultades actuales relacionadas con el uso del sitio web. Las entrevistas me permitieron determinar los obstáculos habituales que enfrentan los usuarios.
03. Goals
Diseño de una plataforma web para que los usuarios que la visiten tengan una vivencia más cercana a la División Mayor del Fútbol Colombiano y puedan obtener las noticias más relevantes y actualizadas de manera rápida y sencilla.
04. Desing process
El proceso de diseño y investigación que llevará a cabo. Para proporcionar una respuesta adecuada al problema actual del portal web de la División Mayor del Fútbol Colombiano.
05.Empaty Map
Una vez realice la investigación, elaboré un mapa de empatía que describe todo lo que he aprendido acerca del tipo de usuarios, sus puntos adversos y necesidades
06. User Person
07. Journey Map
Se elaboró una serie de vivencias que tienen los usuarios al establecer contacto con el sitio web de la División Mayor del Fútbol Colombiano. Con el objetivo de completar un formulario con el propósito de recibir las noticias actualizadas en su correo electrónico.
08. Goal statement / Value proposition
Goal statement
El nuevo sitio web de la División Mayor del Fútbol Colombiano pretende proporcionar a los usuarios una experiencia nueva, más sencilla, útil y sencilla de administrar, donde se pueden obtener la información sobre la selección, los equipos y las noticias deportivas en un único lugar.
1
2
Value proposition
Dentro del sitio web, los usuarios podrán obtener información detallada de cada jugador, posiciones y puntos de los equipos locales, así como noticias recientes sobre los fichajes
Una vez que el usuario se encuentre en el sitio web y complete su búsqueda, el sitio web le brindará la posibilidad de activar notificaciones para mantenerse al tanto de cada noticias y cambios.
3
4
09. Competitive audition
Después de elaborar la propuesta de valor del producto, elaboré una visión general de las fortalezas y debilidades de los competidores mediante una auditoría competitiva.
10. Sitemaps
Al definir cada sección del sitio web, elaboré un mapa del sitio web jerárquico que describe la conexión entre las páginas en orden de relevancia.
11. High-fidelity / UI desing
Descripción de tipografía y el color específico para la creación del sitio web de acuerdo con los colores fundamentales de la División Mayor del Fútbol Colombiano y la solución de color adecuada para el sitio web.
Color Palette
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Font
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Main Icons
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
fotos-Dimayor-pagina1
fotos-Dimayor-pagina
12. Usability test
Conecté mis pantallas de alta fidelidad en un pequeño prototipo que me brindó la oportunidad de explorar el sitio web con un grupo reducido de usuarios.
Verifiqué el prototipo del sitio web y lo examiné con usuarios, se realizó mediante una llamada, donde presenté el sitio web a los usuarios y les asigné tres tareas para completar.
El propósito fundamental de la prueba de usabilidad fue determinar si los usuarios comprendían cómo crear una cuenta y registrarse en la página web para recibir noticias actualizadas a su correo electrónico.
TAREAS
0%
Registrarse
Abra el sitio web, vaya al área de noticias y haga clic en ``registrarse``.
0%
Exploración
Si desea obtener más información acerca del próximo partido de la liga Betplay B, ¿a dónde iría?
0%
Busqueda
Vaya al apartado ¨clubes¨ y busque el segundo portero del equipo Equidad y revise sus estadísticas.
RESULTADOS
Los tres usuarios pudieron llevar a cabo la primera tarea de manera adecuada, con éxito y con gran facilidad de comprender los apartados.
Los usuarios se confundieron con la segunda tarea, no tenían idea de cómo acceder de manera rápida a la liga betplay B, y no pudieron localizar el partido siguiente.
En la tercera tarea, los usuarios pudieron acceder de forma más sencilla al apartado ¨clubes¨ y encontraron la sección de estadísticas más sencilla.