Web design links

This article or section is a stub. It does not yet contain enough information to be considered a real article. In other words, it is a short or insufficient piece of information and requires additions.

Draft

This page is horribly outdated. - Fixing it a bit right now over the next two days - Daniel K. Schneider 14:41, 22 October 2011 (CEST).

## Contents

* 1 Introduction
* 1.1 The process
* 1.2 Style recommendations (without visual design)
* 1.3 Visual design recommendations
* 2 Web design links
* 2.1 The general process / design methods
* 2.2 Style in the light of usability
* 2.3 Graphics oriented design
* 3 Technical and specialized issues
* 4 Various
* 4.1 Evaluation
* 5 Links
* 5.1 Web Design Links, Portals & Zines
* 5.2 Programming
* 5.3 Design of documentation
* 5.4 Examples
* 6 Bibliography
* 6.1 Journals
* 6.2 Bibliographies
* 6.3 Academic

## Introduction[edit | edit source]

Right now, this is a quick and dirty (!!) page with pointers about WWW design and style. Entries should have real contents useful to web designers.

See also:

* Interaction design, user experience and usability, Design and usability methods and techniques and related articles in the
* Articles on general and other subjects-related design methodologies

Things to do \- Daniel K. Schneider 17:27, 1 September 2008 (UTC)

* Move the french pointers to the french wiki
* Check links and kill a few useless ones
* Comment the better links
* Reorganize (!)
* Add a few definitions

See also many entries in the categories web technologies, web technology tutorials, usability and Ergonomics and human-computer interaction

### The process[edit | edit source]

### Style recommendations (without visual design)[edit | edit source]

### Visual design recommendations[edit | edit source]

## Web design links[edit | edit source]

### The general process / design methods[edit | edit source]

This selection of various resources should particular address web design.

* Web Style Guide, 3rd edition by Patrick J. Lynch and Sarah Horon. This is a popular free onlinebook. It covers the whole design process (including interface design, site structure, page structure, page design, etc.). Excellent book for beginners who aim to start creating web sites. A very early (popular in the nineties) version of this book was called the "Yale Style Guide".

* A Design Method List Apart article by Ross Olson, July 2000.

* Beyond User-Centered Design and User Experience: Designing for User Performance by Larry Constantine, 2005. Argues that "model-driven approaches based on fine-grained task models have a proven record of leading to dramatic improvements in user performance through innovative designs."

* Activity Modeling: Toward a Pragmatic Integration of Activity Theory with Usage-Centered Design by Larry Constantine, 2006. Activity theory and usage-centered design are outlined and the connections between the two are highlighted. Simple extensions to the models of usage-centered design are introduced.

* John December's Web Development (John Decembmer has built the first widely used Web Portal about Web Design in 1992).

* Philip and Alex's Guide to Web Publishing by Philip Greenspun (M.I.T). This free online book covers two broad categories of Web sites. The first is Web Publishing, i.e. vaguely magazine-like. The second broad category is Web-based Application. A nice complement for developers is Software Engineering for Internet Applications

* Web Redesign 2.0 by K. Goto and E.Cotler. The site is a companion site for a book. The online materials include some interesting check lists.

* Web design, Wikipedia

### Style in the light of usability[edit | edit source]

As we pointed out in the introduction, you also may have a look at our resources on . Pointers below rather point to simple technical recipees of what to do and not to do in a web design. Other's can be rather found in the usability literature, e.g. Nielson's well known Top 10 Mistakes in Web Design

* Universal Usability, a free online book by Sarah Horton doesn't only cover usability. Web site design is understood as a combination of function, interface, and content and covers issues like document structure, text, images, data tables, page layout, etc.

* Style Guide for online hypertext. This document was written by Tim Berners-Lee in the early days (1992). Still an interesting read. In particular, it includes a few basic "dos" and "don'ts".

