Creating components

A set of guidelines for those creative types

Component checklist

Before you start

• Ask yourself “Do you really need a new component or can you use one that already exists?”
• Is it something that is re-usable and not product specific?
• Do you understand the accessibility requirements for this component?
• Is there any research (internal or external) that can give you guidance?

Content

• Are there any constraints on what content can be placed in this component?

UX

• Does it align to giffgaff’s UX standards?
• Implementation considerations, i.e. where to use and not to use
• What are the use cases for this component

Design

• Does it align to our brand identity and visual guidelines

Code

• Performance considerations (image formats)
• Does it align to giffgaff’s UI coding standards?

Component validation

Things to do check that you’ve built the right thing

• A/B tests
• User research and testing

What to document

• Everything above