WRAL

Redesign of local news channel's desktop website

UX/UI | Desktop | Nov. 2019

WRAL

Redesign of local news channel's desktop website

WRAL

Redesign of local news channel's desktop website

UX/UI | Desktop | Nov. 2019

Overview

___________

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.

Team:

Duration:

Role:

Group Research
Desktop Design

Alexis Ard, Anantika Khindaria, Ally Miller,Alton Peques, Shelby Poliachik,
Annie Rudisill

Adobe XD
Apple Screen Recorder
Trint.io

14 weeks

Tech:

Tech:

Team:

Duration:

Role:

Group Research
Desktop Design

Alexis Ard, Anantika Khindaria, Ally Miller,Alton Peques, Shelby Poliachik,
Annie Rudisill

Adobe XD
Apple Screen Recorder
Trint.io

14 weeks

Opportunity:

Problem:

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.

Solution:

WRAL's weather application and website suffered from the overuse of jargon, choice overload and cluttered information.

Research

___________

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.

Usability Test

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.

Usability Test Brief

Major Problems

64%

struggled to find
'Contact Us'

78%

confused by labeling of categories.

71%

frustrated with ads in the way

Card Sorting

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.

Redesign

___________

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.

User Identification

By utilizing our research, I created an umbrella audience chart, personas and a journey map.

Wireframes

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.

Prototype

___________

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.

Reflection

___________

For future iterations...

- 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.

My takeaways...

- 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.