Revision history for HandlistOfWebDesign


Revision [7766]

Last edited on 2011-09-07 07:43:23 by MorganAdmin
Additions:
usability - consider
Deletions:
=== usability - consider ===


Revision [7765]

Edited on 2011-09-07 07:43:07 by MorganAdmin
Additions:
=== usability - consider ===
Deletions:
usability - consider


Revision [7764]

Edited on 2011-09-07 07:42:48 by MorganAdmin
Additions:
usability - consider
Deletions:
=== usability - consider ===


Revision [7763]

Edited on 2011-09-07 07:42:16 by MorganAdmin
Deletions:
- ...


Revision [7762]

Edited on 2011-09-07 07:40:48 by MorganAdmin
Deletions:
-


Revision [7761]

Edited on 2011-09-07 07:40:33 by MorganAdmin
Additions:
- deep / shallow
- Is the site structured in separate sections or categories? How are those sections indicated?
- Is the site structured as separate sub-sites? How are those sub-sites indicated?
- location
- alphabetical
- temporal
- categorical
- hierarchical
- topical
- task-oriented
- audience-specific
-
- sequences
- hierarchies
- webs
- personal / professional
- entertainment
- magazine
- e-commerce
- teaching
- training
- reference
Deletions:
* deep / shallow
* Is the site structured in separate sections or categories? How are those sections indicated?
* Is the site structured as separate sub-sites? How are those sub-sites indicated?
* location
* alphabetical
* temporal
* categorical
* hierarchical
* topical
* task-oriented
* audience-specific
* sequences
* hierarchies
* webs
* personal / professional
* entertainment
* magazine
* news
* e-commerce
* teaching
* training
* reference
* ...


Revision [7760]

Edited on 2011-09-07 07:37:06 by MorganAdmin
Additions:
- contrast
- balance
- arrangement
- repetition
- visual direction
- How is color used in the page? And across the site? To do what?
- What characterizes the colors used on the site?
- monochromatic
- analogous: colors next to each other on the color wheel
- complementary: one main color and its compliment
- split complementary: one main color, plus colors to left and right of the main color's compliment
- double contrast: colors to left and right of a main color and left and right of the compliment
- identification
- decoration
- illustration of written content
- supplement to written content
- line length
- line spacing
- contrast of text color to background color
- font
- Look at how a continuous text is broken up
- on the page
- across pages
- how paragraphs and sections are indicated
- how headings and subheadings are used
- how bullet lists and numbered lists are used
- consider the terms and phrases used
- stated and actual purpose: what kind of text is this? Promotional? Personal? Informational?
- what kind of text does it claim to be?
- length and kind of sentences Refer to the BasicSentencePatterns
- length of paragraphs
- usage and diction
- use of IM devices, alternative spellings, and so on
- use of color and other devices for emphasis
- appearance of text: standard font? block quotes? rhetorical use of bullets, heads and subheads
- business
- too cool by half: Wired / Slate
- rant
- marketing / promotional
- editorial
- news
- informational
- scholarly
- informal
- marketing posing as information (infomercial)
- ...
- serious, cold, distant, close ...
- watch for use of irony, wit, sarcasm
- when are in-text links used: on what pages and to what rhetorical ends?
- what's the relation between the link text and the link target?
- how would you characterize the link text?
- where do the links tend to lead: in site or external?
- legibility
- how text is chunked
- appropriate use of heads, subheads, lists to facilitate use
- appropriate placement of links
- appropriate phrasing of link text
- use of screen space
- degree of control by user
- use of color to facilitate use
- use of page design to facilitate use
- ...
Deletions:
* emphasis
* contrast
* balance
* arrangement
* repetition
* visual direction
* How is color used in the page? And across the site? To do what?
* What characterizes the colors used on the site?
* monochromatic
* analogous: colors next to each other on the color wheel
* complementary: one main color and its compliment
* split complementary: one main color, plus colors to left and right of the main color's compliment
* double contrast: colors to left and right of a main color and left and right of the compliment
* identification
* decoration
* navigation
* illustration of written content
- supplement written content
* line length
* line spacing
* contrast of text color to background color
* font
* Look at how a continuous text is broken up
** on the page
** across pages
* how paragraphs and sections are indicated
* how headings and subheadings are used
* how bullet lists and numbered lists are used
* consider the terms and phrases used.
* stated and actual purpose: what kind of text is this? Promotional? Personal? Informational?
* what kind of text does it claim to be?
* length and kind of sentences Refer to the BasicSentencePatterns
* length of paragraphs
* usage and diction
* use of IM devices, alternative spellings, and so on
* use of color and other devices for emphasis
* appearance of text: standard font? block quotes? rhetorical use of bullets, heads and subheads
* business
* too cool by half: Wired / Slate
* rant
* marketing / promotional
* editorial
* informational
* scholarly
* informal
* marketing posing as information (infomercial)
* serious, cold, distant, close ...
* watch for use of irony, wit, sarcasm
* when are in-text links used: on what pages and to what rhetorical ends?
* what's the relation between the link text and the link target?
* how would you characterize the link text?
* where do the links tend to lead: in site or external?
* legibility
* how text is chunked
* appropriate use of heads, subheads, lists to facilitate use
* appropriate placement of links
* appropriate phrasing of link text
* use of screen space
* degree of control by user
* use of color to facilitate use
* use of page design to facilitate use


