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:
There’s even a jQuery checkbox plugin for it already:
There are many possible sources of inspiration for your interface design. Have you seen any interesting patterns emerging into web design recently?
toxboe
Anders Toxboe builds websites with an outstanding team at Benjamin Interactive in Copenhagen, Denmark. He also founded UI-Patterns.com and a series of other projects.
When building a website that relies on social interaction it is particularly important to design your feedback and reward structures to match your design goals. This article examines important details to consider. Continue reading 0 comments
A new trend on content-based websites seems is to animate a small box popping up at the bottom or top of the page, guiding users’ next move as they reach the end of an article. This technique is smart as it waits for just the right moment to break users’ attention. Continue reading 1 comment
Icons are most often used to enhance meaning and afford scanning in web design. The same icons have been used again and again for similar functions and in turn they have become synonyms for specific functionality or information. Continue reading 0 comments
There are far more video and audio player designs than what we know as the standard from youtube and vimeo. We’ve collected 57 examples of interesting multimedia player designs Continue reading 0 comments
We’ve explored the world of frontpage carousel slideshows and collected 51 great screenshot examples from web pages for your inspirational needs. Continue reading 2 comments
Keeping your site usable is like keeping your home clean; it’s all about hygiene. It only becomes a problem if the hygiene is bad. If not, good usability won’t even get noticed, but be taken for a given. Continue reading 10 comments
UI-Patterns.com is the work of Anders Toxboe – a Danish web developer seeking to categorize what has before seemed like ad hoc approaches to developing web applications.
By not only listing different ways of solving common design problems, but also rationalizing about how, when, and why such solutions should be used, it is the goal to create a tool that will help end feature debates, get a clear understanding of why we’re doing what we’re doing, and why we’re not doing what we’re not doing.
UI-Patterns.com is an attempt to over time create a library of such solutions to common problems. It is a personal project, but is open to contributions.
© Copyright 2010 - Anders Toxboe, UI-Patterns.com
Kevin Rapley > DigiKev
7 Jun, 2009
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.
web design india
8 Jun, 2009
Thanks u r information
Andrew Lilley
15 Jun, 2009
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:)
Anton
19 Jun, 2009
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 :)
Web 2.0 Design
28 Aug, 2009
Is it web 2.0 or web 3.0 or something else. Brisk pace at which things are moving.