66
Design and Usability Awareness Campaign – SAP – July 2011/ Gustavo Fischer UNISINOS Back to the Future: what old screens are telling us about how we create interfaces

Presentation @SAP: sofware and media, weaving timelines

Embed Size (px)

Citation preview

Page 1: Presentation @SAP: sofware and media, weaving timelines

Design and Usability Awareness Campaign – SAP – July 2011/ Gustavo Fischer UNISINOS

Back to the Future: what old screens are telling us about

how we create interfaces

Page 2: Presentation @SAP: sofware and media, weaving timelines

Topics:

Weaving timelines: media and software history.

A brief genealogy of the screen Remidiation and InterfacesThe 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

Page 3: Presentation @SAP: sofware and media, weaving timelines

With a [huge] help from my friends

Page 4: Presentation @SAP: sofware and media, weaving timelines
Page 5: Presentation @SAP: sofware and media, weaving timelines

Weaving timelines: media and software history.

Page 6: Presentation @SAP: sofware and media, weaving timelines
Page 7: Presentation @SAP: sofware and media, weaving timelines

Software history

Page 8: Presentation @SAP: sofware and media, weaving timelines

“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.”

A media approach

Page 9: Presentation @SAP: sofware and media, weaving timelines

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

Page 10: Presentation @SAP: sofware and media, weaving timelines
Page 11: Presentation @SAP: sofware and media, weaving timelines

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

Page 12: Presentation @SAP: sofware and media, weaving timelines

As soluções de Virtual Reality eram muito comentadas à época.As soluções de Virtual Reality eram muito comentadas à época.

Page 13: Presentation @SAP: sofware and media, weaving timelines

Classical Screen

Visual culture of the modern period,from painting to cinema, is characterized by an intriguing phenomenon: theexistence of another virtual space, another three-dimensional world enclosed by aframe and situated inside our normal space. The frame separates two absolutelydifferent spaces that somehow coexist. This phenomenon is what defines thescreen in the most general sense, or, as I will call it, the "classical screen."

Page 14: Presentation @SAP: sofware and media, weaving timelines

Point of view

Page 15: Presentation @SAP: sofware and media, weaving timelines

Even proportions have not changed in five centuries, they are similar for a typical fifteenth century painting,a film screen and a computer screen.

Page 16: Presentation @SAP: sofware and media, weaving timelines

In this respect it is not accidental that the very names of the two main formats of computer displays point to two genres ofpainting: a horizontal format is referred to as "landscape mode" while the vertical format is referred to as "portrait mode."

Page 17: Presentation @SAP: sofware and media, weaving timelines

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

Page 18: Presentation @SAP: sofware and media, weaving timelines

The screen is The screen is agressive. It filters agressive. It filters and screens out.and screens out.

Page 19: Presentation @SAP: sofware and media, weaving timelines

This viewing regime is challenged by the arrival of the computer, (altough not yet with the overlapping windows of the Graphical User Interfaces).

Page 20: Presentation @SAP: sofware and media, weaving timelines

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.

Page 21: Presentation @SAP: sofware and media, weaving timelines

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'smemory (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 realtime.

Page 22: Presentation @SAP: sofware and media, weaving timelines

Let´s get back to the overlapping screens.

Page 23: Presentation @SAP: sofware and media, weaving timelines

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.

Page 24: Presentation @SAP: sofware and media, weaving timelines

When we change something in the screen, we “change” something regarding the computer´s memory, data, etc.

Page 25: Presentation @SAP: sofware and media, weaving timelines

Classical

DynamicDynamic

Real timeReal time

InteractiveInteractive

Page 26: Presentation @SAP: sofware and media, weaving timelines

Remidiation and Interfaces

Page 27: Presentation @SAP: sofware and media, weaving timelines

Definition

Remidiation is the representation of one media on another, which is the main characteristic of new media.

