Viewing: Notes » Simple. Understate.

Simple. Understate.

(3 minute read.)

Less of this, and none of that.

Page 1 2

I've deliberately chosen a simple site structure and design… mostly text-based and with few graphics, to present relevant info without distraction.

Strictly no-frills, it's not too hideous.

And with most of the words spelled correctly it'll do.

The design and structure is 'mobile-first'. Huh?

Years ago, sites were primarily designed for viewing on desktop/laptop, with a radically simpler variant (in which various images and other elements had been removed) for mobile viewing (because on mobile, access speeds were low and various stuff didn't work).

But things have changed, dramatically… mobile/tablet (rather than desktops/laptops) has increasingly become the way in which the web is accessed (it's reported than apparently more than 70% of people will access the internet solely with their phones in 2025).

And so designing for 'mobile first' (rather than desktop/laptop) has become the de facto methodology.

But often though, mobile-first sites are simply slimmed variants lacking the visual appeal of their desktop/laptop counterparts…

  • Desktop/laptop are often multiple column, mobile is usually single column.
  • The fixed navigation menus of desktop/laptop disappear on mobile, replaced with the word 'menu' (or three horizontal lines) to trigger 'fly-out' elements.
  • Physically large and/or complex images are absent.
  • Often, design which works well on desktop/laptop doesn't on mobile… for example, pricing tables, which on mobile can't be displayed side-by-side for comparison as they are on desktop/laptop.

And so sites can look very different when viewed on mobile rather than desktop/laptop, which can be needlessly confusing when a user views a site on a different device.

Not here… structure and design is such that the site looks almost identical when viewed on various devices… the only thing which varies is that two navigator menus switch from horizontal (desktop/laptop) to vertical (mobile).

NEXT PAGE »

Page 1 2

View all (10) NOTES »


Never miss a Note… get updates by email or rss.