This is the index page for all GEL Guidelines
This guideline will give an overview of what to consider when designing forms.
How we use accessibility thinking to design experiences that everyone can use.
How we design infographics for BBC editorial content and how you can make your own.
How to craft a fantastic user experience for interactive TV apps.
The Games Framework (Games GEL) helps us make consistent games and apps experiences for children.
This guideline shows our full suite of BBC icons and explains how to use them. They’re designed to create a consistent look across all our digital platforms.
External links are styled differently to internal links to inform the user they’ll leave the BBC domain.
How we use reactions to help our users personalise content, and the rules around using them on the BBC.
This guideline explains how to use typography across BBC online. It covers guidance on BBC Reith, and for teams still using Helvetica.
Location settings allow the user to manage their location preferences across BBC products. Users can store multiple locations.
Share tools allow the user to share BBC content on different social media platforms.
Autoplay takes you to the next audio or video item after the current one has finished. It supports a hands-free experience and allows complete control.
Recommendations feedback allows you to give feedback on your personalised recommendations for use with the algorithmic personalised recommendations system.
Account in apps provides a way to sign in. It also gives you access to your account information.
How to use accessibility principles to design email newsletters that everyone can use.
Confirmation and error messages in apps provide immediate feedback in response to your actions or system failure.
A launch screen is displayed after an app’s launch instead of displaying a blank screen, this can decrease the sense of a long loading time.
Onboarding is the sequence of screens that appear before an app home screen. We use these to personalise the users experience.
A carousel presents a window to view a set of items where space is limited, while indicating there’s more available to browse than what’s currently shown.
This guide looks at best practices for creating assets for Apps.
Topic management provides the user with the ability to customise an app to suit their needs.
The app information screen is where you access important ‘read-only’ app information. This doesn’t include personal information.
A side drawer menu provides a quick and easy way to navigate around an app.
The settings screen allows the user to change how an app works to suit their needs.
9 principles to help make great digital experiences for children.
Content utilities allow the user to interact with, or perform an action for a piece of content. For example, Add or Share.
The ‘Sign in or Register' call to action is the only way a user can log in to access BBC websites & apps. This guideline applies to all versions of BBC account.
An accordion is a vertical list of headers, users interact to reveal or hide content within them. They reduce page length and scrolling.
Cards allow you to preview and share content but also discover more information without leaving the page you’re on.
How our flexible, percentage-based grid works and how you’d apply it to design a BBC website.
The pocket pattern allows the user to reveal content without leaving the page. Avoiding overwhelming them with excessive amounts of content.
This guideline will introduce accessibility thinking and how to design usable experiences for everyone.
Filters help the user find what they’re looking for. Allowing the user to refine content by selecting criteria that’s relevant to their needs.
Tabs organise and tuck away content into panels which you can navigate between. They help show content in a small space.
A promo is a snippet of content which links to the full piece elsewhere on the BBC site or app.
Preferred location allows the user to set their location. Content across the BBC is personalised based on that location.
Global search allows users to search across the whole of BBC online. This guideline doesn’t cover results pages or filtering.
An information panel stores helpful but not essential information. The panel appears over the content on the same page.
Local search allows the user to search for content within the product they’re using, rather than globally.
The masthead is at the top of every BBC page. It contains the global navigation alongside individual branding whilst retaining a familiar structure.
Numbered pagination helps the user navigate through pages when there’s a lot of content.
How we use responsive web design principles to make great browser-based products.
How we design for touch devices, making responsive sites that are easy to use.
We'd love to know what you think of the GEL website.