* WDG's Design Elements. The Web Design Group is organization that fights for stable standards. (last update: 2007, as of oct 2011). Its Style guide for online hypertext is based on the W3C (Berners-Lee guide) above.

* Cool URIs don't change by TBL/W3C. Argues that URL's should remain stable. {quotation|URIs don't change: people change them.}}

* Art and the Zen of web sites Tony Karp / TLC (last modified december 2002). Quite similar to the W3C and recommendations.

* HTML Hell Page (probably written in the late nineties). Written by Eric Raymond, a well-known open source advocate and contributor.

* 99.9% of Websites Are Obsolete by Jeffrey Zeldman, 2002

### Graphics oriented design[edit | edit source]

* 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
* 30 Must See Web Generator for Lazy Webmasters (Includes a list of online tools to generates various web page elements)

## Technical and specialized issues[edit | edit source]

See also:

* CSS tutorial
* Computer colors tutorial
* Font readability

* The Anatomy of an Icon. Short technical "how to" article.
* Architectural Principles of the World Wide Web, W3C Recommendation 15 December 2004 (a different suject, but HTML producers ought to know this)

## Various[edit | edit source]

* "People, Communities, and Service: Shaping the Future of the Internet" (1999), a Brenda Laurel Talk (some design principles for government services online)

* Conference Presentation Judo (how to give conferences by M.J. Dominus)
* Here is very nice parody of Nielson's site

### Evaluation[edit | edit source]

General quality

* Checklist for Evaluating Web Resources A short list made for judging the quality of a web page. (USM, retrieved oct. 2011).
* Five criteria for evaluating Web pages (Cornell, retr. oct. 2011 based on Kapoun, Jim. "Teaching undergrads WEB evaluation: A guide for library instruction." C&RL News (July/August 1998): 522-523.
* Evaluate Web Pages (Widener Univ., retr. oct. 2011).

## Links[edit | edit source]

Links either point to indexes or larger web sites that we didn't mention above. The selection is very poor. For now I just killed the dead links (most of what I had) - Daniel K. Schneider 14:13, 23 October 2011 (CEST).

See also (and always) the links in the Interaction design, user experience and usability (includes essential introductory resources), usability, web usability and User interaction and user interface design articles.

### Web Design Links, Portals & Zines[edit | edit source]

* Zeldman (Web designer related to [A List A Part
* Links at The Web Design Group
* Design Pages by Bruce 'Tog' Tognazzini at AskTog, a list with good unsorted pointers
* Whuzzup by Eric Brooks
* Standards: Designing For the Future by Ian Lloyd

### Programming[edit | edit source]

* Java Look and Feel Design Guidelines
* Extreme Programming vs. Interaction Design

### Design of documentation[edit | edit source]

* sigDOC / ACM

### Examples[edit | edit source]

* Suck.com

* WebMutant's Design Paper

* 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) *

## Bibliography[edit | edit source]

### Journals[edit | edit source]

* DesignIssues The MIT Press Journal's site (a few on-line articles)

### Bibliographies[edit | edit source]

* 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

### Academic[edit | edit source]

* Michael Bauerly and Yili Liu (2011). Effects of Symmetry and Number of Compositional Elements on Interface and Design Aesthetics, International Journal of Human-Computer Interaction, DOI: 10.1080/10447310801920508
* Bi, L., Fan, X., Zhang, G., Liu, Y., and Chen, Z. 2009. Effects of symmetry and number of compositional elements on Chinese users' aesthetic ratings of interfaces. International Journal of Human-Computer Interaction, accepted for publication. PDF
* Engelbart, Douglas C. (1992). [Augmenting Human Intellect: A Conceptual Framework], Read for some vision what we could use modern technology for. See also: other publications and projects).
* Wolf, T.V., Rode, J.A., Sussman, J., and Kellogg, W.A. 2006. "Dispelling design as the "Black Art" of CHI," Proceedings of CH, 2006 Conference (Montreal, Quebec, Canada, 22-27 April). PDF