Web design links: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
m (Text replacement - "<pageby nominor="false" comments="false"/>" to "<!-- <pageby nominor="false" comments="false"/> -->")
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Stub}}
{{Stub}}
<pageby nominor="false" comments="false"/>
<!-- <pageby nominor="false" comments="false"/> -->


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


== Introduction ==  
== Introduction ==  
Line 10: Line 10:
See also:
See also:
* [[Interaction design, user experience and usability]], [[Design and usability methods and techniques]] and related articles in the [[Category:Interaction design, user experience and usability|category Interaction design, user experience and usability]]
* [[Interaction design, user experience and usability]], [[Design and usability methods and techniques]] and related articles in the [[Category:Interaction design, user experience and usability|category Interaction design, user experience and usability]]
* Articles on general and other subjects-related [[:Category:Design methodologies|design methodologies]]


'''Things to do''' - [[User:Daniel K. Schneider|Daniel K. Schneider]] 17:27, 1 September 2008 (UTC)
'''Things to do''' - [[User:Daniel K. Schneider|Daniel K. Schneider]] 17:27, 1 September 2008 (UTC)
Line 90: Line 91:
* [http://www.tauzero.com/Brenda_Laurel/Recent_Talks/PeopleCommunitiesService.html "People, Communities, and Service: Shaping the Future of the Internet"] (1999), a Brenda Laurel Talk (some design principles for government services online)
* [http://www.tauzero.com/Brenda_Laurel/Recent_Talks/PeopleCommunitiesService.html "People, Communities, and Service: Shaping the Future of the Internet"] (1999), a Brenda Laurel Talk (some design principles for government services online)


* [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)
* [http://www.must.ruc.dk/ MUST], Site of a danish Method for Participatory Design, includes a good short description.
* [http://www.erasmatazz.com/book.html Understanding Interactivity] A few online chapters from a book by Chris Crawford
* [http://www.webreference.com/new/010122.html#feature Persuasion and Web Survial] A Webreference Newslettre feature
* On a related note: [http://www.suite101.com/welcome.cfm/8567 Technical Writing] at Suite101
* [http://www.oreilly.com/oreilly/author/index.html So You Want to Write a Book] (O'Reilly)
* [http://www.op.net/~mjd/judo/presentation/ Conference Presentation Judo] (how to give conferences by M.J. Dominus)
* [http://www.op.net/~mjd/judo/presentation/ Conference Presentation Judo] (how to give conferences by M.J. Dominus)
* Here is very nice [http://www.vestige.org/ parody of Nielson's site]
* Here is very nice [http://www.vestige.org/ parody of Nielson's site]
Line 101: Line 96:
=== Evaluation ===
=== Evaluation ===


* [http://www.aptic.ulaval.ca/GUIDEW3EDUCATIF/ Guide de concption pédagogique et graphique d'un site éducatif sur le réseau Internet] (Univ. of Laval guide)
; General quality
* [http://www2.widener.edu/Wolfgram-Memorial-Library/webeval.htm Evaluating Web Resources] (good teaching materials, ok for self-learning too). See also J.E. Alexander's and M.A. Tate's [http://www.erlbaum.com/html/2066.htm Web Wisdom] book.
 
* [http://www.qbc.clic.net/~mephisto/evaluation.html évaluation d'un site Web] (une petite liste)
* [http://library.usm.maine.edu/research/researchguides/webeval.php Checklist for Evaluating Web Resources] A short list made for judging the quality of a web page. (USM, retrieved oct. 2011).
* The [http://www.cindoc.csic.es/cybermetrics/ CyberMetrics]site has a lot of good links to quantitative methods (a lot on the quality of search tools)
* [http://olinuris.library.cornell.edu/ref/research/webcrit.html 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.
* [http://www.widener.edu/libraries/wolfgram/evaluate Evaluate Web Pages] (Widener Univ., retr. oct. 2011).


== Links ==
== Links ==


Links either point to indexes or larger web sites that we didn't mention above.
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) - [[User:Daniel K. Schneider|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 &amp; Zines ===
=== Web Design Links, Portals &amp; Zines ===
Also, dig in above's links, most major WebDesign resources have a link page !!


* [http://www.zeldman.com/ Zeldman] (Web designer related to [[http://www.alistapart.com/ A List A Part]
* [http://www.zeldman.com/ Zeldman] (Web designer related to [[http://www.alistapart.com/ A List A Part]
* [http://www.htmlhelp.com/links/ Links at The Web Design Group]
* [http://www.htmlhelp.com/links/ Links at The Web Design Group]
* [http://www.asktog.com/menus/designMenu.html Design Pages] by Bruce 'Tog' Tognazzini at AskTog, a list with good unsorted pointers
* [http://www.asktog.com/menus/designMenu.html Design Pages] by Bruce 'Tog' Tognazzini at AskTog, a list with good unsorted pointers
* [http://www.usabilityfirst.com/ Usability 1st] Usability Portal (including groupware)
* [http://www.inforamp.net/~suzanne/index/links.htm Susan Carter's links] a Web Designer who works for [http://www.zerocattle.com/ small businesses]
* [http://www.ericbrooks.com/whuzzup/ Whuzzup] by Eric Brooks
* [http://www.ericbrooks.com/whuzzup/ Whuzzup] by Eric Brooks
* [http://www.webreference.com/authoring/design/usability.html Usability at webreference.com]
* [http://www.designshops.com designshops.com] A directory of Web design firms, news, tutorials, etc..
* [http://www.w3.org/WAI/ Web Accessibility Initiative] (a W3C group)
* [http://www.webword.com/ WebWord Usability Weblog]
* [http://www.interfacemafia.org/ Interface Mafia]
=== General Design ===
See also: [[usability]], [[web usability]], [[human-computer interaction]], etc.
* [http://www.lboro.ac.uk/research/husat/eusc/ European Usability Support Centres] has free resources on-line (including papers and guidelines on design)
* [http://www.dmi.org/ The Design Management Institute] has a few good links to general design
* [http://www.jnd.org/ Don Norman's Website]
* [http://www.interactionarchitect.com/ Interaction Architect.com]
* [http://www.cpsr.org/program/workplace/PD.html Participatory Design page] at Computer Professionals for Social Responsibility
* [http://www.hcibib.org/ HCI Bibliography]
* [http://www.baddesigns.com/ Bad Human Factors Design]
* [http://www.oucs.ox.ac.uk/courseware/webdesign/ Oxford Good Design Guide]
* [http://www.mezzoblue.com/cgi-bin/mt/mezzo/archives/000238.asp Standards: Designing For the Future] by Ian Lloyd
* [http://www.mezzoblue.com/cgi-bin/mt/mezzo/archives/000238.asp Standards: Designing For the Future] by Ian Lloyd
* [http://www.userfriendly.org/ User Friendly, the Comic Strip] (humour)


=== Programming ===
=== Programming ===
Line 159: Line 134:
* On-line Zines are always a good source of inspiration. [http://www.jwz.org/bookmarks.html jwz's] bookmarks point to a number of them (dig a bit)
* On-line Zines are always a good source of inspiration. [http://www.jwz.org/bookmarks.html jwz's] bookmarks point to a number of them (dig a bit)
* Some Players in design world: [http://www.organic.com/home.html Organic] * [http://www.entropy8zuper.org/ e8z] (A Harvey) *
* Some Players in design world: [http://www.organic.com/home.html Organic] * [http://www.entropy8zuper.org/ e8z] (A Harvey) *


== Bibliography ==
== Bibliography ==
Line 167: Line 141:
* [http://mitpress.mit.edu/journal-home.tcl?issn=07479360 DesignIssues] The MIT Press Journal's site (a few on-line articles)
* [http://mitpress.mit.edu/journal-home.tcl?issn=07479360 DesignIssues] The MIT Press Journal's site (a few on-line articles)


=== Bibliographies
=== Bibliographies ===


* INDEX: Jakob Nielsen has a [http://www.useit.com/books/ list of recommended books] including his own Designing Web Usability: The Practice of Simplicity (recommended)
* INDEX: Jakob Nielsen has a [http://www.useit.com/books/ list of recommended books] including his own Designing Web Usability: The Practice of Simplicity (recommended)
* INDEX: Bruce Tognazzini also has a nice [http://www.asktog.com/books/booksDesign.html list of more general Design] Books
* INDEX: Bruce Tognazzini also has a nice [http://www.asktog.com/books/booksDesign.html list of more general Design] Books


== Bibliography ==
=== Academic ===


* 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, [http://dx.doi.org/10.1080/10447310801920508 DOI: 10.1080/10447310801920508]
* 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, [http://dx.doi.org/10.1080/10447310801920508 DOI: 10.1080/10447310801920508]

Latest revision as of 17:58, 22 August 2016

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

Introduction

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:

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

Style recommendations (without visual design)

Visual design recommendations

Web design links

The general process / design methods

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".
  • John December's Web Development (John Decembmer has built the first widely used Web Portal about Web Design in 1992).
  • 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.

Style in the light of usability

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".
  • Cool URIs don't change by TBL/W3C. Argues that URL's should remain stable. {quotation|URIs don't change: people change them.}}
  • HTML Hell Page (probably written in the late nineties). Written by Eric Raymond, a well-known open source advocate and contributor.

Graphics oriented design

Technical and specialized issues

See also:

Various

Evaluation

General quality

Links

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

Programming

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

Bibliography

Journals

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

Bibliographies

Academic

  • 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