ldexterldesign

Head & Shoulders fly-out horizontal nav menu

Lewis Dexter — Thu, 02 Feb 2012 21:19:44 +0000

One usability faux pas I often discover with websites (I’ll add the example website in question [here] when I remember the URL) is clickable areas moving when I try to target them. Here’s a good example of a fly-out menu that’s actually quite effective, unfortunately just not that well executed graphically:

http://www.headandshoulders.co.uk/

FLOWing introduction animation for a better user experience

Lewis Dexter — Fri, 13 Jan 2012 00:17:15 +0000

Most product websites will layout a bunch of images and text content on the page (maybe even a slick video if you’re lucky) and expect users to make sense of it all. Flow (by MetaLab) on the other hand uses some simple, fun, animation effects to facilitate a visual point of reference, narrating (or aptly: ‘flowing’) the user through the rest of their product experience; discovering more about this task management app – great stuff!

Credit

Super-creative use of stop motion

Lewis Dexter — Wed, 28 Dec 2011 09:54:44 +0000

Advertising Moleskine‘s 2011-range of bags.

Combining image zoom with effective use of screen real estate

Lewis Dexter — Wed, 28 Dec 2011 06:07:47 +0000

BHS.co.uk (URL valid 28/12/2011) are utilising a great product image zoom feature, making superb use of screen real estate. The logic is if you’re viewing a photo in detail you can’t read at the same time, so why show text? – a progressive disclosure feature of interface design I’m a fan of since it compliments simplicity well.

http://www.bhs.co.uk/mall/productpage.cfm/bhsstore/3770523 (URL valid 28/12/2011)

How ink is made

Lewis Dexter — Tue, 20 Dec 2011 19:32:50 +0000

Sonia Falcone light art installation @ The Biennale, Santa Cruz Bolivia

Lewis Dexter — Sun, 18 Dec 2011 00:45:42 +0000

http://www.goskyride.com/ hover menus/dropdowns #InterfaceDesign #Screencast

Lewis Dexter — Thu, 08 Sep 2011 23:30:55 +0000

http://soundcloud.com/ @SoundCloud contextual tooltip #InterfaceDesign

Lewis Dexter — Sat, 30 Jul 2011 08:14:05 +0000

I’ve only just noticed it – perhaps it’s existed for a while? – but I’m favouring the contextual tooltip execution in SoundCloud.com‘s app.

It appeals to my love of large clickable areas and a functional form. It’s almost possible to action most tasks (e.g. ‘Go to track’, ‘Save to favourites’, ‘Download’ etc.) by using a scroll wheel movement or vertical trackpad gesture by itself, leaving my cursor hand free to scratch things with – great stuff!

http://www.foofighters.com/ @foofighters #InterfaceDesign

Lewis Dexter — Tue, 19 Jul 2011 08:20:26 +0000

Great fullscreen use of carousel.

Manhattan in motion

Lewis Dexter — Thu, 02 Jun 2011 16:07:06 +0000