Revision [6897]

Edited on 2011-01-13 05:53:43 by MorganAdmin
Additions:
- by purpose: multipurpose [home] > navigation [pathway] > destination [information] (Redish)


Revision [6896]

Edited on 2011-01-13 05:50:58 by MorganAdmin
Additions:
=== types of sites / genres (Lynch) ===
Deletions:
=== types of sites / site themes (Lynch) ===


Revision [6895]

Edited on 2011-01-13 05:50:37 by MorganAdmin
Additions:
from Wurman, Sume, and Leifer: LATCH. Also called 5 Hat racks
Deletions:
from Wurman, Sume, and Leifer: LATCH. Also called 5 Hatracks


Revision [6894]

Edited on 2011-01-13 05:48:56 by MorganAdmin
Additions:
==== navigation ====
=== kinds ===
=== navigation devices ===
=== navigational nomenclature: the terms used to lable global and local navigation ===
==== text layout linking motifs ====
==== site entry points and paths ====
==== Visual design ====
=== basic visual design terms ===
=== color in design ===
=== color schemes / palettes ===
==== images ====
* illustration of written content
- exposition of written content
- supplement written content
==== Text and Image ===
- placement on page with respect to the text
- What's the relationship of image to text? to illustrate? supplement? illuminate text?
==== Text ====
=== legibility ===
- size
=== chunking ===
===nomenclature of heading and subheadings ===
==== Quick and Dirty Rhetorical Analysis ====
===characterize the text in general by looking at ===
Deletions:
=== navigation ===
== kinds ==
== navigation devices ==
== navigational nomenclature: the terms used to lable global and local navigation ==
=== text layout linking motifs ===
=== site entry points and paths ===
=== Visual design ===
== basic visual design terms ==
== color in design ==
== color schemes / palettes ==
== images ==
* illustration of content
== Placement on page with respect to the text ==
* What's the relationship of image to text? to illustrate? supplement? illuminate text?
=== Text ===
== legibility ==
== chunking ==
== nomenclature of heading and subheadings ==
== characterize the text in general by looking at ==


Revision [6893]

Edited on 2011-01-13 05:44:10 by MorganAdmin
Additions:
=== organizational schemes ===
from Wurman, Sume, and Leifer: LATCH. Also called 5 Hatracks
- salience
- visual hierarchy
Deletions:
=== organizational schemes of sites ===
from Wurman, Sume, and Leifer: LATCH


Revision [4852]

Edited on 2009-08-25 05:04:52 by MorganAdmin
Additions:
== characterize the text in general by looking at ==
* what kind of text does it claim to be?
* appearance of text: standard font? block quotes? rhetorical use of bullets, heads and subheads
Deletions:
== characterize the text in general by looking at - ==
** what kind of text does it claim to be?
* appearance of text: standard font? block quotes? rhetorical use of bullets, heads and subheads


Revision [4851]

Edited on 2009-08-25 05:02:10 by MorganAdmin
Additions:
- top / bottom nav bar or panel
- zones
Deletions:
- top / bottom nav bar


Revision [4850]

Edited on 2009-08-25 04:55:46 by MorganAdmin
Additions:
- text
- buttons
- drop down menus
- fly out menus
- breadcrumbs
- rollovers
- image map
- search
- page sequence (prev - next)
- multi-level navigation
- scope notes, annotations, glosses
- navigation column
- navigation banner
== navigational nomenclature: the terms used to lable global and local navigation ==
- Are they common or unusual? What domain do they define?
- What are the categories ?
- What's left out?
- How do they serve usability?
- headline with lead or gloss leading to more...
- how many entry points on the first page
- how are they grouped?
- where do they lead to?
- what do they tend to do?
* What's the relationship of image to text? to illustrate? supplement? illuminate text?
Deletions:
* text
* buttons
* tabs
* drop down menus
* fly out menus
* breadcrumbs
* rollovers
* image links
* search
* page sequence (prev - next)
* multi-level navigation
* scope notes, annotations, glosses
* navigation column
* navigation banner
== navigational nomenclature: terms used in global and local navigation ==
* Are they common or unusual? What domain do they define?
* What are the categories ?
* What's left out?
* How do they serve usability?
* headline with lead or gloss leading to more...
* how many entry points on the first page
* how are they grouped?
* where do they lead to?
* what do they tend to do?
* Do images server to illustrate? supplement? illuminate text?


Revision [2260]

Edited on 2008-09-01 07:58:25 by MorganAdmin
Additions:
started aug, 2005. major rev oct 2005 rev Aug 2006 rev and additions Sept 2008
Deletions:
started aug, 2005. major rev oct 2005 rev Aug 2006


