My team of 6 and I were asked by WRAL-TV, an NBC-affiliated weather television station, to perform usability testing on their website and redesigning the interface. The application was designed and deployed in 2014. From client collaboration, user testing and user interviews we identified positives and problems of the weather app. Our gatherings supported that WRAL's weather application was outdated, inefficient, challenging to use and in need of a redesign.
WRAL invested greatly into digital products and has seen little use from users. Connecting users to products will increase viewership.
A redesigned website created purposefully with new information architecture and vocabulary, and an updated style.
WRAL's weather application and website suffered from the overuse of jargon, choice overload and cluttered information.
The goal of our research was to identify usability issues in WRAL’s Weather App. We conducted a usability test and a card sorting exercise to ensure that the app works as intended by WRAL and meets users’ needs. Through this test we aimed to gain insight into opportunities to improve the application’s user experience.
14 users were asked to complete 12 tasks to help us evaluate the usability of WRAL’s weather app. The goal of this usability test was to identify usability issues in WRAL’s Weather App. We designed this test to ensure that the app works as intended by WRAL and meets users’ needs. Through this test we aimed to gain insight into opportunities to improve the application’s user experience.
struggled to find
confused by labeling of categories.
frustrated with ads in the way
We had 40 participants partake in an open card sorting exercise. There was a 100+ cards, taken from the website's navigation options. The results provided evidence that WRAL's website suffered from the overuse of jargon, choice overload and cluttered information.
Finally, since WRAL had about 50% of their website users via desktop, I redesigned the desktop experience, following WRAL's style guide. My process was recognizing the user, creating low-fidelity screens and then build a high-fidelity prototype.
By utilizing our research, I created an umbrella audience chart, personas and a journey map.
Based off of the conglomeration of the usability tests, open card sorting, personas and more, I wireframed 5 integral pages of the WRAL website. The pages were annotated to show functionality of different UI elements and components.
In accordance to WRAL's style guide, I created the redesign of the desktop website based off of my research. The redesign simplifies the options possible on the website because the existing amount of options causes option overload. Additionally, the use of ads will be limited mostly to the far right side for users to be less distracted by ads. Next, the amount of jargon that is specific to WRAL is decreased to encourage users to interact with the products. Lastly, WRAL’s weather products are highlighted on the far right column in between ads since WRAL invests a great amount into their products.
- I would like to build out more screens of the prototype. I currently only have built out 5 of the key screens but would enjoy creating screens for their proprietary products.
- I became aware of the challenge of designing for different sized screens. My initial research was on mobile screens, yet I was tasked with designing the desktop version of the website. Even though my research was not completely applicable, many of my mobile findings were transferable.
- Throughout the course of the redesign, I really enjoyed diving into each process, specifically journey mapping. Journey mapping opened my eyes to experiencing the world as a user in different stages.