BBC News (2015)

Research, design and delivery

I was mainly working on personalisation features and propositions around BBC’s new linked data platform for responsive web and mobile.

Diagram showing the ecosystem of My News across the BBC News website

👩‍💻

Design activities:

  • Research

  • Workshops

  • Concepting & wireframing

  • User testing & prototypes

  • Visual & Interaction design

  • Developer support


Made in 🖌️ Adobe Illustrator and PS, Marvel, MS Powerpoint


Research

Using existing resources about our audience like personas, focus group studies, previous testing reports. Conducting stakeholder interviews and onsite observations. Analysing lots of data like performance reports, live analytics, heat maps, plus I could always ask our dedicated Research team to pull any specific data report related to a new challenge. I was also doing competitor and best practice analysis and looking out for innovative new ideas in other industries.

One of the highlights of my research activity was when I did a lightning talk about using data in design decisions on a BBC UX&D Staff Away Day in 2015.

Photo of a whiteboard with research findings
Purple image of a whiteboard with post-it notes from a workshop
Screenshot of a competitor analysis
 

Ideation

After the research phase, I usually summarised the findings and highlighted areas to focus on, so we would aim to find the best solution by asking the right questions. This phase usually included workshops (mostly HMW), design sprints, sketching and evaluation.

Yellow image of people sketching together on a workshop
Black and red sketches of an idea for the BBC News website
Light blue image of a glass wall with sketches of different ideas from a workshop
 

Delivery

This phase was all about designing the solution right. This is when I looked at user journeys, user flows, created design concepts, low and high fidelity wireframes, clickable prototypes, participated in testing sessions like guerilla testing, rapid and in-depth lab based testing, then iterated and repeated this cycle until we had a ready-to-release MVP product. I also created specifications, documentations and worked with developers in an Agile environment.

User journey and user flow diagrams
Wireframes of different site components
Screenshot of a design component for a topic on the BBC News website
My News landing page on the BBC News website
Banner designs for the EU Referendum
Photo of a tablet with the 'News in picture' homepage on the screen
Designs showing the 'News in pictures' section across desktop, tablet and mobile