Revision [2259]

Edited on 2008-09-01 07:55:41 by MorganAdmin
Additions:
- global: stays the same over the entire site
- local: changes by section or page
- contextual: embedded in the text or as an addition to the text
- utility (search, add to cart, buy, print, email...)
Deletions:
* global: stays the same over the entire site
* local: changes by section or page
* contextual: embedded in the text or as an addition to the text
* utility (search, add to cart, buy, print, email...)


Revision [2258]

Edited on 2008-09-01 07:55:00 by MorganAdmin
Additions:
- home page (of site, of subsite). usually the page that appears as default in the directory
- menu home, news home, path-based
- navigation or index page (sets of links, annotated or not)
- content page (stories, reports, policies, etc)
- task-specific pages (forms, usually)
- splash page
- site map
- header
- footer
- body
- navigation
- side nav column
- top / bottom nav bar
- bottom bar
- page title (in the window title bar)
- page address (in the address field)
- banner ads
- sidebar ads
- google ads
- columns
- sidebars
- callouts
- page size
- flexible or frozen
- emphasis
- grouping
- consistency between pages
- differences between pages
- single column
- two column (nav - content)
- three column (nav - content - second column content / second column nav)
- inverted-L navigation
- top header nav
- side nav
- bottom navigation
- box shape
- hard bottom / soft bottom / Flash box
- classic header - content - footer
- left justified: border space on right
- centered: border space on left and right
- right justified: border space on left
- float: all space, no definable boarder or frame
- full browser window layout - flexible
Deletions:
* home page (of site, of subsite). usually the page that appears as default in the directory
** menu home, news home, path-based
* navigation or index page (sets of links, annotated or not)
* content page (stories, reports, policies, etc)
* task-specific pages (forms, usually)
* splash page
* site map
* header
* footer
* body
** side nav column
** top / bottom nav bar
* page title (in the window title bar)
* page address (in the address field)
* banner ads
* sidebar ads
* google ads
* columns
* sidebars
* callouts
* page size
* flexible or frozen
** emphasis
** grouping
** consistency between pages
** differences between pages
* single column
* two column (nav - content)
* three column (nav - content - second column content / second column nav)
* inverted-L navigation
* top header nav
* side nav
* box shape
** hard bottom / soft bottom / Flash box
* classic header - content - footer
* left justified: border space on right
* centered: border space on left and right
* right justified: border space on left
* float: all space, no definable boarder or frame
* full browser window layout - flexible


Revision [2257]

Edited on 2008-09-01 07:52:04 by MorganAdmin
Additions:
=== organizational schemes of sites ===
Deletions:
=== organizational schemes of sites ====


Revision [2256]

Edited on 2008-09-01 07:51:47 by MorganAdmin
Additions:
=====Handlist of the Rhetorical Features of Web Page and Site Design=====
=== url construction ===
=== site architecture ===
=== organizational schemes of sites ====
=== types of sites / site themes (Lynch) ===
=== pages ===
== kinds of pages: generic ==
== parts of page ==
== ads ==
== page design elements and arrangement ==
== Sketch the page to indicate what's placed where and to what effect ==
=== common page layouts ===
== general ==
== types of layouts ==
=== navigation ===
== kinds ==
== navigation devices ==
== navigational nomenclature: terms used in global and local navigation ==
=== text layout linking motifs ===
=== site entry points and paths ===
=== Visual design ===
== basic visual design terms ==
== color in design ==
== color schemes / palettes ==
== images ==
== Placement on page with respect to the text ==
=== Text ===
== legibility ==
== chunking ==
== nomenclature of heading and subheadings ==
== characterize the text in general by looking at - ==
== based on what you described above, characterize the prose style. For instance, ==
== characterize the rhetorical stance: the attitude of the prose towards reader and subject ==
== linktext ==
=== usability - consider ===
Deletions:
!! Handlist of the Rhetorical Features of Web Page and Site Design
!!! url construction
!!! site architecture
!!! organizational schemes of sites
!!! types of sites / site themes (Lynch)
!! pages
!!! kinds of pages: generic
!!! parts of page
!!!! ads
!!! page design elements and arrangement
Sketch the page to indicate what's placed where and to what effect
!!! common page layouts
!!!! general
!!! types of layouts
!! navigation
!!! kinds
!!! navigation devices
!!! navigational nomenclature: terms used in global and local navigation
!!! text layout linking motifs
!!! site entry points and paths
!! Visual design
!!! basic visual design terms
!!! color in design
!!! color schemes / palettes
!!! images
Placement on page with respect to the text
!! Text
!!! legibility
!!! chunking
!!! nomenclature of heading and subheadings
!!! characterize the text in general by looking at -
!!! based on what you described above, characterize the prose style. For instance,
!!! characterize the rhetorical stance: the attitude of the prose towards reader and subject
!!! linktext
!! usability - consider


Revision [77]

The oldest known version of this page was created on 2007-12-27 08:45:57 by MorganAdmin
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki