Redesigning the experience of a beloved Malay-language news institution.
Winner of the 2021 Singapore Good Design Award.
At a glance
The Challenge
How might we improve the experience of consuming content on Singapore's oldest Malay-language media platform for the modern reader and for future generations, while still preserving a distinct Malay perspective?
100
Hours of interviews with customers
31
Sacrificial concepts created
3
Services designed
The Outcome
A revamped digital experience for the Berita Harian audience with a device-agnostic approach for the website, habit-forming UX design features built on Atomic Design principles, baked-in multimedia support, and on-site language tools driven by consumer behaviour.
Beyond the technology, Berita Harian's editorial direction was also refreshed, including the audience in the conversation through interactive dialogue prompts within news articles and an active social media presence.
Impact
Monthly Facebook Page views increased more than two-fold, from less than a million views to an average of more than two million per month. The website also saw an increase in users, from 350,000 unique users monthly at project start to 500,000 unique users after launch.
A newspaper is never just a newspaper – for some, it's a critical part of an early morning ritual; for others, it's an artefact that facilitates inter-generational connection between family members. Often, it's a source of inspiration, voice of the generation and cultural northern star. Berita Harian is Singapore's oldest Malay-language daily newspaper, providing coverage of local and international current affairs for an increasingly mixed audience; transcending generations, age-groups and nationalities.
When Berita Harian made the shift into the digital realm, their default instinct was to establish an online presence that was as close to their original direction as possible, however, this proved to be a barrier for the newer generation. The news platform needed to meet its more culturally-diverse, tech-aware audience where they were at, through the various channels and devices on which they engage virtually.
“A newspaper is never just a newspaper. For some, it's a critical part of an early morning ritual; for others, it's an artefact that facilitates inter- generational connection between family members.” Iskandar, Senior Associate Directer, Berita Harian
To authentically understand the inner workings of Berita Harian in efforts to generate real, sustainable progress, the Agency team embedded ourselves within Singapore Press Holdings (SPH), Berita Harian’s publishing company. Our dedicated task group consisted of a mix of designers, journalists, editors, product managers and developers from both Agency and SPH. We were a team on a mission.
Discovering what exactly needed to be discovered to reimagine Berita Harian's way forward
We spoke to five SPH departments across 12 interview sessions. A collection of insights was starting to take shape; one from which we would be able to explicitly pinpoint the issues that presented as an invisible barrier for the audience and, ultimately, to become more equipped to come up with strategic solutions.
Breaking down the current content to get to the root of the matter
Through a content audit, we mapped out Berita Harian's information architecture, and more importantly, we were able to track the user journey of how web pages and content blocks were consumed on the platform. We were able to identify "roadblocks" and "dead ends" where readers would stumble on their content journey, or worse, disappear altogether. Some key issues we discovered were that there was an overall lack of guidance despite being overloaded with options on the webpage; this presented itself as lack of structure within content areas, inconsistent colour discipline or design cohesion, a surplus of dead content, and difficulty in navigating between articles.
Listening to the data speak for itself, we were able to track audience demographics and a crucial insight emerged: the majority of Berita Harian's online consumers are millennials; more than 30% of whom are between 25 and 34 years old, and nearly 30% of whom are under 44 years old.
Gleaning a deeper understanding of the readers and consumers
We spoke to several readers across eight sessions to better understand their behaviours and interactions with both Berita Harian and media content in general. Through heuristic user testing, we recorded how they interacted with the (old) website, and through in-depth conversations, we uncovered the nature of their relationships with Berita Harian. Some engaged with the newspaper for work, some for the sales & promotions within, others for the love of the Malay language. Most expressed a nostalgia for the Berita Harian they grew up with, one that has created and supported content for multiple generations.
Developing solutions driven by tested knowledge
Informed by our research and discussions, we were able to develop three key themes that would tackle our main challenge: how might Berita Harian become the Malay lens for the current and coming generations? These themes were: to explore content formats within Berita Harian, such as podcasts, and align with a younger, more digitally-native audience; to create new digital tools that could enhance the overall Berita Harian experience; and to return to Berita Harian's heyday and reinvoke familiar names in journalism by situating their perspectives centrestage.
Moving forward
With a new, more inclusive web experience, Berita Harian set a benchmark for moving forward. With it, they set up the scaffolding to easily support more enhancements to the experience, should the need arise. In turn, Berita Harian’s digital existence was transformed to become more future-ready than ever. This project was an important reminder that ultimately, products experienced by humans are too often built on the premise of assumptions; we need to start building them from the ground up at inception, based on foundations of tested knowledge and human-centred insights.
How We Did It
Our process
Discover
Methods & tools used
Internal stakeholder & in-depth user interviews
Alignment exercises
UX audit of digital
Data / metric review
Recorded heuristic user testing of (old) website
Sacrificial concept sharing
Define
Insights
We uncovered that a younger Malay audience could be part of the target market; and that despite their bilingualism and the diverse choice of other media formats available to them, this audience desired a stronger, distinct Malay perspective and voice in their local Singapore news and the news in general.
Develop
Solutions & Approaches
Reimagining content formats
Creating new digital tools and experiences
Going back to the roots and reconnecting with familiar names in journalism
What we delivered
Deliver
Outcomes
Research
Internal stakeholder & in-depth user interviews
Alignment exercises
UX audit of digital
Data / metric review
Recorded heuristic user testing of (old) website
Sacrificial concept sharing
Design
Outcomes
Design
Complete redesign of the web experience for Berita Harian for use on phones, tablets, and computers.
An on-the-fly, in-platform translation feature from Malay to English.
More habit-forming features to keep focus on the product (from free access to all Covid-19 related articles to highlighting key themes for users appearing in top-navigation).
Adding a podcast widget on the home page.
Fully tested design solutions for future iterations and directions of the platform.
A system built on Atomic Design principles.
A working, tested, web redesign in 4 weeks; down from a previous 6-8 month redesign plan.
Business
Outcomes
Business
A working, tested, web redesign in 4 weeks;
down from a previous 6-8 month redesign plan.
Discover
Define
Develop
Methods & tools used
Insights
Solutions & Approaches
Internal stakeholder & in-depth user interviews
Alignment exercises
UX audit of digital
Data / metric review
Recorded heuristic user testing of (old) website
Sacrificial concept sharing
We uncovered that a younger Malay audience could be part of the target market; and that despite their bilingualism and the diverse choice of other media formats available to them, this audience desired a stronger, distinct Malay perspective and voice in their local Singapore news and the news in general.
Reimagining content formats
Creating new digital tools and experiences
Going back to the roots and reconnecting with familiar names in journalism
Deliver
Design
Business
Outcomes
Outcomes
Outcomes
Research
Design
Business
Internal stakeholder & in-depth user interviews
Alignment exercises
UX audit of digital
Data / metric review
Recorded heuristic user testing of (old) website
Sacrificial concept sharing
Complete redesign of the web experience for Berita Harian for use on phones, tablets, and computers.
An on-the-fly, in-platform translation feature from Malay to English.
More habit-forming features to keep focus on the product (from free access to all Covid-19 related articles to highlighting key themes for users appearing in top-navigation).
Adding a podcast widget on the home page.
Fully tested design solutions for future iterations and directions of the platform.
A system built on Atomic Design principles.
A working, tested, web redesign in 4 weeks; down from a previous 6-8 month redesign plan.
A working, tested, web redesign in 4 weeks;
down from a previous 6-8 month redesign plan.
Thank you!
Oops! Something went wrong while submitting the form.