One of the class projects for my User Experience Design and Usability course took on a "client", WRAL, a local news station, and a few members of their leadership team came to our class and discussed the need for a redesign of their website and mobile site, giving us insights on their consumers and goals.
The client wanted us to help figure out how to incorporate videos better on their website, emphasize content about the weather since it was one of the main reasons users visited their site, and figure out how to make their site accessible to a broader audience.
The goals of my digital product were
To understand what consumers may feel about WRAL's website, we did a usability test on their website, using the think-aloud method, with a script, pre-task survey, post-task survey, and post-test survey. A few things we learned from the usability test were:
In class, each of our small groups experienced the issue of site navigation and we put all of the items we considered "news" into a card sorting site where we were able to experience and understand how the organization of a site and its sub-sites are listed.
Personas and Journey Mapping
We developed personas based on our findings and the consumers that our client wanted to maintain and pursue. One of the personas I was assigned to was a graduate student who was from the area, but mostly checked the news for national and world news. From there we came up with a plausible scenario and created a journey map to understand the user's progression using the mobile website.
While designing the wireframes, I had to keep in mind my persona who is a graduate student who wants to check the news, mostly for world news. With these aspects in mind, I designed the wireframes with videos as the first part of each “home page” that the user reaches to have consistency on each page, as well as familiarizing the user with WRAL’s emphasis on videos. I also included breaking news titles and world news on the home page, because the persona is interested in world and current news, but I also gave space for live news so users can stay connected with the live news local to their area if interested.
Designing the final product consisted of using the information of the client's consumers, the goals they wanted to reach, and the feedback from the usability testing. The team mentioned that there were many different stakeholders who felt that their information should be at the top or have the most emphasis, so it was difficult for them to decide what would be the attention grabber on the site.
The final design incorporates
Click below to see the prototype in Adobe XD