Tag Archive for 'Video'

FLOWing introduction animation for a better user experience

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!

Super-creative use of stop motion

Advertising Moleskine‘s 2011-range of bags.

Combining image zoom with effective use of screen real estate

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

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

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

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

Great fullscreen use of carousel.

Manhattan in motion

http://ex.fm/ @exfm #InterfaceDesign

http://nclud.com/ @nclud #InterfaceDesign

Wonderfully rich nav/image/description UI widget on http://nclud.com/ @nclud #InterfaceDesign