SlideShare a Scribd company logo
Back to the Future: what old screens are telling us about how we create interfaces Design and Usability Awareness Campaign – SAP – July 2011/ Gustavo Fischer  UNISINOS
Topics: Weaving timelines: media and software history. A brief genealogy of the screen  Remidiation and Interfaces The archeological approach: flashbacks at screens to rebuild the flow of transformations. What could we learn regarding design and usability? Cases that challenge our traditional media-centered or software-centered approaches
With a [huge] help from my friends
 
Weaving timelines:  media and software history.
 
Software history
“ Today we're beginning to realize that the new media aren't just mechanical gimmicks for creating worlds of illusion, but new languages with new and unique powers of expression.” Marshall McLuhan, 1960.  A media approach
New media calls for a new stage in media theory whose  beginnings can be traced back to the revolutionary works of Robert Innis and Marshall McLuhan of the 1950s.  To understand the logic of new media we need to turn to computer science .  (Lev Manovich, 2008) Connecting with a software perspective
 
Let's think about the screen as a point of connection between media and software. By Lev Manovich – The Language of New Media A brief genealogy of the screen
As soluções de Virtual Reality eram muito comentadas à época.
Classical Screen Visual culture of the modern period, from painting to cinema, is characterized by an intriguing phenomenon: the existence of another virtual space, another three-dimensional world enclosed by a frame and situated inside our normal space. The frame separates two absolutely different spaces that somehow coexist. This phenomenon is what defines the screen in the most general sense, or, as I will call it, the "classical screen."
Point of view
Even proportions have not  changed in five centuries, they are similar for a typical fifteenth century painting,a film screen and a computer screen.
In this respect it is not accidental that the very names of the two main formats of computer displays point to two genres of painting: a horizontal format is referred to as "landscape mode" while the vertical format is referred to as "portrait mode."
This new type retains all the properties of a classical screen while adding something new: it can display an image changing over time. This is the screen of cinema, television, video.  Dynamic screen
The screen is agressive. It filters and screens out.
This viewing regime is challenged by the arrival of the computer, (altough not yet with the overlapping windows of the Graphical User Interfaces).
The movie screen is an evolution from several devices during the 19th and 20th century, related to entertainment, documentary, fiction. But the computer screen is related to surveillance technology with the invention of the radar.
Real time screen What is new about such a screen is that its image can change in real time, reflecting changes in the referent, be it the position of an object in space (radar), any alteration in visible reality (live video) or changing data in the computer's memory (computer screen). The image can be continually updated in real time. This is the third, after classic and dynamic, type of a screen — the screen of real time.
Let´s get back to the overlapping screens.
Interactive screen The concentration of visualization is no longer in just one image. Blocks of text data, image, video suggest that the computer screen has more to do with graphic design and windows.
When we change something in the screen, we “change” something regarding the computer´s memory, data, etc.
Classical Dynamic Real time Interactive
Remidiation and Interfaces
Definition Remidiation is the representation of one media on another, which is the main characteristic of new media.
Premise There would be the following contradiction  (or paradox): our culture would have a simultaneous desire for and immediacy and hypermediation, the dual logic of remidiation.
Which means that... Our culture wants to simultaneously multiply its media and erase all traces of media. The act of erasing would aim to multiply, ideally.
Immediacy:
Immediacy: When dealing with media (watching, listening, interacting) we want to feel as we were in the presence of what´s on the “other side”. We develop new devices to get closer and closer to “reality”. We want to erase the traces of the author/artist/programmer when we build our artifacts.
 
Hipermediacy: “ a style of visual representation whose goal is to remind the viewer of the medium.”
The digital visual media can best be understood by the ways in which  honor, rival, and revise  the perspective painting, photography, film, television and print. What is newabout "new media" would be the particular way in which these aspects are addressed between the old and new media.
Hypermediation:   fascination by the media (media). Process and performance are higher than the result. Heterogeneous spaces, windowed style, multiple acts of representation.
Hipermediation Hypermedia: + random access multiple media. The desktop interface is not erased. Media (content) and  software are related by the computer, a metamedium (Manovich) .
Immediacy/Hipermediacy Art explores the meaning of the interface makes it arises in the eyes of the user, whilethe "engineering" perfect technology to make it go away.
Acts of remidiation Borrowing, archiving, remodeling, absorption. In order to mediate and reform. How can we trace these acts?
 
 
 
 
 
The archeological approach: flashbacks at screens to rebuild the flow of transformations. The trap of novelty and our “device-fetiche” age. We are always seeking the next big thing without paying atention at the huge genealogy of media and software behind us which is showing us a major trend: a  mixture of rivalry and influence between the cultures of media and  software. And it is all happening at a screen next to you!
 
 
 
 
 
 
 
 
 
 
 
