Your store's look
The Check
The Check looks over every page, on computers and on phones, for things that would stop a shopper: words they can't read, buttons too small to tap, things running off a small screen. It tells you where, in plain words, and fixes most of them in one click.
Using it
- The button beside Publish says All good, or how many things there are to fix. Click it.
- Each thing says what's wrong and where. Show on a phone or Show takes you to it.
- Click its fix (Make it 44 tall, Use Ink, Let it wrap) and it's done. Undo takes it back.
What it checks
Colour
- Text is readable on its background
- To fix
- The accent colour is only on things you can tap
- To fix
- Text on the accent and field colours is readable
- To fix
- At most three strong colours on a page
- Suggestion
- The field and accent colours look different
- Suggestion
- The palette's text colours are readable
- Suggestion
- Search and sort boxes have a visible edge
- Suggestion
Type
- At most four text sizes on a page
- Suggestion
- A page's fonts load quickly on phones
- Suggestion
- Body text is at least 16px on phones
- To fix
Shadows
- At most two shadow styles on a page
- Suggestion
Tapping and fit
- Nothing runs off the side of a 360px phone
- To fix
- Things you tap are at least 44×44 on phones
- To fix
Layout
- At most seven items in a nav, rail or strip
- Suggestion