SlideShare ist ein Scribd-Unternehmen logo
1 von 38
Downloaden Sie, um offline zu lesen
WK’08 - uge 40



  Interfacet
Litteratur
 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=4ber

 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=EcTKSOC3EpXIigGFyeiA
 DA&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
Apple Macintosh (1984)

Desktopmetafor



Ikonet som ideologi


                         3
Det kulturelle interface
Lev Manovich


To fremtidsvisioner



Ridley Scott:

  Blade Runner (1982)
    Postmoderne dystopi

  Apple: 1984
    Klarhed og funktionalitet


                                4
Bolter og Grusin


 “Remediation”
  Nye medier som en reformulering af ældre.
  Fungerer både på indholds- og formniveau




                                              5
Det kulturelle interface
Lev Manovich

  Tekst: siden og rullen, tekstlig organisering (index,
  hypertekst, tekstsøgning, skriftlig input (keyboard),
  etc.)
  Film: kameraet, rumliggørelse, skærmen, filmsprog
  (montage, kamerabevægelser (zoom, tilt, pan,
  travelling, etc.), (VR + VRML)
  HCI: menuer, knapper, værktøjer, funktioner,
  kontrolpaneler, arbejdsmetaforer


                                                          6
Tekst




        7
Film




       8
HCI




      9
Hvad er en metafor

Mapping som strategi
Forskel som motor
  fx. abstrakt til konkret


http://www.pot8oz.dk



                             12
Eksempel på metaforbrug på tekstniveau




                                         13
Hvorfor bruge metaforer?

Kontekstualisere
Sprogligt overskud/udsmykning
  nyskabelser m.v.
Brug af fortællerstemme
  hvem taler?



                                15
Hvad er en metonymi

 Sammenhæng: årsag, sted, tid
 Metonymi
  http://www.pianovaerkstedet.dk/


 Synekdoke - pars pro toto
  http://www.tour-eiffel.fr/teiffel/fr/documentation/
  structure/index.html


                                                        16
Eksempel på metonymisk
betydningsproduktion




                         17
William Gaver: Oh What a
Tangled Web We Weave:
Metaphor and Mapping in
Graphical Interfaces
 Conceptual mapping
 Perceptual mapping


 Appearance
 Function
                           18
Gaver




        19
Summeøvelse



Hvilken organisation eller hvilket firma repræsenterer
ikonerne.
Hvad betyder ikonerne


                                                        20
Summeøvelse




              21
Problem


At visualisere et begreb, en funktion, et emneområde:
http://www.gsd.harvard.edu/
http://www.dkds.dk/Uddannelsen/Optagelse
Interfacekritik


 Bertelsen og Pold: “Criticism as an Approach to
 Interface Aesthetics”
 Humanistisk OG datalogisk (den skandinaviske skole)
 perspektiv
Stylistic references



 Analyze stylistic references in the interface (e.g. Mac
 OS vs. X11, renaissance vs. baroque).
Renaissance




http://
www.tickitaly.com/
images/tickets/last-
supper/vinci-supper.jpg
Det barokke




http://
witcombe.sbc.edu/
baroquetheory/images/
bronzinolawrence.jpg
Standards


Identify the use of standards and the conformance to
tradition
  simplesoft.dk
Materiality and remediation

Consider the materiality of the interface (e.g. code,
algorithms, pixels) and discuss how it is used.
Consider how the interface draws on the materiality of
other media (e.g. text pages, photography, cinematic
language, control panels).
Discuss immediacy and hypermediacy in the interface.
Remediering
Bolter & Grusin: ”Remediation”
Immediacy               Hypermediacy
  ”Kigge gennem”        • ”Kigge på”
  Transparens           • Tydeliggør medieringen




                                                   33
Genre



Identify and consider various genres in the interface.
[genre vs. stil]
Hybridity



 Discuss the interface as a hybrid between the
 functional (control interface) and the cultural interface.
Representations


Identify representational techniques and analyze how
they work (e.g. realistic and naturalistic representations
vs.symbolic and allegorical representations).
Challenges to expectations
& developmental potentials

Identify challenges to users expectations.
Consider the developmental potentials. How is
development in use supported? How may the
interface support the development of unanticipated
use?
Øvelse

http://www.startour.dk/
Diskuter sitet i fht. Manovichs kulturelle interface og flg.
punkter i Bertelsen og Polds interfacekritik
  stylistic references, standards, materiality and
  remediation, genres, hybrid, challenges to user
  expectations
Overvej en alternativ webløsning for Startour

Weitere ähnliche Inhalte

Ähnlich wie Wk08 uge 40 interfacet

Porting terminologies to the Semantic Web
Porting terminologies to the Semantic WebPorting terminologies to the Semantic Web
Porting terminologies to the Semantic WebBernard Vatant
 
Chi2006 trustworkshop
Chi2006 trustworkshopChi2006 trustworkshop
Chi2006 trustworkshopJohn Thomas
 
Interfacing literary genesis
Interfacing literary genesisInterfacing literary genesis
Interfacing literary genesisAodhán Kelly
 
ICQE20: Quantitative Ethnography Visualizations as Tools for Thinking
ICQE20: Quantitative Ethnography Visualizations as Tools for ThinkingICQE20: Quantitative Ethnography Visualizations as Tools for Thinking
ICQE20: Quantitative Ethnography Visualizations as Tools for ThinkingSimon Buckingham Shum
 
Designidm C L P Revised
Designidm C L P RevisedDesignidm C L P Revised
Designidm C L P Revisedguest7ff51a
 
Model-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesModel-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesJean Vanderdonckt
 
Web 20 E Oltre 1202297800291589 3
Web 20 E Oltre 1202297800291589 3Web 20 E Oltre 1202297800291589 3
Web 20 E Oltre 1202297800291589 3Universita' di Bari
 
Visual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfacesVisual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfacesTeemu Korpilahti
 
Dimensions of Media Object Comprehensibility
Dimensions of Media Object ComprehensibilityDimensions of Media Object Comprehensibility
Dimensions of Media Object ComprehensibilityLawrie Hunter
 
Design Patterns for Interactive Graphics
Design Patterns for Interactive GraphicsDesign Patterns for Interactive Graphics
Design Patterns for Interactive GraphicsChristian Kohls
 
Semantic dilemmas in interactive visual perception of the « website » object...
Semantic dilemmas in  interactive visual perception of the « website » object...Semantic dilemmas in  interactive visual perception of the « website » object...
Semantic dilemmas in interactive visual perception of the « website » object...Pergia
 
Semantic dilemmas in interactive visual perception of the « website » object...
Semantic dilemmas in  interactive visual perception of the « website » object...Semantic dilemmas in  interactive visual perception of the « website » object...
Semantic dilemmas in interactive visual perception of the « website » object...Pergia
 
Lacy Legibility
Lacy LegibilityLacy Legibility
Lacy LegibilityMegan Lacy
 
The Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS LectureThe Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS LectureTatiana Pentes
 
creative representation of literary text.pdf
creative representation of literary text.pdfcreative representation of literary text.pdf
creative representation of literary text.pdfailen1107
 
Copy of creative representation of literary text.pptx
Copy of creative representation of literary text.pptxCopy of creative representation of literary text.pptx
Copy of creative representation of literary text.pptxMae Pangan
 
Concept Maps: Types, uses, software
Concept Maps: Types, uses, softwareConcept Maps: Types, uses, software
Concept Maps: Types, uses, softwareNadia Spang Bovey
 

Ähnlich wie Wk08 uge 40 interfacet (20)

Porting terminologies to the Semantic Web
Porting terminologies to the Semantic WebPorting terminologies to the Semantic Web
Porting terminologies to the Semantic Web
 
WK08-uge48-afslutning
WK08-uge48-afslutningWK08-uge48-afslutning
WK08-uge48-afslutning
 
WK08-afslutning.key
WK08-afslutning.keyWK08-afslutning.key
WK08-afslutning.key
 
Chi2006 trustworkshop
Chi2006 trustworkshopChi2006 trustworkshop
Chi2006 trustworkshop
 
Interfacing literary genesis
Interfacing literary genesisInterfacing literary genesis
Interfacing literary genesis
 
ICQE20: Quantitative Ethnography Visualizations as Tools for Thinking
ICQE20: Quantitative Ethnography Visualizations as Tools for ThinkingICQE20: Quantitative Ethnography Visualizations as Tools for Thinking
ICQE20: Quantitative Ethnography Visualizations as Tools for Thinking
 
Designidm C L P Revised
Designidm C L P RevisedDesignidm C L P Revised
Designidm C L P Revised
 
Model-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfacesModel-driven engineering of multimodal user interfaces
Model-driven engineering of multimodal user interfaces
 
Web 20 E Oltre 1202297800291589 3
Web 20 E Oltre 1202297800291589 3Web 20 E Oltre 1202297800291589 3
Web 20 E Oltre 1202297800291589 3
 
Visual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfacesVisual language: the use of icons in graphical interfaces
Visual language: the use of icons in graphical interfaces
 
Dimensions of Media Object Comprehensibility
Dimensions of Media Object ComprehensibilityDimensions of Media Object Comprehensibility
Dimensions of Media Object Comprehensibility
 
Design Patterns for Interactive Graphics
Design Patterns for Interactive GraphicsDesign Patterns for Interactive Graphics
Design Patterns for Interactive Graphics
 
Semantic dilemmas in interactive visual perception of the « website » object...
Semantic dilemmas in  interactive visual perception of the « website » object...Semantic dilemmas in  interactive visual perception of the « website » object...
Semantic dilemmas in interactive visual perception of the « website » object...
 
Semantic dilemmas in interactive visual perception of the « website » object...
Semantic dilemmas in  interactive visual perception of the « website » object...Semantic dilemmas in  interactive visual perception of the « website » object...
Semantic dilemmas in interactive visual perception of the « website » object...
 
Lacy Legibility
Lacy LegibilityLacy Legibility
Lacy Legibility
 
The Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS LectureThe Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS Lecture
 
creative representation of literary text.pdf
creative representation of literary text.pdfcreative representation of literary text.pdf
creative representation of literary text.pdf
 
Copy of creative representation of literary text.pptx
Copy of creative representation of literary text.pptxCopy of creative representation of literary text.pptx
Copy of creative representation of literary text.pptx
 
Lec1.pptx
Lec1.pptxLec1.pptx
Lec1.pptx
 
Concept Maps: Types, uses, software
Concept Maps: Types, uses, softwareConcept Maps: Types, uses, software
Concept Maps: Types, uses, software
 

Mehr von Christian Bech

Gym3 startkonf fællesoplæg 13.03.2012
Gym3  startkonf fællesoplæg 13.03.2012Gym3  startkonf fællesoplæg 13.03.2012
Gym3 startkonf fællesoplæg 13.03.2012Christian Bech
 
Hm oplæg indl. 13. marts 2012 10.30
Hm oplæg indl. 13. marts 2012 10.30Hm oplæg indl. 13. marts 2012 10.30
Hm oplæg indl. 13. marts 2012 10.30Christian Bech
 
Itdd12 medievirkelighed
Itdd12 medievirkelighedItdd12 medievirkelighed
Itdd12 medievirkelighedChristian Bech
 
Session2 hvadersocialemedier 23-02-2012
Session2 hvadersocialemedier 23-02-2012Session2 hvadersocialemedier 23-02-2012
Session2 hvadersocialemedier 23-02-2012Christian Bech
 
Session2 mobil kom-23-02-2012
Session2 mobil kom-23-02-2012Session2 mobil kom-23-02-2012
Session2 mobil kom-23-02-2012Christian Bech
 
Følgeforskning og foki
Følgeforskning og fokiFølgeforskning og foki
Følgeforskning og fokiChristian Bech
 
Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Christian Bech
 
Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Christian Bech
 
Mikroblogging 29-03-2011
Mikroblogging 29-03-2011Mikroblogging 29-03-2011
Mikroblogging 29-03-2011Christian Bech
 
Mm11 nyemedier-15-02-2011
Mm11 nyemedier-15-02-2011Mm11 nyemedier-15-02-2011
Mm11 nyemedier-15-02-2011Christian Bech
 
Wkm10 proces&persona 01-06-2010
Wkm10 proces&persona 01-06-2010Wkm10 proces&persona 01-06-2010
Wkm10 proces&persona 01-06-2010Christian Bech
 
Outreach2010 Hvaderweb2
Outreach2010 Hvaderweb2Outreach2010 Hvaderweb2
Outreach2010 Hvaderweb2Christian Bech
 

Mehr von Christian Bech (20)

AP'e13 - modul 3
AP'e13 - modul 3AP'e13 - modul 3
AP'e13 - modul 3
 
Ap f13
Ap f13Ap f13
Ap f13
 
Gym3 startkonf fællesoplæg 13.03.2012
Gym3  startkonf fællesoplæg 13.03.2012Gym3  startkonf fællesoplæg 13.03.2012
Gym3 startkonf fællesoplæg 13.03.2012
 
Hm oplæg indl. 13. marts 2012 10.30
Hm oplæg indl. 13. marts 2012 10.30Hm oplæg indl. 13. marts 2012 10.30
Hm oplæg indl. 13. marts 2012 10.30
 
Hm cg-12-11-2012-ppt
Hm cg-12-11-2012-pptHm cg-12-11-2012-ppt
Hm cg-12-11-2012-ppt
 
Ap e12
Ap e12Ap e12
Ap e12
 
Itdd12 medievirkelighed
Itdd12 medievirkelighedItdd12 medievirkelighed
Itdd12 medievirkelighed
 
Session2 hvadersocialemedier 23-02-2012
Session2 hvadersocialemedier 23-02-2012Session2 hvadersocialemedier 23-02-2012
Session2 hvadersocialemedier 23-02-2012
 
Session2 mobil kom-23-02-2012
Session2 mobil kom-23-02-2012Session2 mobil kom-23-02-2012
Session2 mobil kom-23-02-2012
 
Følgeforskning og foki
Følgeforskning og fokiFølgeforskning og foki
Følgeforskning og foki
 
Cg 02-11-2011-2ppt
Cg 02-11-2011-2pptCg 02-11-2011-2ppt
Cg 02-11-2011-2ppt
 
Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011
 
Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011Hvadersocialemedier 11.4.2011
Hvadersocialemedier 11.4.2011
 
Mikroblogging 29-03-2011
Mikroblogging 29-03-2011Mikroblogging 29-03-2011
Mikroblogging 29-03-2011
 
Mm11 crossmedia
Mm11 crossmediaMm11 crossmedia
Mm11 crossmedia
 
Mm11 nyemedier-15-02-2011
Mm11 nyemedier-15-02-2011Mm11 nyemedier-15-02-2011
Mm11 nyemedier-15-02-2011
 
Cfucil
CfucilCfucil
Cfucil
 
Wkm10 tekst ethos
Wkm10 tekst ethosWkm10 tekst ethos
Wkm10 tekst ethos
 
Wkm10 proces&persona 01-06-2010
Wkm10 proces&persona 01-06-2010Wkm10 proces&persona 01-06-2010
Wkm10 proces&persona 01-06-2010
 
Outreach2010 Hvaderweb2
Outreach2010 Hvaderweb2Outreach2010 Hvaderweb2
Outreach2010 Hvaderweb2
 

Kürzlich hochgeladen

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusZilliz
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 

Kürzlich hochgeladen (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 

Wk08 uge 40 interfacet

  • 1. WK’08 - uge 40 Interfacet
  • 2. Litteratur 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=4ber 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=EcTKSOC3EpXIigGFyeiA DA&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. Det kulturelle interface Lev Manovich To fremtidsvisioner Ridley Scott: Blade Runner (1982) Postmoderne dystopi Apple: 1984 Klarhed og funktionalitet 4
  • 5. Bolter og Grusin “Remediation” Nye medier som en reformulering af ældre. Fungerer både på indholds- og formniveau 5
  • 6. Det kulturelle interface Lev Manovich Tekst: siden og rullen, tekstlig organisering (index, hypertekst, tekstsøgning, skriftlig input (keyboard), etc.) Film: kameraet, rumliggørelse, skærmen, filmsprog (montage, kamerabevægelser (zoom, tilt, pan, travelling, etc.), (VR + VRML) HCI: menuer, knapper, værktøjer, funktioner, kontrolpaneler, arbejdsmetaforer 6
  • 7. Tekst 7
  • 8. Film 8
  • 9. HCI 9
  • 10.
  • 11.
  • 12. Hvad er en metafor Mapping som strategi Forskel som motor fx. abstrakt til konkret http://www.pot8oz.dk 12
  • 13. Eksempel på metaforbrug på tekstniveau 13
  • 14.
  • 15. Hvorfor bruge metaforer? Kontekstualisere Sprogligt overskud/udsmykning nyskabelser m.v. Brug af fortællerstemme hvem taler? 15
  • 16. Hvad er en metonymi Sammenhæng: årsag, sted, tid Metonymi http://www.pianovaerkstedet.dk/ Synekdoke - pars pro toto http://www.tour-eiffel.fr/teiffel/fr/documentation/ structure/index.html 16
  • 18. William Gaver: Oh What a Tangled Web We Weave: Metaphor and Mapping in Graphical Interfaces Conceptual mapping Perceptual mapping Appearance Function 18
  • 19. Gaver 19
  • 20. Summeøvelse Hvilken organisation eller hvilket firma repræsenterer ikonerne. Hvad betyder ikonerne 20
  • 22.
  • 23. Problem At visualisere et begreb, en funktion, et emneområde: http://www.gsd.harvard.edu/ http://www.dkds.dk/Uddannelsen/Optagelse
  • 24. Interfacekritik Bertelsen og Pold: “Criticism as an Approach to Interface Aesthetics” Humanistisk OG datalogisk (den skandinaviske skole) perspektiv
  • 25. Stylistic references Analyze stylistic references in the interface (e.g. Mac OS vs. X11, renaissance vs. baroque).
  • 28. Standards Identify the use of standards and the conformance to tradition simplesoft.dk
  • 29.
  • 30. Materiality and remediation Consider the materiality of the interface (e.g. code, algorithms, pixels) and discuss how it is used. Consider how the interface draws on the materiality of other media (e.g. text pages, photography, cinematic language, control panels). Discuss immediacy and hypermediacy in the interface.
  • 31.
  • 32.
  • 33. Remediering Bolter & Grusin: ”Remediation” Immediacy Hypermediacy ”Kigge gennem” • ”Kigge på” Transparens • Tydeliggør medieringen 33
  • 34. Genre Identify and consider various genres in the interface. [genre vs. stil]
  • 35. Hybridity Discuss the interface as a hybrid between the functional (control interface) and the cultural interface.
  • 36. Representations Identify representational techniques and analyze how they work (e.g. realistic and naturalistic representations vs.symbolic and allegorical representations).
  • 37. Challenges to expectations & developmental potentials Identify challenges to users expectations. Consider the developmental potentials. How is development in use supported? How may the interface support the development of unanticipated use?
  • 38. Øvelse http://www.startour.dk/ Diskuter sitet i fht. Manovichs kulturelle interface og flg. punkter i Bertelsen og Polds interfacekritik stylistic references, standards, materiality and remediation, genres, hybrid, challenges to user expectations Overvej en alternativ webløsning for Startour