Page 28: Presentation @SAP: sofware and media, weaving timelines

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.

Page 29: Presentation @SAP: sofware and media, weaving timelines

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.

Page 30: Presentation @SAP: sofware and media, weaving timelines

Immediacy:

Page 31: Presentation @SAP: sofware and media, weaving timelines

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.

Page 32: Presentation @SAP: sofware and media, weaving timelines
Page 33: Presentation @SAP: sofware and media, weaving timelines

Hipermediacy:

“a style of visual representation whose goal is to remind the viewer of the medium.”

Page 34: Presentation @SAP: sofware and media, weaving timelines

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.

Page 35: Presentation @SAP: sofware and media, weaving timelines

Hypermediation:

 fascination by the media (media).Process and performance are higher than the result. Heterogeneous spaces, windowed style, multiple acts of representation.

Page 36: Presentation @SAP: sofware and media, weaving timelines

Hipermediation

Hypermedia: + random access multiple media.The desktop interface is not erased. Media (content) and  software are related by the computer, a metamedium (Manovich) .

Page 37: Presentation @SAP: sofware and media, weaving timelines

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.

Page 38: Presentation @SAP: sofware and media, weaving timelines

Acts of remidiation

Borrowing, archiving, remodeling, absorption.

In order to mediate and reform.

How can we trace these acts?

Page 39: Presentation @SAP: sofware and media, weaving timelines
Page 40: Presentation @SAP: sofware and media, weaving timelines
Page 41: Presentation @SAP: sofware and media, weaving timelines
Page 42: Presentation @SAP: sofware and media, weaving timelines
Page 43: Presentation @SAP: sofware and media, weaving timelines
Page 44: Presentation @SAP: sofware and media, weaving timelines

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!

Page 45: Presentation @SAP: sofware and media, weaving timelines
Page 46: Presentation @SAP: sofware and media, weaving timelines
Page 47: Presentation @SAP: sofware and media, weaving timelines
Page 48: Presentation @SAP: sofware and media, weaving timelines
Page 49: Presentation @SAP: sofware and media, weaving timelines
Page 50: Presentation @SAP: sofware and media, weaving timelines
Page 51: Presentation @SAP: sofware and media, weaving timelines
Page 52: Presentation @SAP: sofware and media, weaving timelines
Page 53: Presentation @SAP: sofware and media, weaving timelines
Page 54: Presentation @SAP: sofware and media, weaving timelines
Page 55: Presentation @SAP: sofware and media, weaving timelines
Page 56: Presentation @SAP: sofware and media, weaving timelines

What could we learn regarding design and usability?

Page 57: Presentation @SAP: sofware and media, weaving timelines

If media and software timelines are weaving more

and more, why can´t professionals of these fields do the same?

Page 58: Presentation @SAP: sofware and media, weaving timelines

Should we obey all UX rules or media/advertising/branding guidelines?

Page 59: Presentation @SAP: sofware and media, weaving timelines

Interfaces not only reveal ancient aesthetic languages  and trends, but are the result of design processes 

driven by certain mental models.

Page 60: Presentation @SAP: sofware and media, weaving timelines

Examples that may challenge our traditional media-centered or

software-centered approaches

Page 61: Presentation @SAP: sofware and media, weaving timelines

The Big App Show

Page 62: Presentation @SAP: sofware and media, weaving timelines

The Big App Show

Page 63: Presentation @SAP: sofware and media, weaving timelines

GIF is back> a vintage trend?

Page 64: Presentation @SAP: sofware and media, weaving timelines

Media + service + design + software

Page 65: Presentation @SAP: sofware and media, weaving timelines

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

Page 66: Presentation @SAP: sofware and media, weaving timelines

Q+A & Thank you.

@gusfischerslideshare.net/[email protected]

More:TCAV.com.br - Research Group @ Unisinos

Invitation: August 15th to 18th “Image Week” (Semana da Imagem) @ Unisinos