interactive journalism - storydesign - design matters

50
INTERACTIVE JOURNALISM THE INFLUENCE OF DESIGN AS A SYSTEMIC APPROACH ON INTERACTIVE STORYTELLING DESIGN MATTERS @gholubowicz storydesign.fr | geraldholubowi.cz

Upload: gerald-holubowicz

Post on 16-Apr-2017

681 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Interactive Journalism - StoryDesign - Design Matters

INTERACTIVE JOURNALISM

THE INFLUENCE OF DESIGN AS A SYSTEMIC APPROACH ON INTERACTIVE STORYTELLING

DESIGN MATTERS

@gholubowicz storydesign.fr | geraldholubowi.cz

Page 2: Interactive Journalism - StoryDesign - Design Matters

- I - TIME TO SHARE

2

Page 3: Interactive Journalism - StoryDesign - Design Matters

PITCH THE STORIES FOR THE “IN CLASS” PROJECT

3

Page 4: Interactive Journalism - StoryDesign - Design Matters

- II - LECTURE

4

Interactive Journalism : it’s more and more all about design. The influence of design as a systemic approach on interactive storytelling

Page 5: Interactive Journalism - StoryDesign - Design Matters

IN TODAY’S WORLD WHERE INFORMATION IS PRACTICALLY

UNLIMITED

5

Page 6: Interactive Journalism - StoryDesign - Design Matters

6

HERE’S THE CHALLENGE : HOW TO EXTRACT, INTERPRET, AND CREATE

MEANING OUT OF THE DATA AND INFORMATION OVERLOAD

Page 7: Interactive Journalism - StoryDesign - Design Matters

7

THE ANSWER ?

DESIGN

Page 8: Interactive Journalism - StoryDesign - Design Matters

8

LANGUAGE IS DESIGNED TO

MAKE PEOPLE UNDERSTAND EACH OTHERS

Page 9: Interactive Journalism - StoryDesign - Design Matters

DESIGN IS IN THE CHAIR, THE TABLE, THE DOOR…

9

Page 10: Interactive Journalism - StoryDesign - Design Matters

– Wikipedia

“An AFFORDANCE is often taken as a relation between an object or an environment and an organism, that affords the opportunity

for that organism to perform an action. For example, a knob affords twisting, and perhaps pushing, while a cord affords

pulling.”

10

Page 11: Interactive Journalism - StoryDesign - Design Matters

11

Page 12: Interactive Journalism - StoryDesign - Design Matters

12

Page 13: Interactive Journalism - StoryDesign - Design Matters

13

Page 14: Interactive Journalism - StoryDesign - Design Matters

GOOD DESIGN VS.

BAD DESIGN

14

Page 15: Interactive Journalism - StoryDesign - Design Matters

DESIGN IS ABOUT PURPOSE

15

Page 16: Interactive Journalism - StoryDesign - Design Matters

16

BACK IN THE DAYS

Page 17: Interactive Journalism - StoryDesign - Design Matters

DESIGN IS ALSO ABOUT TASTE

17

Page 18: Interactive Journalism - StoryDesign - Design Matters

18

WORST 2008 WEBSITE

TODAY’S VERSION (NOT GOOD, BUT STILL…)

Page 19: Interactive Journalism - StoryDesign - Design Matters

19

ARGGGGGGG!

Page 20: Interactive Journalism - StoryDesign - Design Matters

–Walter Gropius (founder of the Bauhaus)

“Our guiding principle was that design is neither an intellectual nor a material affair, but simply an integral part of the stuff of life,

necessary for everyone in a civilized society.”

20

Page 21: Interactive Journalism - StoryDesign - Design Matters

21

Information!

Page 22: Interactive Journalism - StoryDesign - Design Matters

FORM FOLLOWS FUNCTIONThere are two ways to interpret the phrase “form follows function”:

Descriptive: beauty results from purity of function; Prescriptive: aesthetic considerations in design should be secondary to functional considerations.

22

