WebUXDesign

UX Design

by paul.plaquette, Senior Software Engineer, Trilda Open Source

NeXT Steps

 here everything has yet to be done !

 split between Ux and Web UX design...."

coming soon :

Everything You Always Wanted to Know About UX Designing... (But Were Afraid to Ask) B)

See also

• Web UX Design
• Web Computing

Design

• http://en.wikipedia.org/wiki/Design
•  http://www.cs.helsinki.fi/u/salaakso/patterns/index.html

UX Design

GUI, HIG

• Human Interface Guidelines: http://en.wikipedia.org/wiki/Human_interface_guidelines

• Graphical User Interface: http://en.wikipedia.org/wiki/Graphical_user_interface

• Apple

* https://developer.apple.com/search/index.php?q=user+experience
* iOS: https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html
* Mac OS X: https://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html#//apple_ref/doc/uid/20000957
* high resolution guides (retina): https://developer.apple.com/library/mac/#documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Introduction/Introduction.html

• Enlightenment Foundation Library

* http://en.wikipedia.org/wiki/Enlightenment
* http://en.wikipedia.org/wiki/Enlightenment_Foundation_Libraries
* http://www.enlightenment.org/

• Gnome :

* GTK: http://www.gtk.org/

* http://www.gnome.org/
* http://www.gnome.org/gnome-3/

• Google Android:

* http://www.android.com/
* http://developer.android.com/guide/topics/ui/index.html
* http://developer.android.com/guide/practices/ui_guidelines/index.html

• Intel:

* Tizen: https://www.tizen.org/

• KDE :

* http://www.kde.org/

• Microsoft

* Windows 8
* Windows Phone 8

UX Patterns

• DateLens

* http://www.cs.umd.edu/hcil/fishcal/publications.shtml

• FishEye

* http://a-laughlin.com/2011/12/visualization/fisheye-grids-a-user-interface-design-pattern/
* http://www.cs.helsinki.fi/u/salaakso/patterns/Fisheye.html
* https://gist.github.com/1413900
* http://hubscher.org/roland/courses/hf765/readings/p90-b_bederson.pdf

UX Patterns Libraries

• Yahoo Patterns: http://developer.yahoo.com/ypatterns/
• Elements of Design: http://www.smileycat.com/design_elements/
• PatternTap: http://patterntap.com/
• UI-Patterns: http://ui-patterns.com/
• http://www.erinlynnyoung.com/215/design-patterns-libraries/
• Quince: http://quince.infragistics.com/UX-Design-Patterns.aspx
• Mobile Patterns: http://www.mobile-patterns.com/
• Patterns 1124: http://pttrns.com/
• lovely UI: http://www.lovelyui.com/
• Inspired UI: http://inspired-ui.com/
• ui parade: http://www.uiparade.com/
• Cocoa Controls: http://www.cocoacontrols.com/
• Android Patterns: http://www.androidpatterns.com/
• Android UI Patterns: http://www.androiduipatterns.com/
• Interfcae Styles3: http://uxmovement.com/products/interface-styles-3-make-mockups-like-never-before/
• Interface Papers: http://uxmovement.com/products/interface-papers-sketch-your-app-to-life/
• Welie.Com, Patterns in Interaction Design: http://www.welie.com/patterns/index.php

UX Blogs

• http://developer.yahoo.com/ypatterns/

• http://uxmovement.com/resources/4-best-design-pattern-libraries/
• http://www.andersramsay.com/
• http://www.uxmatters.com/
• http://boxesandarrows.com/
• http://www.servicedesigntools.org/
• http://www.slideshare.net/pauldavidkahn/service-design-in-experience-design
• http://www.juiceanalytics.com/writing/better-know-visualization-small-multiples/
• http://www.ecrirepourleweb.com/strategie-de-contenuplan-de-contenu-modele-et-methode/
• http://www.cs.helsinki.fi/u/salaakso/patterns/Fisheye.html
• http://hubscher.org/roland/courses/hf765/readings/p90-b_bederson.pdf
• http://credibility.stanford.edu/guidelines/
• http://evalotta.net/
• http://fr.wikipedia.org/wiki/Diagramme_KJ
• http://a-laughlin.com/
• http://interaction-design.org/
• http://www.webdesignerdepot.com/
• http://www.visualcomplexity.com/vc/
• http://uxmovement.com/
• http://uxmag.com/
• http://www.uxbooth.com/
• http://www.smashingmagazine.com/
• http://johnnyholland.org/
• http://www.measuringusability.com/
• http://iatelevision.blogspot.com/
• http://infosthetics.com/
• http://www.rickmaurer.com/wp/
• http://www.ergolab.net
• http://www.jjg.net/
• http://www.lukew.com/
• http://uxdesign.com/
• Kids Wire: http://kidswire.com/