What could we learn regarding design and usability?
If media and software timelines are weaving more and more, why can´t professionals of these  fields do the same?
Should we obey all UX rules or  media/advertising/branding guidelines?
Interfaces not only reveal ancient aesthetic languages ​​and trends, but are the result of design processes  driven by certain mental models .
Examples that may challenge  our traditional media-centered or  software-centered approaches
The Big App Show
The Big App Show
GIF is back> a vintage trend?
Media + service + design + software
References: BOLTER, Jay David; GRUSIN, Richard.  Remediation . Understanding new media. Cambridge, Massachussets e Londres, Inglaterra: Mit Press, 1999. MCLUHAN, Marshall.  A galáxia de Gutenberg : a formação do homem tipográfico. São Paulo: Nacional, 1977. ______.  Os meios de comunicação como extensões do homem . São Paulo: Cultrix, 1979. _______. et al.  Guerra e paz na aldeia global . São Paulo: Record, 1971. MANOVICH, Lev.  Self-interview by Lev Manovich for MIT Press .  [s.d.]. Disponível em: <http://www.manovich.net/LNM/Q&A_Manovich.html>.  Acesso em: out. 2008.  ______.  The language of new media .   Londres:   The MIT Press, 2001. ______. Software Takes Command. www,manovich.net. 2008
Q+A & Thank you. @gusfischer slideshare.net/gusfischer [email_address] More: TCAV.com.br  - Research Group @ Unisinos  Invitation: August 15th to 18th “Image Week” (Semana da Imagem) @ Unisinos

More Related Content

PDF
Vision 10 3D TECH
PDF
Re+public pres
PDF
Roven yu
PDF
What is Digital Culture?
PPTX
Slideshare ppt
PDF
Jason Brush: Filmmaking As User Experience Design, SXSW 2013
PDF
P2 Lecture 4
PDF
Galli Guarneri Huhtamaki - Vertigo (2009)
Vision 10 3D TECH
Re+public pres
Roven yu
What is Digital Culture?
Slideshare ppt
Jason Brush: Filmmaking As User Experience Design, SXSW 2013
P2 Lecture 4
Galli Guarneri Huhtamaki - Vertigo (2009)

Similar to Presentation @SAP: sofware and media, weaving timelines (20)

PPT
Tech2002lecweekthree0809
DOCX
Multimedia
PPT
Media Cultures NEWM1001 week 1 09
PDF
Matthew Hilla - K Arts Lecture
DOCX
AdobeSerie1
PPTX
Virtual environments in design education
PPT
Can Second Life House New Documentary Forms?
PPSX
Digital Photo intruduction
DOC
Essay Example
PPT
The Medium 2.0 97 2003 Fordrugsinmilk
PDF
Media Content Remediation.pdf
PPTX
2012 newspapers and the digital dilemma
PDF
maleshkova-et-al14chi-ctd.pdf٣٥٢ع٧هصهصهععثععثعثههثهثه
PPT
1.lecture_07_paradigms.ppt
PDF
Cinema in the Digital Age - Thesis
PPT
mpm17: New media Contexts
PDF
TestingTime - Guest Article - let’s save the world—democracy, inclusion and s...
PDF
PPT
Presentacion cervantes toniroig
DOC
Bsusser digitalsignageresearchpaper
Tech2002lecweekthree0809
Multimedia
Media Cultures NEWM1001 week 1 09
Matthew Hilla - K Arts Lecture
AdobeSerie1
Virtual environments in design education
Can Second Life House New Documentary Forms?
Digital Photo intruduction
Essay Example
The Medium 2.0 97 2003 Fordrugsinmilk
Media Content Remediation.pdf
2012 newspapers and the digital dilemma
maleshkova-et-al14chi-ctd.pdf٣٥٢ع٧هصهصهععثععثعثههثهثه
1.lecture_07_paradigms.ppt
Cinema in the Digital Age - Thesis
mpm17: New media Contexts
TestingTime - Guest Article - let’s save the world—democracy, inclusion and s...
Presentacion cervantes toniroig
Bsusser digitalsignageresearchpaper
Ad

More from Gustavo Fischer (20)

