- UX & UI Design
Football Live
Matches narration in real time
Team:
Unidad Editorial
Role:
UX / UI
Marca.es is the sport leader media in Spain
Disclaimer: According to my confidentiality contract I have omitted information. The opinions expressed here are my own and not necessarily reflect the view of Unidad Editorial or any member of the team.
Overview
Marca.es wanted to improve live events happening across different sports. The goal was to keeping the user updated of upcoming events like matches and providing useful information like the date, hour and the tv channel to watch it
Challege
Create the football real time narration and the informative elements implied on a match such as statistics, line up, player detailed...among others. The target was mainly to solve mobile navigation as main device
real time narration
Football
As Marca is the leader in sports media in Spain and thanks to the fame that Spanish football has all over the world, it became necessary to rethink the live narration and of course to solve mainly interaction on mobile.
For the real time narration we have 2 main users: 1. the user that can not watch the match but wanted to be informed minute by minute of what is happening 2. the user that is watching the match but wants to interact with others users through the comments and discuss about what happened.
On the UX we did research and worked with real user through physical and remote interviews that way we got user's feedback, pains and expectations. We could also check how the users interact with the new narration what let us iterate.
From the UI the goal was to simplify elements by designing modular components that can be used on mobile and desktop as well.
Interaction
On the menu we wanted to keep visible the different navigation levels
the top of tops
Desktop
Based on user-centered principles, our users feedback and after some team brainstorming & benchmark we wanted to provide some extra information: like the length of an article or the news left to finish a section, to always indicate the section that the user was visiting or to have visible the title when the user was reading an article.