in French:

• Ergonautes.fr: http://ergonautes.fr/

UX Communities

• http://www.ixda.org/
• http://www.iainstitute.org/
• http://2013.iasummit.org/
• http://worldiaday.org/
• http://magazine.designersinteractifs.org/
• http://designinginterfaces.com/
• http://time-tripper.com/uipatterns/

• a mailing list in french

* https://groupes.renater.fr/sympa/info/ergoihm

• http://frenchweb.fr/

UX conferences

• http://www.euroia.org/
• http://www.uxcampeurope.org/
• http://www.ux-lx.com/
• Web UX - Nimes - France: http://www.web-ux.org/archives/web-ux-nimes-2011.html?layout=blog
• Digital Kids: http://digitalkidscon.com/

Tools

• http://www.infragistics.com/products/quince/
• PatternRY, buiding UX patterns web site: http://patternry.com/

Articles

• http://uxmovement.com/resources/ui-guides-for-desktop-and-mobile-applications/
• http://uxmovement.com/resources/4-best-design-pattern-libraries/
•  http://uxmovement.com/resources/best-collection-of-mobile-user-interface-patterns/
• http://www.quora.com/What-are-the-best-online-UX-design-pattern-resources
• http://uxmovement.com/resources/qa-communities-for-developers-and-designers/
• http://developer.yahoo.com/ypatterns/about/libraries.html
• http://speckyboy.com/2010/02/01/25-ui-inspiration-and-design-pattern-resources/
• http://experienceblogger.com/post/840838188/ux-resources-pattern-library
• http://www.lukew.com/ff/entry.asp?1679
• http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/
• Interface Styles3: http://uxmovement.com/products/interface-styles-3-make-mockups-like-never-before/
• Interface Papers: http://uxmovement.com/products/interface-papers-sketch-your-app-to-life/
• Interface Libraries : http://uxmovement.com/products/interface-libraries-3-wireframe-like-a-professional/

Slides

in French:

• http://fr.slideshare.net/frenchweb/ux-designprsentationsylviedaumalfrenchweb

Books

• The Humane Interface, Jef Raskin, http://www.amazon.fr/The-Humane-Interface-Directions-Interactive/dp/0201379376/ref=sr_1_3?ie=UTF8&qid=1358947522&sr=8-3
• Designing Interfaces, Jenifer Tidwell, http://www.amazon.fr/Designing-Interfaces-Jenifer-Tidwell/dp/1449379702/ref=sr_1_1?ie=UTF8&qid=1358947522&sr=8-1
• Designing the User Interfcae, Ben Shneiderman, http://books.google.com/books?id=7NeB6KAIbUkC&source=gbs_similarbooks
• GUI bloopers, Jeff Johnsons, http://books.google.com/books?id=-kcKpqzbBR0C&source=gbs_similarbooks
• Don't Make Me Think, A common Sense Approach TO Web Usability, Steve Krug, http://www.amazon.fr/Dont-Make-Me-Think-Usability/dp/0321344758/ref=pd_bxgy_eb_img_y

  http://www.sensible.com/dmmt.html

• Rocket Surgery Made Easy, The Do-it Yourself Guide to Finding and Fixing Usability Problems, Steve Krug, http://www.sensible.com/rsme.html, http://www.amazon.com/Rocket-Surgery-Made-Easy-Yourself/dp/0321657292

in French:

• Ergonomie web illustrée, Amelie Boucher, Eyrolles, http://www.eyrolles.com/Informatique/Livre/ergonomie-web-illustree-9782212126952
• Ergonomie web, Amelie Boucher, Eyrolles, http://www.eyrolles.com/Informatique/Livre/ergonomie-web-9782212124798