Rahul Sen - Interaction Design Bauhaus

Slide 1

Slide 1 text

Rahul Sen IxD Bauhaus | IxD BAUHAUS What history can teach us, While designing our digital futures. For people.

Slide 2

Slide 2 text

Rahul Sen IxD Bauhaus | G’DAY SYDNEY! I’m Rahul [tweeting @rahulsen79 #ixdbauhaus]

Slide 3

Slide 3 text

Rahul Sen IxD Bauhaus | FOCUS, RAHUL, FOCUS! Material Aesthetics My talk is predominantly about aesthetics in our profession. It is a discussion/challenge to traditional notions of beauty.

Slide 4

Slide 4 text

Rahul Sen IxD Bauhaus | I’LL MIX THINGS UP, A BIT. interaction design architecture theatre

Slide 5

Slide 5 text

Rahul Sen IxD Bauhaus | ...TRAVELLED A LONG WAY Stockholm

Slide 6

Slide 6 text

Rahul Sen IxD Bauhaus | ...TO BE HERE TODAY. Sydney

Slide 7

Slide 7 text

Rahul Sen IxD Bauhaus | ...ENDING AT THE BIG APPLE. New York

Slide 8

Slide 8 text

Rahul Sen IxD Bauhaus | (ALMOST) AROUND THE WORLD IN 7 DAYS. 19,677 miles Circumference of the Earth = 24,900 miles approx.

Slide 9

Slide 9 text

Rahul Sen IxD Bauhaus | I JUST STOPPED WORKING HERE

Slide 10

Slide 10 text

Rahul Sen IxD Bauhaus | PIONEERS IN USER CENTERED DESIGN SINCE 1969

Slide 11

Slide 11 text

Rahul Sen IxD Bauhaus | I WILL BE WORKING HERE (@rga)

Slide 12

Slide 12 text

Rahul Sen IxD Bauhaus | I WILL BE WORKING HERE (@rga)

Slide 13

Slide 13 text

Rahul Sen IxD Bauhaus | SPOTIFY FOR WINDOWS PHONE

Slide 14

Slide 14 text

Rahul Sen IxD Bauhaus | METRO LOVIN’... Designers

Slide 15

Slide 15 text

Rahul Sen IxD Bauhaus | SPOTIFY FOR WINDOWS PHONE RECAP METRO ‘Clean, Light, Open, Fast Celebrate Typography Alive in Motion Content, Not Chrome...’ It emphasizes - Authentically Digital Color Gestures Touch

Slide 16

Slide 16 text

Rahul Sen IxD Bauhaus | DRAWING PARALLELS Architecture Interaction Design

Slide 17

Slide 17 text

Rahul Sen IxD Bauhaus | HELLO JOHNNY!

Slide 18

Slide 18 text

Rahul Sen IxD Bauhaus | LET’S TALK ABOUT (R)EVOLUTION Evolution Revolution

Slide 19

Slide 19 text

Rahul Sen IxD Bauhaus | BIOLOGICAL + TECHNICAL Evolution

Slide 20

Slide 20 text

Rahul Sen IxD Bauhaus | REVOLUTION SUGGESTS A CIRCLE, DISRUPTED. rev·o·lu·tion 1. an overthrow or repudiation and the thorough replacement of an established government or political system by the people governed. 2. a radical and pervasive change in society and the social structure, especially one made suddenly and often accompanied by violence. 3. a procedure or course, as if in a circuit, back to a starting point. new trajectory revolution

Slide 21

Slide 21 text

Rahul Sen IxD Bauhaus | EVOLUTION = INEVITABLE, PRE-CODED

Slide 22

Slide 22 text

Rahul Sen IxD Bauhaus | REVOLUTION = DISRUPTIVE, CONSCIOUS.

Slide 23

Slide 23 text

Rahul Sen IxD Bauhaus | R.I.P. - A REVOLUTIONARY. AN ICON. “Because the people who are crazy enough to think they can change the World, are the ones who do.” Steve Jobs (1955 - 2011)

Slide 24

Slide 24 text

Rahul Sen IxD Bauhaus | FACELESS REVOLUTIONARIES

Slide 25

Slide 25 text

Rahul Sen IxD Bauhaus | THE FACELESS REVOLUTIONARIES OF OUR TIME

Slide 26

Slide 26 text

Rahul Sen IxD Bauhaus | A REBEL REFRESHED “...As little design as possible” Dieter Rahms (1932 - )

Slide 27

Slide 27 text

Rahul Sen IxD Bauhaus | A CIRCLE COMPLETED... new trajectory revolution

Slide 28

Slide 28 text

Rahul Sen IxD Bauhaus | iOS5 JUST LAUNCHED... YAAY!

Slide 29

Slide 29 text

Rahul Sen IxD Bauhaus | iOS5 : SOME GENUINE EVOLUTION...

Slide 30

Slide 30 text

Rahul Sen IxD Bauhaus | WHAT THE $%*# IS WRONG WITH THIS PICTURE?

Slide 31

Slide 31 text

Rahul Sen IxD Bauhaus | MY TALK CHALLENGES THE ‘CLASSICAL’

Slide 32

Slide 32 text

Rahul Sen IxD Bauhaus | INORDER TO MAKE WAY FOR THE ‘MODERN’

Slide 33

Slide 33 text

Rahul Sen IxD Bauhaus | SHIVA = PROACTIVE DESTRUCTION

Slide 34

Slide 34 text

Rahul Sen IxD Bauhaus | AUTHENTICITY Let Pixels Be Pixels.

Slide 35

Slide 35 text

Rahul Sen IxD Bauhaus | WE INHABIT COUNTRIES, CITIES, HOMES... Sydney Facebook

Slide 36

Slide 36 text

Rahul Sen IxD Bauhaus | THEY ARENT PERFECT. BUT WE INHABIT THEM...

Slide 37

Slide 37 text

Rahul Sen IxD Bauhaus | WE INHABIT ‘BUILT SPACES / OBJECTS’ WITH SCRIPTS.

Slide 38

Slide 38 text

Rahul Sen IxD Bauhaus | connect/converse container courtyard

Slide 39

Slide 39 text

Rahul Sen IxD Bauhaus | KEVIN KELLY

Slide 40

Slide 40 text

Rahul Sen IxD Bauhaus | ‘THE TECHNIUM’ & KEVIN KELLY “A shelter is animal technology, the animal extended…” ‘What Technology Wants’ (2010) He describes this as the TECHNIUM

Slide 41

Slide 41 text

Rahul Sen IxD Bauhaus | AN UNDERSTANDING We’re making new forms of containers and ‘shelters’ for interaction. Our personal computers and devices contain our social families, connections, content and networks. They contain our new living, working and entertainment spaces.

Slide 42

Slide 42 text

Rahul Sen IxD Bauhaus | A DILEMMA We’re still nostalgic & envious while designing these digital containers. We’re not sure if they need to pretend to be physical in order to be beautiful. Even though they look and feel beautiful.

Slide 43

Slide 43 text

Rahul Sen IxD Bauhaus | MARK TWAIN SAID IT BEST. “History doesn't repeat itself - at best it sometimes rhymes…”

Slide 44

Slide 44 text

Rahul Sen IxD Bauhaus | MY HYPOTHESIS. The Bauhaus (1919-33) What Happened Soon After. The IxD Bauhaus (Now) What Might Happen Soon After. What Can History Teach Us.

Slide 45

Slide 45 text

Rahul Sen IxD Bauhaus | Rewind Lets start at sometime near the 1800s.

Slide 46

Slide 46 text

Rahul Sen IxD Bauhaus | GOTHIC REVIVAL & NATURE ENVY

Slide 47

Slide 47 text

Rahul Sen IxD Bauhaus | ART NOUVEAU, ARTS & CRAFTS…

Slide 48

Slide 48 text

Rahul Sen IxD Bauhaus | ENTER, MIES... “Less is More.” Mies van der Rohe made these words famous.

Slide 49

Slide 49 text

Rahul Sen IxD Bauhaus | THE BARCELONA PAVILLION- A MONUMENT, A LANDMARK.

Slide 50

Slide 50 text

Rahul Sen IxD Bauhaus | THE INTERNATIONAL STYLE

Slide 51

Slide 51 text

Rahul Sen IxD Bauhaus | THE BAUHAUS’ HISTORICAL SETTING ART NOUVEAU 1900 1950 2000 1850 1800 ARTS AND CRAFTS MOVEMENT THE INTERNATIONAL STYLE GOTHIC REVIVAL ART-DECO THE BAUHAUS

Slide 52

Slide 52 text

Rahul Sen IxD Bauhaus | REMEMBERING THE BAUHAUS

Slide 53

Slide 53 text

Rahul Sen IxD Bauhaus | WHAT DID THIS REVOLUTION ACHIEVE? order purity reduction production

Slide 54

Slide 54 text

Rahul Sen IxD Bauhaus | ‘PLAYTIME’ (JACQUES TATI, 1967)

Slide 55

Slide 55 text

Rahul Sen IxD Bauhaus | ‘PLAYTIME’ (JACQUES TATI, 1967)

Slide 56

Slide 56 text

Rahul Sen IxD Bauhaus | ‘PLAYTIME’ (JACQUES TATI, 1967)

Slide 57

Slide 57 text

Rahul Sen IxD Bauhaus | ‘PLAYTIME’ (JACQUES TATI, 1967)

Slide 58

Slide 58 text

Rahul Sen IxD Bauhaus | WHY WAS THE BAUHAUS CRITICIZED? elitist sterile inhuman monotonous ‘PLAYTIME’ (JACQUES TATI, 1967)

Slide 59

Slide 59 text

Rahul Sen IxD Bauhaus | LEARNING FROM DESIGN HISTORY ART NOUVEAU 1900 1950 2000 1850 1800 ARTS AND CRAFTS MOVEMENT THE INTERNATIONAL STYLE GOTHIC REVIVAL ART-DECO Po! - MODERNISM THE BAUHAUS

Slide 60

Slide 60 text

Rahul Sen IxD Bauhaus | POST-MODERNISM

Slide 61

Slide 61 text

Rahul Sen IxD Bauhaus | POST-MODERNISM ornament deconstruction reference wit

Slide 62

Slide 62 text

Rahul Sen IxD Bauhaus | TO SUMMARIZE ART NOUVEAU 1900 1950 2000 1850 1800 ARTS AND CRAFTS MOVEMENT THE INTERNATIONAL STYLE GOTHIC REVIVAL ART-DECO POST - MODERNISM THE BAUHAUS NATURE ENVY FUNCTIONALISM WIT, ORNAMENT, REFERENCE

Slide 63

Slide 63 text

Rahul Sen IxD Bauhaus | History Rhyming Today.

Slide 64

Slide 64 text

Rahul Sen IxD Bauhaus | REALISM ENVY : DESKTOP UI

Slide 65

Slide 65 text

Rahul Sen IxD Bauhaus | PHYSICAL MIMICRY : UI SKEUMORPHISM

Slide 66

Slide 66 text

Rahul Sen IxD Bauhaus | IxD HISTORY IN PROGRESS ‘THE WEB LOOK’ 2010 1978 REAL-WORLD DESKTOP METAPHORS EARLY GRAPHICAL USER INTERFACES IXD BAUHAUS SKEUMORPHISM

Slide 67

Slide 67 text

Rahul Sen IxD Bauhaus | THE IxD BAUHAUS

Slide 68

Slide 68 text

Rahul Sen IxD Bauhaus | MINIMALIST NARRATIVE IN UI.

Slide 69

Slide 69 text

Rahul Sen IxD Bauhaus | A NECESSARY STEP IN UI-EVOLUTION The IxD Bauhaus The IxD Bauhaus could be deﬁned as a return to purity and honesty in visual interaction experiences - with a focus on content rather than chrome, and a pursuit of authentic digital experiences rather than nostalgia and object envy.

Slide 70

Slide 70 text

Rahul Sen IxD Bauhaus | A NECESSARY STEP IN UI-EVOLUTION Quotes “…a networked, digital, interactive copy of, say, the Tao Te Ching is simultaneously more and less than the one I keep on my shelf. You give up the tangible, phenomenological’isness of the book, and in return you’re afforded an extraordinary new range of capabilities. Shouldn’t the interface, y’know, reﬂect this?” - Adam Greenﬁeld

Slide 71

Slide 71 text

Rahul Sen IxD Bauhaus | A NECESSARY STEP IN UI-EVOLUTION Quotes “I say that ﬂat is the new black, that 2D is the new avant-garde; that a surface doesn’t have to be ashamed of being a surface” - Steven Poole

Slide 72

Slide 72 text

Rahul Sen IxD Bauhaus | MORE KELLY AND ARCHETYPES “The archetype is ordained by the technium’s trajectory, while the species is contingent.” ‘What Technology Wants’ (2010)

Slide 73

Slide 73 text

Rahul Sen IxD Bauhaus | IN ENGLISH... We’re on an inevitable almost ‘pre-destined’ path for our collective technology. However, we affect its course - we nudge it by our designed action. new trajectory revolution

Slide 74

Slide 74 text

Rahul Sen IxD Bauhaus | REPRESENTATION : CARRIED AWAY BY ‘MATERIAL RESOLUTION’

Slide 75

Slide 75 text

Rahul Sen IxD Bauhaus | REPRESENTATION : CARRIED AWAY BY ‘MATERIAL RESOLUTION’

Slide 76

Slide 76 text

Rahul Sen IxD Bauhaus | REPRESENTATION : CARRIED AWAY BY ‘MATERIAL RESOLUTION’ pixels paint concrete plastic

Slide 77

Slide 77 text

Rahul Sen IxD Bauhaus | AN OLD DEADLY SIN: THOU SHALT NOT ENVY! EN VY

Slide 78

Slide 78 text

Rahul Sen IxD Bauhaus | NOSTALGIC ENVY objects realism nature wood

Slide 79

Slide 79 text

Rahul Sen IxD Bauhaus | A REDUCTION TO BASICS. pixels painting concrete steel

Slide 80

Slide 80 text

Rahul Sen IxD Bauhaus | NEW DRIVERS FOR CONSTRUCTION. _________? abstraction prefab modular

Slide 81

Slide 81 text

Rahul Sen IxD Bauhaus | NEW RULES = A BIT OF RE-LEARNING

Slide 82

Slide 82 text

Rahul Sen IxD Bauhaus | RELEARNING ESCALATOR AS STAIRS...

Slide 83

Slide 83 text

Rahul Sen IxD Bauhaus | STAIRCASE AS A UNIVERSAL STANDARD.

Slide 84

Slide 84 text

Rahul Sen IxD Bauhaus | YET, NO 2 STAIRCASES ARE THE SAME.

Slide 85

Slide 85 text

Rahul Sen IxD Bauhaus | STAIRS AND DIGITAL EXPERIENCES Could learning from staircases inspire us to think better about reduction, standards and yet... constantly innovative expression?

Slide 86

Slide 86 text

Rahul Sen IxD Bauhaus | WE ARE STILL DEALING WITH COURTYARD, WINDOWS, CEILINGS… Facebook, Twitter, Social TV, Youtube etc. These are windows to our digital selves, our homes in the cloud and the content with which we choose to populate our digital mantle-pieces.

Slide 87

Slide 87 text

Rahul Sen IxD Bauhaus | WITH A FUNDAMENTAL DIFFERENCE BETWEEN THEM... Built architecture DECAYS with time. Architecture, Furniture, Art, Graphic Design, Print - all the tradition forms of design. Digital architecture GROWS with time. All our digital experiences build on data over time.

Slide 88

Slide 88 text

Rahul Sen IxD Bauhaus | DIGITAL ARCHITECTURE GROWS WITH TIME... Perhaps, its structure ages, decays. HTML 1, 2, 3, 4, 5... CSS 1, 2, 3...

Slide 89

Slide 89 text

Rahul Sen IxD Bauhaus | DIGITAL ARCHITECTURE GROWS WITH TIME... But the fact that it inherently deals with time & content suggests an inevitable growth.

Slide 90

Slide 90 text

Rahul Sen IxD Bauhaus | LEARNING FROM ERGONOMIDESIGN... Functional (useful) It does the job Reliable It is available and accurate Useable Anybody can use it without difficulty Convenient Fits in my life Pleasurable An experience worth sharing Meaningful Has a personal significance Focused on Experiences Focused on Tasks Dreams and Aspirations Proficient How well people learn things after multiple use Focused on Tasks

Slide 91

Slide 91 text

Rahul Sen IxD Bauhaus | WE’RE BUILDING OUR DIGITAL HABITAT WITH NEW MATERIAL. others… data time content

Slide 92

Slide 92 text

Rahul Sen IxD Bauhaus | WE STILL HAVE OLD LINGERING FORMS OF ENVY others… GESTURE NATURAL USER INTERFACES REALITY AUGMENTED REALITY PHYSICALITY3D

Slide 93

Slide 93 text

Rahul Sen IxD Bauhaus | THE TECHNIUM WILL EVOLVE

Slide 94

Slide 94 text

Rahul Sen IxD Bauhaus | SO LET’S RID OURSELVES OF EXCESS BAGGAGE. Image credit: Mike Kruzeniski http://mkruzeniski.posterous.com/how-print- design-is-the-future-of-interaction

Slide 95

Slide 95 text

Rahul Sen IxD Bauhaus | TOWARD A DIGITAL POST MODERNISM...

Slide 96

Slide 96 text

Rahul Sen IxD Bauhaus | PRINCIPLES OF A NEW DIGITAL EXPERIENCE

Slide 97

Slide 97 text

Rahul Sen IxD Bauhaus | PRINCIPLES OF A NEW DIGITAL EXPERIENCE Digital Post-modernism? Where a frame of reference is drawn between newer, authentically digital orders, structure and technology together with older frames of wit, humor, reference and human connectivity.

Slide 98

Slide 98 text

Rahul Sen IxD Bauhaus | Think Lateral. Avoid Literal. Be True to Material. Let Content Speak. “Brutally Reduce”.