1. Best practice
WK’08 - 21/09
http://internetformidling.dk/webkom/

2. hvad skal vi gøre imens?
vi skal kortlægge best practice vha. http://
webstyleguide.com
til næste gang:
10 minutters oplæg om centrale pointer og begreber
i det tildelte kapitel
minimum to eksempler som illustration: et positivt og
et negativt
læs de andre kapitler i web style guiden

3. næste gang: interfacet
Bertelsen, O. W. & Pold, S. (2004). Criticism as an Approach to Interface Aesthetics. In
Proceedings of NordiCHI 2004. http://portal.acm.org/citation.cfm?id=1028018
William W. Gaver: “Oh What a Tangled Web We Weave: Metaphor and Mapping in
Graphical Interfaces”. http://delivery.acm.org/10.1145/230000/223669/p270-
gaver.pdf?
key1=223669&key2=7385434401&coll=ACM&dl=ACM&CFID=7441094&CFTOKEN=4
0540631
Manovich, Lev: “The Language of Cultural Interfaces” in The Language of New Media,
Massachusetts Institute of Technology, pp. 69-93. Findes som manusversion, på
Google Books eller biblioteket http://books.google.com/books?
id=7m1GhPKuN3cC&printsec=frontcover&dq=manovich&lr=&ei=EcTKSOC3EpXIigGFy
eiADA&sig=ACfU3U0-vcWQShMPel8cbxbms5s1rH9EMA#PPT59,M1 Manus: http://
manovich.net/LNM/Manovich.pdf (side 75-115)
P Barr, R Biddle, J Noble. A taxonomy of user interface metaphors. Proceedings of
SIGCHI-NZ Symposium On Computer-Human Interaction, 2002 - mcs.vuw.ac.nz.
http://www.mcs.vuw.ac.nz/~chikken/research/papers/chinz2002/barr_chinz2002.pdf
¡

4. i dag

5. www’s udvikling
Ida Engholm: quot;Webgenrer og -stilarterquot;, in Digitale
Verdener, p. 57-77
Ida Engholm: ”Digital style history: the development of
graphic design on the Internet.”
Tre generationer
To forskellige ideologier

6. Anden generation
”Second-generation web design has a similar linear
structure, but with a stronger focus on aesthetic aspects
through a greater number of images and icons and a
stronger orientation towards graphic features.”
- Ida
Engholm
http://web.archive.org/web/19961031080740/http://www.carlsberg.dk/
http://web.archive.org/web/19980118065549/http://www.au.dk/
6

9. Engholm
for brugeren
redskab
mediedesign
vindue [windows and mirrors [Bolter]]

10. Engholm
multimedial
hypertekstuel
interaktiv [ergodisk, psykologisk, sociologisk?]

11. Engholm:

12. The Elements of User Experience Jesse James Garrett
jjg@jjg.net
A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000
but the development of increasingly sophisticated front- and back-end technologies has
fostered its use as a remote software interface. This dual nature has led to much confusion,
as user experience practitioners have attempted to adapt their terminology to cases beyond
the scope of its original application. The goal of this document is to define some of these
terms within their appropriate contexts, and to clarify the underlying relationships among
these various elements.
Web as software interface Concrete Completion Web as hypertext system
Visual Design: visual treatment of text,
Visual Design: graphic treatment of interface
elements (the quot;lookquot; in quot;look-and-feelquot;) Visual Design graphic page elements and navigational
components
Interface Design: as in traditional HCI: Navigation Design: design of interface
design of interface elements to facilitate elements to facilitate the user's movement
user interaction with functionality
Interface Design Navigation Design through the information architecture
Information Design: in the Tuftean sense:
designing the presentation of information Information Design Information Design: in the Tuftean sense:
designing the presentation of information
to facilitate understanding to facilitate understanding
Interaction Design: development of Interaction Information Information Architecture: structural design
time
application flows to facilitate user tasks,
defining how the user interacts with
Design Architecture of the information space to facilitate
intuitive access to content
site functionality
Functional Specifications: quot;feature setquot;:
detailed descriptions of functionality the site
Functional Content Content Requirements: definition of
content elements required in the site
must include in order to meet user needs Specifications Requirements in order to meet user needs
User Needs: externally derived goals User Needs: externally derived goals
for the site; identified through user research,
ethno/techno/psychographics, etc. User Needs for the site; identified through user research,
ethno/techno/psychographics, etc.
Site Objectives: business, creative, or other
internally derived goals for the site Site Objectives Site Objectives: business, creative, or other
internally derived goals for the site
task-oriented Abstract Conception information-oriented
This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)
that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a
user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
© 2000 Jesse James Garrett http://www.jjg.net/ia/

13. To forskellige ideologier
13

14. To forskellige ideologier
Usability:Jakob Nielsen
Nedtone brugen af
grafik
Fokus på indhold og
funktion
http://
www.useit.com/
13

15. To forskellige ideologier
Usability:Jakob Nielsen
Nedtone brugen af
grafik
Fokus på indhold og
funktion
http://
www.useit.com/
13

16. To forskellige ideologier
Usability:Jakob Nielsen
Nedtone brugen af
grafik
Fokus på indhold og
funktion
http://
www.useit.com/
13

17. To forskellige ideologier
Usability:Jakob Nielsen Design: David Siegel
Nedtone brugen af Det grafisk-æstetiske
grafik
Det følelsesmæssige
Fokus på indhold og
Underholdning
funktion
http://
http://
www.killersites.com/
www.useit.com/
killerSites/core.html
13

22. Engholm: To genrer
Designmentor-genren og funktionalisme
Brandinggenren, postmodernisme og trash
Normbevarelse vs. differentiering
Engholm, Ida: “Webgenrer og -stilarter”, in Digitale
verdener, p. 57-77

23. Branding
http://www.lab404.com/poe/
http://www.agentprovocateur.com/experience.html
http://unlimited.orange.co.uk/flash/go