James Bates / Atom
Motion / Animation
UX/UI/Web/App
Branding/Graphic Design
Art / Illustration
Contact
Tortoise Media
TUNNG
BBC Player
BBC ID
Telegraph
Apps
Mind Environment
BBC Notififcations
Time zones
US Elections 2012
H&M Sustainability Report Microsite
Masseria La Spinetta
BBC World Service/News
Miscellaneous
News/World Service
Homepage
Salterbaxter CR

BBC - Notifications

Notifications for responsive web

Notifications offer the user the chance to never miss out on their favourite BBC content by alerting them when new content becomes available. Precurser to a general move to signing in across all BBC products (The all new sign-in launching September 2016)

"A Notification is a short-form actionable alert delivering product, editorial and marketing communicatons to drive audience engagement and increase content consumpton"


Working on this (over a period of 10 months) initially as a team of 2, from initial ideation workshops, through to beta launch. Covering all stages of exploration, strategy and design development, wireframing, user flows, prototyping (digital and paper), user scenarios and personas, user testing, UI, interaction behaviour, animation of the alert bell as well as that of the push down panel, upsell and information delivery, overall visual styling. Detailed specifications were created and worked closely with the development and accessibility teams across products.
Notifications panel active
Notifications panel open, across viewports
Tablet landscape & desktop views
'Bundled' content and filtering exploration, mobile
Upsell animation guide
Accessibility flow
Shot from initial kick off workshop - What is a notification?
Many many multivariants were explored, use of images, and particularly presentation and control of multiple yet related information
Early working sketches: Interaction & user flow of single and multiple notifications