用户体验设计模式库 User Experience Design Pattern Libraries

[quote]交互设计师在设计线框图原型时，熟知常见的web设计模式很有帮助，做到“心中有数”才能创造出符合需求，用户易学易用的界面来。所谓“没有必要重复发明轮子”，模式往往容易解决常见问题，正确的模式能帮用户熟悉界面、提高效率。[/quote]

[b]常见的12中用户界面设计模式：[/b][url=http://www.zhangyq.com/ui-ui-pattern-design-patterns/]http://www.zhangyq.com/ui-ui-pattern-design-patterns/[/url]

[img]http://dl.iteye.com/upload/attachment/0071/5949/75ada764-b2a4-34b3-9f2f-2db3bf909984.gif[/img]

[b]最出名的用户体验设计模式库：[/b][url=http://developer.yahoo.com/ypatterns/]Yahoo! Design Pattern Library[/url]

[img]http://l.yimg.com/a/i/ydn/patterns/lo-dpl.gif[/img]

[b]其他用户体验设计模式库：[/b]

（1）Pattern Libraries

[list][*][url=http://developer.yahoo.com/ypatterns/]Yahoo! Design Pattern Library[/url] (this library, for completeness)

[*][url=http://www.opendesignpatterns.com/]Open Design Patterns[/url] (a wiki clone of this library)

[*][url=http://designingsocialinterfaces.com/patterns.wiki]Designing Social Interfaces[/url]

[*][url=http://grouppatternlanguage.org/]Pattern Language of Group Process[/url]

[*][url=http://designingwebinterfaces.com/]Designing Web Interfaces[/url] (Bill Scott and Theresa Neil's book)

[*][url=http://www.welie.com/]Patterns in Interaction Design[/url] (Martijn van Welie)

[*][url=http://designinginterfaces.com/]Designing Interfaces: Patterns for Effective Interaction Design[/url] (Jenifer Tidwell's book)

[*][url=http://searchpatterns.org/library.php]Search Patterns[/url]

[*][url=http://patterns.ideo.com/]IDEO Patterns[/url]

[*][url=http://www.mit.edu/~jtidwell/common_ground.html]Common Ground[/url] (Jenifer Tidwell's original library)

[*][url=http://www.cs.helsinki.fi/u/salaakso/patterns/]User Interface Design Patterns[/url] (Sari Laakso)

[*][url=http://www.cmis.brighton.ac.uk/research/patterns/home.html]The Brighton Usability Pattern Collection[/url]

[*][url=http://patterns.holehan.org/]Open Design Patterns[/url]

[*][url=http://ajaxpatterns.org/]Ajax Patterns[/url]

[*][url=http://www.cmi-patterns.org/]Computer-Mediated Interaction Patterns[/url] (associated with Till Schuemmer & Stephan Lukosch's book)

[*][url=http://www.visiblearea.com/cgi-bin/twiki/view/Patterns/Patterns_repository]Visible Area patterns repository[/url]

[*][url=http://patterns.design4mobile.com/]Little Springs Mobile User Interface Design Patterns[/url]

[*][url=http://interface.fh-potsdam.de/infodesignpatterns/patterns.php]Information Design Patterns[/url]

[*][url=http://socialvizpatterns.info/]Social Visualization Patterns[/url]

[*][url=http://ui-patterns.com/]UI-Patterns.com[/url]

[*][url=http://uipatternfactory.com/]UI Pattern Factory[/url]

[*][url=http://quince.infragistics.com/]Quince UX Patterns Explorer[/url] (requires Silverlight)

[*][url=http://uidesignpatterns.org/]Open Source Pattern Library[/url] (Fluid Project, somewhat moribund)

[*][url=http://web.archive.org/web/20061229211355/social.itp.nyu.edu/shirky/wiki/?n=Main.PatternLanguage]Moderation Strategies[/url] (vandalized, from Wayback machine)[/list]

（2）Visual Pattern Collections

[list][*][url=http://patterntap.com/]Pattern Tap[/url]

[*][url=http://phonepatterns.com/]iPhone Pattern Library[/url] (a Flickr group)

[*][url=http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/]Design Patterns[/url] (Chris Messina's Flickr collection)[/list]

（3）Other Pattern Resources

[list][*][url=http://www.c2.com/cgi/wiki?HistoryOfPatterns]History of Patterns[/url]

[*][url=http://www.hillside.net/index.php/a-pattern-language-for-pattern-writing]A Pattern Language for Pattern Writing[/url]

[*][url=http://microformats.org/wiki/social-network-anti-patterns]Social Network Anti-patterns[/url] (at microformats.org)

[*][url=http://uxmatters.com/mt/archives/2009/01/antipatterns.php]Antipatterns article at UX Matters[/url]

[*][url=http://www.hillside.net/index.php/pattern-writing-checklist]Pattern Writing Checklist[/url]

[*][url=http://www.informaworld.com/smpp/content~db=all?content=10.1207/s15327051hci2101_3]Pattern Languages in HCI: A Critical Review (Human-Computer Interaction)[/url]

[*][url=http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/]40+ Helpful Resources on User Interface Design Pattern Libraries (Smashing Magazine)[/url]

[*][url=http://looksgoodworkswell.blogspot.com/search/label/patterns]Bill Scott's blog[/url] (writes patterns and anti-patterns)

[*][url=http://yuiblog.com/]YUI Blog[/url] (many entries about Yahoo! patterns)[/list]

（4）Other UX Guides

[list]

[*][url=http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGIntro/chapter_1_section_1.html]Apple's Human Interface Guidelines[/url]

[*][url=http://msdn2.microsoft.com/en-us/library/aa511258.aspx]Windows Vista UX guidelines[/url]

[/list]