James Bates / Atom
Motion / Animation
Infographic / Interactive
Web / UX
Design / Branding
Art / Illustration
BBC ID BBC Notififcations Errol Linton Band Masseria La Spinetta BBC WS/News Strictly Competition Multichannel Test BBC Music Miscellaneous BBC WS Syndication

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 open, across viewports
Upsell animation guide
Tablet landscape & desktop views
'Bundled' content and filtering exploration
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