Home > Design > blogs
As we go hurling down the road of RIA innovation it's nice to have some guidelines and tools to help us create better user experiences. I think user interface design patterns should be in everyone's toolbox. They help us come up with new ideas for our UIs, it helps us communicate inside and outside of our team and finally it helps us to avoid common pitfalls.
For more background on what a design pattern is and what it should contain I'd recommend checking out Jared Spool's article on "The Elements of a Design Pattern". There's a fairly extensive list of elements listed for a pattern, which not all libraries contain, they include:
- - Pattern Name
- - Description
- - Context of Use
- - Where to Use it
- - How it Works (with visual aid)
- - Specifications
- - Related Patterns
- - Competitive Approaches
- - Source Code (quite rare)
- - Usability Research
- - Discussion
Yahoo! Design Pattern Library is a great resource for current trends in web development. I really the fact that have mini screencasts of all the patterns to augment the static screenshots.
Designing Interfaces is a website and accompanying book by Jenifer Tidwell. It has number of web and desktop software UI patterns with great write ups and explanations. Unfortunately not all the patterns from the book are on the site. You can see the book over on Google Books too.
Welie Patterns in Interaction Design is a great collection of patterns grouped based on user needs, application needs and context of design. I also really like that Welie encourages you to suggest a pattern. The more the merrier:)
UI Patterns is kind of the new kid on the block but has a very nicely laid out pattern of web UI patterns.
Ajax Patterns is another website and book combination by Michael Mahemoff. This library is not only focused on visual patterns like the others but also covers some pretty in-depth Ajax programming topics. Nice thing about this site is that it's a wiki so everyone can add to it.
It seems like most of them haven't yet documented a lot of the richer interactions possible with RIAs, but these things take time. Join the party and start documenting patterns.
- comments: 4
Comments
4 Comments
Leave a comment
Stay Connected
 InsideRIA Atom Feed
InsideRIA Design Atom Feed
InsideRIA Newsletter
↑ Put InsideRIA News on Your Site
Search InsideRIA
News & Events
Latest Features
Tag Cloud
- .net
- 3d
- actionscript
- adam flater
- adobe
- air
- air api
- air cookbook
- air resources
- air xml webkit
- ajax
- ajaxworld
- alertthingy
- amp
- analytics
- ant
- antipattern
- api
- appengine
- apple
- april fools day
- aptana
- architecture
- asp
- away3d
- aws
- bad usability calendar
- benchmarking
- berlin
- beta
- bitmaps
- blazeds
- blendmode
- book
- browserplus
- cairngorm
- camp
- career
- chart
- cloud
- code
- code generation
- coldfusion
- command design pattern
- communication
- community
- compiler
- component
- compression
- conference
- cs4
- curl
- customer
- cuzillion
- dare
- data
- datavisualization
- dbunit
- ddlutils
- debug
- decompiler
- deep zoom
- degrafa
- design
- design patterns
- desktop
- development
- diary
- dionalmaer
- drawing api
- dreamweaver
- drupal
- ejb 3.0
- elixir
- embedded jboss
- encryption
- europe
- event
- excerpt
- experience
- ext
- externalinterface
- eyetracking
- features
- filters
- fireworks
- fitc
- flash
- flash10
- flashforward
- flashplayer
- flex
- Flex
- flexbuilder
- flexunit
- form factor
- framework
- friendfeed
- gadget
- gears
- gesture
- googledocs
- googlegears
- graphics
- graphics mask
- guimark
- hosting
- how-to
- html
- ia
- ie
- ie8
- igoogle
- interaction
- interface
- interview
- iphone
- iphonedevcamp
- j2ee
- jakob
- java
- javafx
- javaone
- javascript
- javase
- javase6
- jaxer
- jms
- job
- joyent
- keynote
- languages
- lcds
- learning
- lffs
- library
- licensing
- linux
- listen
- livecycle data services
- madrid
- map
- marketing
- math
- maturity
- maven
- memory
- merapi
- mesh
- metrics
- microsoft
- mikepotter
- mix08
- mobile
- model locator design pattern
- mono
- mozilla
- mvc
- mxmlc
- neilson
- nio
- nitro
- nitrolm
- offline
- onairbustour
- onairtour
- onairtoureurope
- ontologies
- oop
- open source
- OpenFlux
- openscreen
- opensource
- orm
- papervision3d
- paris
- pattern
- pattern mining
- performance
- php
- podcast
- portable
- preload
- pricing
- prism
- Processing
- profiler
- protagonize
- push
- rails
- release
- research
- resources
- ria
- ria community
- rich
- ruby
- sanctuary
- scheduling
- scott sheridan
- search
- security
- seo
- server
- service oriented architecture
- services
- session bean
- silverlight
- singularity
- social
- source
- spain
- spry
- sqlite
- static code
- steveounders
- stockholm
- streaming
- survey
- swc
- swf
- switchboard
- syscon
- test driven development
- testing
- testng
- thermo
- tip
- tools
- trends
- tufte
- tutorial
- ui
- ui pattern library design
- uirc
- unconference
- unit testing
- usability
- user experience
- ux
- vector images
- view source
- vision
- warsaw
- wdn08
- web
- web 2.0
- web 2.0 expo
- whenisgood
- why
- widgets
- workshop
- wwdc
- xulrunner
- yahoo
- yui
Related Books
Development Series
Get an overview of the tools and technologies that work together to allow developers to build Rich Internet Applications (RIAs) quickly and easily.
Recent Comments
Archives
About This Site
Welcome to the premiere community site for all things RIA sponsored by O'Reilly Media and Adobe Systems Incorporated.
About Us
Meet the Experts
Meet Our Contributors
Send Us Feedback


Great effort on compliling the information on to a single point. UX is being considered as one of the elements of a project's ROI, where Design patterns will paly a key role.
I love Jenifer Tidwell's book (printed in color) and I'm sure she'll forgive you for putting 2 n's in her first name.
The Yahoo! site is nice because they're constantly adding new patterns to it. So it's worth coming back to from time to time.
And don't forget things like the Windows User Experience Guidelines (tinyurl.com/24ajt8 - PDF). A lot of this is nitty-gritty details about fonts and pixel counts, but there's also some UI patterns hidden in there.
@Indu thanks. I'd like to gather as many resources as possible here. Do you have any good links to UX ROI material?
@Bernard thanks for catching that, fixed:S The Windows User Experience Guidelines are a great resource. I'll have to dig through them and pull out some juicy bits to entice people. I believe apple also has some good HCI guidelines published, I'll take a look through my links for those.
It has long been common practise to use recurring solutions to solve common problems. Such solutions are also called design patterns. Collections of software design patterns are standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him. My Play Games