Nonfictions for the BBC has been developed to keep users up-to-date BBC content that the user desires to follow. A study of how to further develop notifications was conducted to find out what advanced notification features users would like to have added to the current instalment to help streamline their experience on the BBC website.
Methods: Guerrilla testing, Product demonstration
Tools: Adobe Illustrator, paper, Proto.io
2016, 1 month
Junior UX Designer
Notifications for the BBC website has only been out for 4 months and the feedback from the users we good. However, many requests for new feature to improve the users' experiences was delivered by feedback. The requested features were pinned notifications, download, swipe to delete and bundled notifications.
I began the task by consulting with the mid-weight UX Designer to see how they imagined their concept to be shaped as an interactive prototype. In terms of functionality, animation and interactive elements. I had to study her sketches, mock-ups and user journey flows to understand how shape the concept into an interactive piece.
The prototype was created with Proto.io. This service gave me the ability to fine tune the prototype's interactions and animations, whereby bring the mid-weight UX Designer's concept to life.
Before creating the full featured interactive prototype it was important to create a paper prototype would can bring up issues, which could be difficult to correct in a digital prototype.
The Creative Director wanted the notification feature for the BBC website to gain positive exposure, but also wanted to find a way to educate the users on how to use the new feature. Therefore, an animated video was commissioned to me, which gave me the opportunity to create a script to set the foundations for the animation that I would be creating later.
The prototype was created with Proto.io. This service gave me the ability to fine tune the prototype's interactions and animations, whereby bring the mid-weight UX Designer's concept to life.
This video demonstrates how the notification feature would work on the website, whether on mobile or desktop. It shows how similar notifications bundle together and individual notification setting such as pinning and delete.
From the storyboard sketches I was able to create a rough full motion animation was created with full voice over, which was scripted by myself, but with the guidance from the senior UX Designer. This animation was shared with the Creative Director and also provided to an agency who what use the video to make a high-fi version.
The interactive prototype for both mobile and desktop was created to demonstrate how the feature would work for different devices size.
The prototypes were presented at a Creative Leader Management (CLM) meeting to all the creative director to show the upcoming feature and the benefits it will bring to the users.
This project has given more the opportnuity to create a fully interactive prototype that can communicate the new ideas on both mobile and desktop. Both click through and full interactive prototypes of very important, but it is also wise to choose the best method based on the type of feedback experience you're trying to create.
