Exploring new patterns in interface design

by Anders Toxboe on May 29, 2009

Instead of just watching for established patterns in web design, why not try to go to the edge and search for emerging patterns that might just make it into the web application world in the near future? How about searching for new UI patterns outside the web world?

This is what Stephen Andersen did in his talk at FOWA Dublin (thank you Des Traynor for pointing that out to me). One of the patterns he discovered was the checkbox design from the iPhone:

Checkbox design in the iPhone

There’s even a jQuery checkbox plugin for it already:

jQuery iPhone checkbox plugin

There are many possible sources of inspiration for your interface design. Have you seen any interesting patterns emerging into web design recently?

You are reading the "Exploring new patterns in interface design" blog post.

Mapping the internet

Help map how UI patterns are used on the internet today!

Help out!

Exploring new patterns in interface design has 5 comments

  • This is a great discussion to have. From the look of the example given with the iPhone radio buttons it is using much more true to life look and feel with the sliding switches. These work well with the gestural interface too.

    Now my example is not strictly a trend for websites but nonetheless worth mentioning. Birmingham based agency, Clusta have coupled with CBS Outdoors to create digital advertising kiosks which can be connected to by an iPhone and interacted with through the pinch and stretch finger gestures [http://www.brandrepublic.com/News/911190/Consumers-creative-control-digital-posters-new-iPhone-platform]. I will take a guess that we will be seeing more integrations of this kind throughout digital applications.

  • Thanks u r information

  • Great idea, but we have to remember what kind of device the pattern is used on. The iPhone ‘checkbox’ on-off switch is appropriate for that device, as it offers a larger touch area than a traditional checkbox (something well needed for touch screens).

    The jQuery controls are poor if you ask me – they look like they should be slid, not pressed, which may confuse some mouse users. There is also no difference in appearance between their checkbox and radio controls, meaning the user has no idea whether he can select multiple or only single options.

    Watch out for the context before copying:)

  • The idea in general is very sound, we need to keep our eyes open for opportunity.

    Yet the example of the checkbox is a bad one, in my opinion – the original tick-box, with a tick, is simple and clear. The Apple’s version is, with all due respect, a couple of steps back – in both simplicity and clarity.

    Does “Allow – YouTube – On” sound natural to anyone? :)

    Still, they are not afraid to experiment, which is also a good lesson for everyone :)

  • Is it web 2.0 or web 3.0 or something else. Brisk pace at which things are moving.

Post a comment

Required
Required
Will not be published
simple_captcha.jpg
Required
Type the code from the image