Presentation @SAP: sofware and media, weaving timelines


Published on

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Presentation @SAP: sofware and media, weaving timelines

  1. 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. 2. Topics: <ul><li>Weaving timelines: media and software history. </li></ul><ul><li>A brief genealogy of the screen </li></ul><ul><li>Remidiation and Interfaces </li></ul><ul><li>The archeological approach: flashbacks at screens to rebuild the flow of transformations. </li></ul><ul><li>What could we learn regarding design and usability? </li></ul><ul><li>Cases that challenge our traditional media-centered or software-centered approaches </li></ul>
  3. 3. With a [huge] help from my friends
  4. 5. Weaving timelines: media and software history.
  5. 7. Software history
  6. 8. <ul><li>“ 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.” </li></ul>Marshall McLuhan, 1960. A media approach
  7. 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
  8. 11. <ul><li>Let's think about the screen as a point of connection between media and software. </li></ul><ul><li>By Lev Manovich – The Language of New Media </li></ul>A brief genealogy of the screen
  9. 12. <ul><li>As soluções de Virtual Reality eram muito comentadas à época. </li></ul>
  10. 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;
  11. 14. <ul><li>Point of view </li></ul>
  12. 15. <ul><li>Even proportions have not changed in five centuries, they are similar for a typical fifteenth century painting,a film screen and a computer screen. </li></ul>
  13. 16. <ul><li>In this respect it is not accidental that the very names of the two main formats of computer displays point to two genres of </li></ul><ul><li>painting: a horizontal format is referred to as &quot;landscape mode&quot; while the vertical format is referred to as &quot;portrait mode.&quot; </li></ul>
  14. 17. <ul><li>This new type retains all the properties of a classical screen while adding something new: it can display an image changing over time. </li></ul><ul><li>This is the screen of cinema, television, video. </li></ul>Dynamic screen
  15. 18. The screen is agressive. It filters and screens out.
  16. 19. <ul><li>This viewing regime is challenged by the arrival of the computer, (altough not yet with the overlapping windows of the Graphical User Interfaces). </li></ul>
  17. 20. <ul><li>The movie screen is an evolution from several devices during the 19th and 20th century, related to entertainment, documentary, fiction. </li></ul><ul><li>But the computer screen is related to surveillance technology with the invention of the radar. </li></ul>
  18. 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.
  19. 22. <ul><li>Let´s get back to the overlapping screens. </li></ul>
  20. 23. Interactive screen <ul><li>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. </li></ul>
  21. 24. <ul><li>When we change something in the screen, we “change” something regarding the computer´s memory, data, etc. </li></ul>
  22. 25. <ul><li>Classical </li></ul>Dynamic Real time Interactive
  23. 26. Remidiation and Interfaces
  24. 27. Definition <ul><li>Remidiation is the representation of one media on another, which is the main characteristic of new media. </li></ul>
  25. 28. Premise <ul><li>There would be the following contradiction  </li></ul><ul><li>(or paradox): our culture would have a simultaneous desire for and immediacy and hypermediation, the dual logic of remidiation. </li></ul>
  26. 29. Which means that... <ul><li>Our culture wants to simultaneously multiply its media and erase all traces of media. The act of erasing would aim to multiply, ideally. </li></ul>
  27. 30. Immediacy:
  28. 31. Immediacy: <ul><li>When dealing with media (watching, listening, interacting) we want to feel as we were in the presence of what´s on the “other side”. </li></ul><ul><li>We develop new devices to get closer and closer to “reality”. </li></ul><ul><li>We want to erase the traces of the author/artist/programmer when we build our artifacts. </li></ul>
  29. 33. Hipermediacy: <ul><li>“ a style of visual representation whose goal is to remind the viewer of the medium.” </li></ul>
  30. 34. <ul><li>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. </li></ul>
  31. 35. Hypermediation: <ul><li>  fascination by the media (media). Process and performance are higher than the result. Heterogeneous spaces, windowed style, multiple acts of representation. </li></ul>
  32. 36. Hipermediation <ul><li>Hypermedia: + random access multiple media. The desktop interface is not erased. Media (content) and  software are related by the computer, a metamedium (Manovich) . </li></ul>
  33. 37. Immediacy/Hipermediacy <ul><li>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. </li></ul>
  34. 38. Acts of remidiation <ul><li>Borrowing, archiving, remodeling, absorption. </li></ul><ul><li>In order to mediate and reform. </li></ul><ul><li>How can we trace these acts? </li></ul>
  35. 44. The archeological approach: flashbacks at screens to rebuild the flow of transformations. <ul><li>The trap of novelty and our “device-fetiche” age. </li></ul><ul><li>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. </li></ul><ul><li>And it is all happening at a screen next to you! </li></ul>
  36. 56. What could we learn regarding design and usability?
  37. 57. If media and software timelines are weaving more and more, why can´t professionals of these fields do the same?
  38. 58. Should we obey all UX rules or media/advertising/branding guidelines?
  39. 59. Interfaces not only reveal ancient aesthetic languages ​​and trends, but are the result of design processes  driven by certain mental models .
  40. 60. Examples that may challenge our traditional media-centered or software-centered approaches
  41. 61. The Big App Show
  42. 62. The Big App Show
  43. 63. GIF is back> a vintage trend?
  44. 64. Media + service + design + software
  45. 65. References: <ul><li>BOLTER, Jay David; GRUSIN, Richard. Remediation . Understanding new media. Cambridge, Massachussets e Londres, Inglaterra: Mit Press, 1999. </li></ul><ul><li>MCLUHAN, Marshall. A galáxia de Gutenberg : a formação do homem tipográfico. São Paulo: Nacional, 1977. </li></ul><ul><li>______. Os meios de comunicação como extensões do homem . São Paulo: Cultrix, 1979. </li></ul><ul><li>_______. et al. Guerra e paz na aldeia global . São Paulo: Record, 1971. </li></ul><ul><li>MANOVICH, Lev. Self-interview by Lev Manovich for MIT Press . [s.d.]. Disponível em: <>. Acesso em: out. 2008. </li></ul><ul><li>______. The language of new media . Londres: The MIT Press, 2001. </li></ul><ul><li>______. Software Takes Command. www, 2008 </li></ul>
  46. 66. Q+A & Thank you. <ul><li>@gusfischer </li></ul><ul><li> </li></ul><ul><li>[email_address] </li></ul><ul><li>More: </li></ul><ul><li> - Research Group @ Unisinos </li></ul><ul><li>Invitation: August 15th to 18th “Image Week” (Semana da Imagem) @ Unisinos </li></ul>