Page 23: Interactive Journalism - StoryDesign - Design Matters

BEAUTIFUL THINGS FUNCTION BETTER

23

Page 24: Interactive Journalism - StoryDesign - Design Matters

“Function alone does not drive form.

Function alone doesn’t drive the resultant form.

The form evolves from the holistic forces of the project—audience needs, client desires, ethical obligations, aesthetic inclinations,

material properties, cultural presuppositions, and yes, functional requirements.”

24

Page 25: Interactive Journalism - StoryDesign - Design Matters

25

“I’M OBSESSED WITH HOW TO TELL

STORIES THROUGH THE INTERFACE”Alexandre  Branchet,  UPIAN

Page 26: Interactive Journalism - StoryDesign - Design Matters

DESIGN IS NOT ONLY FORM BUT ALSO FUNCTION

26

Page 27: Interactive Journalism - StoryDesign - Design Matters

USER INTERFACEUser interface design (UI) or user interface engineering is the DESIGN of user interfaces for machines and software, such as

computers, home appliances, mobile devices, and other electronic devices, with the focus on MAXIMIZING THE USER EXPERIENCE.

27

Page 28: Interactive Journalism - StoryDesign - Design Matters

USER EXPERIENCEUser Experience (UX) involves a person's emotions and attitudes about using a particular product, system or service. User experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer

INTERACTION and product ownership.

28

Page 29: Interactive Journalism - StoryDesign - Design Matters

PRACTICAL DESIGN there is a function, a task the item is expected to perform.

29

Page 30: Interactive Journalism - StoryDesign - Design Matters

FUNCTIONAL DESIGNThese are the elements of functional design, the process of responding to the needs or desires

of the people who will use an item in a way that allows their needs or desires to be met

30

Page 31: Interactive Journalism - StoryDesign - Design Matters

31

Page 32: Interactive Journalism - StoryDesign - Design Matters

- I - CONSIDER THE PRODUCT’S GOAL

32

Page 33: Interactive Journalism - StoryDesign - Design Matters

- II - CONSIDER WHO WILL BE USING IT.

33

Page 34: Interactive Journalism - StoryDesign - Design Matters

- III - CONSIDER WHAT YOUR AUDIENCE

INTENDS TO DO WITH IT.

34

Page 35: Interactive Journalism - StoryDesign - Design Matters

- IV - IS IT CLEAR HOW TO USE IT?

35

Page 36: Interactive Journalism - StoryDesign - Design Matters

- V - HOW DOES YOUR USER KNOW IT’S

WORKING?

36

Page 37: Interactive Journalism - StoryDesign - Design Matters

- VI - IS IT ENGAGING TO YOUR USERS?

37

Page 38: Interactive Journalism - StoryDesign - Design Matters

- VII - HOW DOES IT HANDLE MISTAKES?

38

Page 39: Interactive Journalism - StoryDesign - Design Matters

2015 - NEWS CATEGORY

39

Page 40: Interactive Journalism - StoryDesign - Design Matters

40

Page 41: Interactive Journalism - StoryDesign - Design Matters

41

Page 42: Interactive Journalism - StoryDesign - Design Matters

42

Page 43: Interactive Journalism - StoryDesign - Design Matters

43

Page 44: Interactive Journalism - StoryDesign - Design Matters

GET INSPIRED!

44

Page 45: Interactive Journalism - StoryDesign - Design Matters

45

Page 46: Interactive Journalism - StoryDesign - Design Matters

46

Page 47: Interactive Journalism - StoryDesign - Design Matters

47

Page 48: Interactive Journalism - StoryDesign - Design Matters

- III - GROUP SESSION

48

Page 49: Interactive Journalism - StoryDesign - Design Matters

49

TEAM WORK

Page 50: Interactive Journalism - StoryDesign - Design Matters

- IV - ASSIGNMENT

50

Blog post 3: Find 2 projects online that have an extensive use of design (Graphic design, Experience Design etc..) and explain the added value of

design implementation.