wk08 best practice
DESCRIPTION
TRANSCRIPT
Best practice WK’08 - 21/09
http://internetformidling.dk/webkom/
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
næste gang: interfacetBertelsen, 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=40540631
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=EcTKSOC3EpXIigGFyeiADA&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
¡
i dag
www’s udvikling
Ida Engholm: "Webgenrer og -stilarter", 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/
Engholm
for brugeren
redskab
mediedesign
vindue [windows and mirrors [Bolter]]
Engholm
multimedial
hypertekstuel
interaktiv [ergodisk, psykologisk, sociologisk?]
Engholm:
The Elements of User ExperienceA basic duality: The Web was originally conceived as a hypertextual information space;but the development of increasingly sophisticated front- and back-end technologies hasfostered 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 beyondthe scope of its original application. The goal of this document is to define some of theseterms within their appropriate contexts, and to clarify the underlying relationships amongthese various elements.
Jesse James [email protected]
Visual Design: graphic treatment of interfaceelements (the "look" in "look-and-feel")
Information Architecture: structural designof the information space to facilitateintuitive access to content
Interaction Design: development ofapplication flows to facilitate user tasks,defining how the user interacts withsite functionality
Navigation Design: design of interfaceelements to facilitate the user's movementthrough the information architectureInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding
Functional Specifications: "feature set":detailed descriptions of functionality the sitemust include in order to meet user needs
User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site
Content Requirements: definition ofcontent elements required in the sitein order to meet user needs
Interface Design: as in traditional HCI:design of interface elements to facilitateuser interaction with functionalityInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding
Web as software interface Web as hypertext system
Visual Design: visual treatment of text,graphic page elements and navigationalcomponents
Concrete
Abstract
time
Conception
Completion
FunctionalSpecifications
ContentRequirements
InteractionDesign
InformationArchitecture
Visual Design
Information DesignInterface Design Navigation Design
Site ObjectivesUser Needs
User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site
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 auser experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
task-oriented information-oriented
30 March 2000
© 2000 Jesse James Garrett http://www.jjg.net/ia/
13
To forskellige ideologier
13
To forskellige ideologierUsability:Jakob Nielsen
Nedtone brugen af grafik
Fokus på indhold og funktion
http://www.useit.com/
13
To forskellige ideologierUsability:Jakob Nielsen
Nedtone brugen af grafik
Fokus på indhold og funktion
http://www.useit.com/
13
To forskellige ideologierUsability:Jakob Nielsen
Nedtone brugen af grafik
Fokus på indhold og funktion
http://www.useit.com/
13
To forskellige ideologierUsability:Jakob Nielsen
Nedtone brugen af grafik
Fokus på indhold og funktion
http://www.useit.com/
Design: David Siegel
Det grafisk-æstetiske
Det følelsesmæssige
Underholdning
http://www.killersites.com/killerSites/core.html
Designmentor-genren og funktionalisme
Brandinggenren, postmodernisme og trash
Normbevarelse vs. differentiering
Engholm, Ida: “Webgenrer og -stilarter”, in Digitale verdener, p. 57-77
Engholm: To genrer
Branding
http://www.lab404.com/poe/
http://www.agentprovocateur.com/experience.html
http://unlimited.orange.co.uk/flash/go