• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Wk08 Best Practice
 

Wk08 Best Practice

on

  • 547 views

 

Statistics

Views

Total Views
547
Views on SlideShare
546
Embed Views
1

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Wk08 Best Practice Wk08 Best Practice Presentation 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: 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 ¡
    • i dag
    • 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
    • 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
    • Engholm for brugeren redskab mediedesign vindue [windows and mirrors [Bolter]]
    • Engholm multimedial hypertekstuel interaktiv [ergodisk, psykologisk, sociologisk?]
    • Engholm:
    • 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/
    • To forskellige ideologier 13
    • To forskellige ideologier Usability:Jakob Nielsen Nedtone brugen af grafik Fokus på indhold og funktion http:// www.useit.com/ 13
    • To forskellige ideologier Usability:Jakob Nielsen Nedtone brugen af grafik Fokus på indhold og funktion http:// www.useit.com/ 13
    • To forskellige ideologier Usability:Jakob Nielsen Nedtone brugen af grafik Fokus på indhold og funktion http:// www.useit.com/ 13
    • 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
    • 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
    • Branding http://www.lab404.com/poe/ http://www.agentprovocateur.com/experience.html http://unlimited.orange.co.uk/flash/go