PPTX
TV News Archive como construto e lugar de memória na web
PDF
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
PDF
Apresentacao PPGCC
PDF
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
PDF
Problemas de/na pesquisa e a memória das/nas interfaces
PPT
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
PDF
20 anos de internet: construtos de memória nas interfaces web.
PPTX
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
PPTX
The restart page”: Observações sobre construtos de memória no terreno da web
PDF
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
PPT
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
PPTX
Cts apresentacao
PDF
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
PPT
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
PPT
Fischer - Semana da Imagem 2011
PPTX
Hipermídias_Design Gráfico_UNISINOS_aula2
PPT
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
PDF
Apresentacao tese
PPT
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
PPT
Aula 9 / PA4 (2010/2) - Design Unisinos
TV News Archive como construto e lugar de memória na web
Vida, morte e pós-morte do Geocities: memória em degeneração/regeneração e no...
Apresentacao PPGCC
Audiovisualidades Soterradas: escavando o internet archive (ALCAR 2015)
Problemas de/na pesquisa e a memória das/nas interfaces
Apresentacao tese de doutorado - Prof. Gustavo Daudt Fischer - dezembro de 2008
20 anos de internet: construtos de memória nas interfaces web.
Procedimientos de excavacion - Arqueologia de los medios - aplicaciones en la...
The restart page”: Observações sobre construtos de memória no terreno da web
Excavando Interfaces: elementos de arqueologia de los medios como contribucio...
Cartografia dos novos meios e Analítica Cultural - aula sobre textos de Lev M...
Cts apresentacao
Audiovisual e Pensamento: textos de Bellour e Flusser (PPT de apoio)
Aula Audiovisualidades nas Mídias - textos de Henri Bergson e Eduardo Braga
Fischer - Semana da Imagem 2011
Hipermídias_Design Gráfico_UNISINOS_aula2
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Apresentacao tese
Aula Design Novas Tecnologias e Inovação - Buzz, viral, boca-a-boca
Aula 9 / PA4 (2010/2) - Design Unisinos
Ad

Recently uploaded (20)

PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
MYSQL Presentation for SQL database connectivity
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Electronic commerce courselecture one. Pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Approach and Philosophy of On baking technology
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Spectroscopy.pptx food analysis technology
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Review of recent advances in non-invasive hemoglobin estimation
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
A Presentation on Artificial Intelligence
PPTX
Machine Learning_overview_presentation.pptx
PDF
Empathic Computing: Creating Shared Understanding
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
A comparative analysis of optical character recognition models for extracting...
MYSQL Presentation for SQL database connectivity
The Rise and Fall of 3GPP – Time for a Sabbatical?
Electronic commerce courselecture one. Pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Encapsulation_ Review paper, used for researhc scholars
Approach and Philosophy of On baking technology
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Spectroscopy.pptx food analysis technology
sap open course for s4hana steps from ECC to s4
Review of recent advances in non-invasive hemoglobin estimation
The AUB Centre for AI in Media Proposal.docx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Digital-Transformation-Roadmap-for-Companies.pptx
A Presentation on Artificial Intelligence
Machine Learning_overview_presentation.pptx
Empathic Computing: Creating Shared Understanding
gpt5_lecture_notes_comprehensive_20250812015547.pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx

