DESIGN BRAIN

KEEP THIS BESIDE THE WEBSITE

Look closely.
Take one useful idea.

Your website-analysis cheat sheet. Read one question, look at the page, then say what you notice. You don’t need design terminology.

UNDERSTAND

What is this website for?

Before scrolling, can I tell what it offers, who it’s for, and what I should do next?

A little help

Look for the main headline and action. Say what you think the business offers. If you’re unsure, that uncertainty is worth recording.

NOTICE

Where does my eye go?

What catches my eye first, then second? Is the important information easy to find?

A little help

Notice size, position, colour and empty space. Point to the element first; we can name the design principle afterwards.

DESCRIBE

What exactly do I like?

What do I like or dislike about the text, colours, pictures, shapes and spacing? Why?

A little help

Try “the large photo makes the service obvious” or “the label blends into the background.” One specific observation is enough.

TRY

Can I do the main task?

Try finding a menu, a product or contact details. Where do I hesitate? Do the controls behave as expected?

A little help

Follow one ordinary visitor journey. Stop before making a purchase or sending a real enquiry. Describe the steps where you became confused.

CHECK COMFORT

Is it comfortable to use?

On my phone, can I read and tap comfortably? Does anything overlap, jump around or distract me?

A little help

Notice small text, unclear controls and uncomfortable motion. A narrow desktop window is a useful clue, but it isn’t a real-phone test.

TAKE ONE LESSON

What could help our project?

Which design idea is useful, and what would need changing for our audience?

A little help

Name the idea and its purpose. A reference is inspiration; it doesn’t automatically give permission to reuse its images, fonts or code.

FINISH WITH ONE SENTENCE

“I like ___ because ___.
I struggled with ___.
I would try ___ on our project.”

Say it aloud or put it in your notes. You don’t need to review the entire site in one sitting.

PLAIN-LANGUAGE EXPLANATIONS

What are those source websites?

These are references for learning and problem solving. They aren’t extra tools you need to install, and this cheat sheet isn’t their official assessment.

OpenStax ↗
A nonprofit education initiative at Rice University that publishes free textbooks. We used its algebra guidance to explain turning a numerical problem into an equation.
NRICH, from Cambridge ↗
A maths-learning project with problems and activities. We used its explanations of strategies such as working backwards, finding patterns and checking guesses.
ASQ — American Society for Quality ↗
A professional organisation focused on quality and improving processes. We used its guidance on defining problems and investigating causes.