Web design links
Jump to navigation
Jump to search
To do - Daniel K. Schneider 17:24, 1 September 2008 (UTC)
- Move the french pointers to the french wiki
- Check links
Definition
This is a page with a few pointers about WWW design and style.
See also:
Building Web Sites / Web Design
Here is a selection of various sites.
- Conception, suivi et animation d'un site web associatif par Eve Demazière
- Jakob Nielsen's Website
- Usable Web: Guide to Web usability resources (Good index !)
- Taming Web Development Short article by Lucy Lockwood and Larry Constantine (user centered Design Gurus)
- A Design Method List Apart article by Ross Olson
- WebMutant's Design Paper
- Ask Dr. Web (Zeldman)
- forUse (Constantine & Lockwook). " .... about software and Web usability, user interface design, user role models, use cases and task modeling, content and navigation models, user interface architecture, and usability inspections."
- John December's Web Development (John has built the first widely used Web Portal in 1992)
- Art and the Zen of web sites Tony Karp / TLC
- Glassdog's Intro to Webdesign (Lance Arthur)
- Cool URIs don't change by TBL
- Philip and Alex's Guide to Web Publishing
- Web Redesign support site (some downloads) for the K. Goto's and E.Cotler's book
- Rapid Navigation in Online Documents Several good texts by Michael Hoffman on "Design of documents and viewers to support structured hypertext and easy skimming"
- Nathan Shedroff's papers and presentations ( Quote: ".... to understand the mechanics of communication on a deeper level. The components of expressing and communicating in several media as well as the elements of creating rewarding experiences are important for me to master--no matter what medium."
HTML Pages Design (mostly)
- Yale Style Manual
- SUN's Style Guide
- TBLs Style Guide for online hypertext
- WDG's Design Elements
- Eric Raymond's nice HTML Hell Page
- WebWonk Siegel's 1997 tips (still ok)
- Acessible Web Design
- CIWAS FAQ (comp.infosystems.www.authoring.stylesheets )
- 99.9% of Websites Are Obsolete by Jeffrey Zeldman, 2002
- Architectural Principles of the World Wide Web (a different suject, but HTML producers ought to know this)
Making icons
- The Anatomy of an Icon. Short technical "how to" article.
Graphics oriented design
- lynda.com, Lynda Weinmann's web master site includes design-oriented articles.
- Web Page Design for Designers
- Graphics at webrefence.com
- PraystationState of the Art Designed Site
- Monitoring Order: Visual desire, the Organization of web pages, and teaching rules of Design article by Anne F. Wysocki.
- whether a 2D or a 3D interface is better on-line Tutorial by Greg Trafton
- Kaliber10000 (The Designer's Lunchbox). CPU & bandwidth hugging
Various
- "People, Communities, and Service: Shaping the Future of the Internet" a Brenda Laurel Talk (some design principles for government services online)
- AUGMENTING HUMAN INTELLECT: A Conceptual Framework, D. Engelbart's 1962 text, read for some vision what we could use modern technology for .... see what he is doing today boostrap.org
- [http://thot.cursus.edu/rubrique.asp?no=5978 Comment citer un document �lectronique dans une bibliographie] (how to cite electronic source, english version needed too)
- MUST, Site of a danish Method for Participatory Design, includes a good short description.
- Understanding Interactivity A few online chapters from a book by Chris Crawford
- Persuasion and Web Survial A Webreference Newslettre feature
- On a related note: Technical Writing at Suite101
- So You Want to Write a Book (O'Reilly)
- Conference Presentation Judo (how to give conferences by M.J. Dominus)
Fun
- Here is very nice parody of Nielson's site
Journals
- DesignIssues The MIT Press Journal's site (a few on-line articles)
Printed Books
- INDEX: Jakob Nielsen has a list of recommended books including his own Designing Web Usability: The Practice of Simplicity (recommended)
- INDEX: Bruce Tognazzini also has a nice list of more general Design Books
Legibility of text
Serif fonts, all things being equal, are easier to read (except on a computer screen)
- Type Legibility and Readability Good reading, in particular for people also write for paper :)
- Fonts FAQ, old but still very useful, e.g. part 3 and its Rules of Thumb section.
Web Design Links, Portals & Zines
Also, dig in above's links, most major WebDesign resources have a link page !!
- Links at The Web Design Group
- Design Pages by Bruce 'Tog' Tognazzini at AskTog, a list with good unsorted pointers
- Usability 1st Usability Portal (including groupware)
- Susan Carter's links a Web Designer who works for small businesses
- Whuzzup by Eric Brooks
- Usability at webreference.com
- [www.designshops.com designshops.com] A directory of Web design firms, news, tutorials, etc..
- Web Accessibility Initiative (a W3C group)
- WebWord Usability Weblog
- Interface Mafia
General Design
- European Usability Support Centres has free resources on-line (including papers and guidelines on design)
- The Design Management Institute has a few good links to general design
- Don Norman's Website
- Interaction Architect.com
- Participatory Design page at Computer Professionals for Social Responsibility
- HCI Bibliography
- Bad Human Factors Design
- Oxford Good Design Guide
- Standards: Designing For the Future by Ian Lloyd
- User Friendly, the Comic Strip (humour)
Programming
Documentation
Examples
- One True Fit - standards design by Ryan Carver, paper will attempt to give an overview how he built Lee Jeans - One True Fit. (2003)
- On-line Zines are always a good source of inspiration. jwz's bookmarks point to a number of them (dig a bit)
- Some Players in design world: Organic * e8z (A Harvey) *
Evaluation
- Guide de concption pédagogique et graphique d'un site éducatif sur le réseau Internet (Univ. of Laval guide)
- Evaluating Web Resources (good teaching materials, ok for self-learning too). See also J.E. Alexander's and M.A. Tate's Web Wisdom book.
- évaluation d'un site Web (une petite liste)
- The CyberMetricssite has a lot of good links to quantitative methods (a lot on the quality of search tools)