Global Experience Language (GEL)
GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
Visit WebsiteGEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
Visit Website
For a venerable public service broadcaster like the BBC, its digital presence is a crucial extension of its mission to inform, educate, and entertain. Across a vast and diverse array of digital services – encompassing news, sport, weather, iPlayer (for television and radio), education, and much more – maintaining a cohesive identity and providing high-quality user experiences is paramount to serving its wide-ranging audience. This is where the BBC's Global Experience Language (GEL) plays a central and indispensable role, serving as their shared design framework to enable the creation of consistent and delightful user experiences across all of their Digital Services.
GEL is more than just a style guide; it is a comprehensive shared design framework. The term "framework" suggests a foundational structure that provides the principles, patterns, and components upon which all of the BBC's digital services are built. It defines the underlying structure and approach to design, ensuring a degree of uniformity and coherence across the organization's vast digital output. The fact that it is a "shared" framework is crucial for an organization as large and decentralized as the BBC, with numerous teams working on different products and services. GEL provides a common language, set of resources, and understanding that all teams can utilize, fostering collaboration and preventing fragmentation of the digital experience.
The primary purpose of GEL is to enable the BBC to create consistent and delightful user experiences. Consistency is vital for a public service broadcaster. When users move between different BBC Digital Services – from checking the news to watching a program on iPlayer or exploring educational content – they should encounter a predictable and familiar interface. This consistency reduces cognitive load, makes the services easier to navigate, and builds trust in the BBC as a reliable source of information and entertainment.
Beyond mere consistency, GEL also aims for delightful user experiences. "Delightful" suggests going beyond basic usability to create interactions that are positive, engaging, and even enjoyable. This might involve thoughtful microinteractions, elegant data presentation, or intuitive workflows that make interacting with BBC services a positive experience. For a public service organization, creating delightful experiences can foster greater engagement with their content and services and strengthen the connection with their audience.
GEL enables the creation of these consistent and delightful experiences across all of our Digital Services. This highlights the broad scope of the design framework, encompassing the entirety of the BBC's digital presence. Whether it's a high-traffic news website, a streaming video application, an interactive educational resource, or a localized weather service, GEL provides the underlying design principles and resources to ensure a unified and high-quality experience across the board. This comprehensive application of the framework is essential for presenting a cohesive digital face to the public.
GEL likely provides a range of resources to achieve its goals, including:
Design Principles: Overarching philosophies that guide design decisions, reflecting the BBC's values (e.g., impartiality, accessibility, innovation).
UI Components: A library of reusable interface elements (buttons, navigation, media players, data visualizations) that are designed and coded according to GEL standards.
Visual Language Guidelines: Detailed specifications for typography, color palettes, iconography, and spacing that define the BBC's digital aesthetic.
Interaction Patterns: Recommended approaches for common user workflows and interactions to ensure predictability and ease of use.
Accessibility Standards: Comprehensive guidelines to ensure that all digital services are usable by individuals with disabilities, reflecting the BBC's public service commitment.
The benefits of leveraging GEL are significant for both the BBC as an organization and its vast audience. For the BBC, it fosters increased efficiency in the design and development process by providing a shared framework and reusable components, accelerating the creation and deployment of new digital features and services across their diverse portfolio. It also ensures a high degree of consistency and quality in their digital output, which is crucial for maintaining their reputation as a trusted public service broadcaster.
For the audience, GEL contributes to a more user-friendly, predictable, and enjoyable experience when interacting with BBC Digital Services. The consistent interfaces make it easier to find the information and content they are looking for, regardless of the specific service they are using. The focus on delight enhances their engagement with BBC content, and the embedded accessibility standards ensure that these services are available to everyone.
In conclusion, the BBC's Global Experience Language (GEL) is a vital shared design framework that underpins the creation of consistent and delightful user experiences across all of their extensive Digital Services. By providing a unified system of principles, components, and guidelines, GEL empowers teams across the BBC to build high-quality digital products that are both visually cohesive and a pleasure to use. It is the essential system that helps the BBC fulfill its public service mission in the digital age, ensuring that its online presence is accessible, reliable, and engaging for everyone.
The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.
The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.
Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.
Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.
Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.
This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.
The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.
We’ve been working to create this design system as a centralised hub for showcasing our design rules, principles, and frontend components.