10 Questions to Critique a Web Design by Anthony Lindsay

1. Image sizes
How many image sizes are there across the site? How many different aspect ratios? Is
there any commonality between images? Where can we reuse an image? In Drupal terms,
we're asking: Can I use image styles? How many do I need? In which area of the site can I
use each image style?

Remember that with a responsive design, images will usually stretch to fill a space, so
image styles will generally set an image to its maximum required width. The single most
important thing to consider is aspect ratio. If all the images have the same aspect ratio,
then the implementation of a design becomes much, much more straightforward.

2. Content Order
In a responsive site, as screen size diminishes, chunks of content flow around each other
and jump below other content to accommodate the smaller screen width. It is important
to realise that designs for smaller screens are sometimes supplied without due regard to
this flow of content. If you see content order on a mobile design that doesn't match up
with that in the desktop design, ask about it. Either it is a mistake that is easy to rectify at
the outset of the project, or it will turn into a monster that will eat your budget.

3. Horizontal Alignment/ Shapes

It is bad practice to set absolute heights to elements in responsive design, to allow
elements to expand as necessary, but without control of heights, any content change or
width change will break the layout. As widths decrease, the height of content in a
restricted space increases, which means that either the content will overflow its bounds,
the content will be clipped, or the container expands, breaking the nicely arranged
horizontal alignment.

4. Titles
When a site is live in the wild, titles can be really, really long. Editors are given content,
control over which they may not have. The design has to accommodate this situation. Try
swapping out
'Lorem Ipsum Dolor Sit Amet.'
with
'Many editors struggle to fit their content into the cramped confines of a small title block.'
 Then see if the design still works. Ask about maximum title length and the ebb and flow
of text on the web.

5. Fonts/ Text
font family and type must be chosen well, clear, and in readable size.

6. Other browsers
Does it have the same layout for other browsers? (Chrome, Firefox, etc) or how about in
Phone or tablet views.

7. Colors
must blend well and complement the elements on the page. Use colors that will attract
but not too distracting.

8. Links/ External Links

will allow users to connect to another site or page that is related to the content of
your page or site.