Presentation @SAP: sofware and media, weaving timelines

  • 1. Back to the Future: what old screens are telling us about how we create interfaces Design and Usability Awareness Campaign – SAP – July 2011/ Gustavo Fischer UNISINOS
  • 2. Topics: Weaving timelines: media and software history. A brief genealogy of the screen Remidiation and Interfaces The archeological approach: flashbacks at screens to rebuild the flow of transformations. What could we learn regarding design and usability? Cases that challenge our traditional media-centered or software-centered approaches
  • 3. With a [huge] help from my friends
  • 4.  
  • 5. Weaving timelines: media and software history.
  • 6.  
  • 8. “ Today we're beginning to realize that the new media aren't just mechanical gimmicks for creating worlds of illusion, but new languages with new and unique powers of expression.” Marshall McLuhan, 1960. A media approach
  • 9. New media calls for a new stage in media theory whose beginnings can be traced back to the revolutionary works of Robert Innis and Marshall McLuhan of the 1950s. To understand the logic of new media we need to turn to computer science . (Lev Manovich, 2008) Connecting with a software perspective
  • 10.  
  • 11. Let's think about the screen as a point of connection between media and software. By Lev Manovich – The Language of New Media A brief genealogy of the screen
  • 12. As soluções de Virtual Reality eram muito comentadas à época.
  • 13. Classical Screen Visual culture of the modern period, from painting to cinema, is characterized by an intriguing phenomenon: the existence of another virtual space, another three-dimensional world enclosed by a frame and situated inside our normal space. The frame separates two absolutely different spaces that somehow coexist. This phenomenon is what defines the screen in the most general sense, or, as I will call it, the &quot;classical screen.&quot;
  • 15. Even proportions have not changed in five centuries, they are similar for a typical fifteenth century painting,a film screen and a computer screen.
  • 16. In this respect it is not accidental that the very names of the two main formats of computer displays point to two genres of painting: a horizontal format is referred to as &quot;landscape mode&quot; while the vertical format is referred to as &quot;portrait mode.&quot;
  • 17. This new type retains all the properties of a classical screen while adding something new: it can display an image changing over time. This is the screen of cinema, television, video. Dynamic screen
  • 18. The screen is agressive. It filters and screens out.
  • 19. This viewing regime is challenged by the arrival of the computer, (altough not yet with the overlapping windows of the Graphical User Interfaces).
  • 20. The movie screen is an evolution from several devices during the 19th and 20th century, related to entertainment, documentary, fiction. But the computer screen is related to surveillance technology with the invention of the radar.
  • 21. Real time screen What is new about such a screen is that its image can change in real time, reflecting changes in the referent, be it the position of an object in space (radar), any alteration in visible reality (live video) or changing data in the computer's memory (computer screen). The image can be continually updated in real time. This is the third, after classic and dynamic, type of a screen — the screen of real time.
  • 22. Let´s get back to the overlapping screens.
  • 23. Interactive screen The concentration of visualization is no longer in just one image. Blocks of text data, image, video suggest that the computer screen has more to do with graphic design and windows.
  • 24. When we change something in the screen, we “change” something regarding the computer´s memory, data, etc.
  • 25. Classical Dynamic Real time Interactive
  • 27. Definition Remidiation is the representation of one media on another, which is the main characteristic of new media.
  • 28. Premise There would be the following contradiction  (or paradox): our culture would have a simultaneous desire for and immediacy and hypermediation, the dual logic of remidiation.
  • 29. Which means that... Our culture wants to simultaneously multiply its media and erase all traces of media. The act of erasing would aim to multiply, ideally.
  • 31. Immediacy: When dealing with media (watching, listening, interacting) we want to feel as we were in the presence of what´s on the “other side”. We develop new devices to get closer and closer to “reality”. We want to erase the traces of the author/artist/programmer when we build our artifacts.
  • 32.  
  • 33. Hipermediacy: “ a style of visual representation whose goal is to remind the viewer of the medium.”
  • 34. The digital visual media can best be understood by the ways in which  honor, rival, and revise the perspective painting, photography, film, television and print. What is newabout &quot;new media&quot; would be the particular way in which these aspects are addressed between the old and new media.
  • 35. Hypermediation:   fascination by the media (media). Process and performance are higher than the result. Heterogeneous spaces, windowed style, multiple acts of representation.
  • 36. Hipermediation Hypermedia: + random access multiple media. The desktop interface is not erased. Media (content) and  software are related by the computer, a metamedium (Manovich) .
  • 37. Immediacy/Hipermediacy Art explores the meaning of the interface makes it arises in the eyes of the user, whilethe &quot;engineering&quot; perfect technology to make it go away.
  • 38. Acts of remidiation Borrowing, archiving, remodeling, absorption. In order to mediate and reform. How can we trace these acts?
  • 39.  
  • 40.  
  • 41.  
  • 42.  
  • 43.  
  • 44. The archeological approach: flashbacks at screens to rebuild the flow of transformations. The trap of novelty and our “device-fetiche” age. We are always seeking the next big thing without paying atention at the huge genealogy of media and software behind us which is showing us a major trend: a mixture of rivalry and influence between the cultures of media and software. And it is all happening at a screen next to you!
  • 45.  
  • 46.  
  • 47.  
  • 48.  
  • 49.  
  • 50.  
  • 51.  
  • 52.  
  • 53.  
  • 54.  
  • 55.  
  • 56. What could we learn regarding design and usability?
  • 57. If media and software timelines are weaving more and more, why can´t professionals of these fields do the same?
  • 58. Should we obey all UX rules or media/advertising/branding guidelines?
  • 59. Interfaces not only reveal ancient aesthetic languages ​​and trends, but are the result of design processes  driven by certain mental models .
  • 60. Examples that may challenge our traditional media-centered or software-centered approaches
  • 61. The Big App Show
  • 62. The Big App Show
  • 63. GIF is back> a vintage trend?
  • 64. Media + service + design + software
  • 65. References: BOLTER, Jay David; GRUSIN, Richard. Remediation . Understanding new media. Cambridge, Massachussets e Londres, Inglaterra: Mit Press, 1999. MCLUHAN, Marshall. A galáxia de Gutenberg : a formação do homem tipográfico. São Paulo: Nacional, 1977. ______. Os meios de comunicação como extensões do homem . São Paulo: Cultrix, 1979. _______. et al. Guerra e paz na aldeia global . São Paulo: Record, 1971. MANOVICH, Lev. Self-interview by Lev Manovich for MIT Press . [s.d.]. Disponível em: <http://www.manovich.net/LNM/Q&A_Manovich.html>. Acesso em: out. 2008. ______. The language of new media . Londres: The MIT Press, 2001. ______. Software Takes Command. www,manovich.net. 2008
  • 66. Q+A & Thank you. @gusfischer slideshare.net/gusfischer [email_address] More: TCAV.com.br - Research Group @ Unisinos Invitation: August 15th to 18th “Image Week” (Semana da Imagem) @ Unisinos