Session 3: Design Matters The influence of design as a systemic approach on interactive storytelling & journalism to improve reader experience and audience engagement. You can find more on the "Interactive Journalism (IJ)" publication on Medium here: https://medium.com/interactive-journalism/latest This series of Slides is part of the Storydesign.fr, an effort to inject design thinking into the editorial process. © Gerald Holubowicz

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

2. - I -
TIME TO SHARE
2

3. PITCH THE STORIES
FOR THE “IN CLASS” PROJECT
3

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

5. IN TODAY’S WORLD WHERE
INFORMATION IS PRACTICALLY
UNLIMITED
5

6. 6
HERE’S THE CHALLENGE :
HOW TO EXTRACT, INTERPRET, AND CREATE
MEANING OUT OF THE DATA AND
INFORMATION OVERLOAD

7. 7
THE ANSWER ?
DESIGN

8. 8
LANGUAGE IS
DESIGNED TO
MAKE PEOPLE
UNDERSTAND
EACH OTHERS

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

10. – 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

11. 11

12. 12

13. 13

14. GOOD DESIGN
VS.
BAD DESIGN
14

15. DESIGN IS ABOUT PURPOSE
15

16. 16
BACK IN THE DAYS

17. DESIGN IS ALSO ABOUT
TASTE
17

18. 18
WORST 2008 WEBSITE
TODAY’S VERSION
(NOT GOOD, BUT STILL…)

19. 19
ARGGGGGGG!

20. –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

21. 21
Information!

22. FORM FOLLOWS FUNCTION
There 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

23. BEAUTIFUL THINGS
FUNCTION BETTER
23

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

25. 25
“I’M OBSESSED WITH HOW TO TELL
STORIES THROUGH THE INTERFACE”
Alexandre
Branchet,
UPIAN

26. DESIGN IS NOT ONLY FORM
BUT ALSO FUNCTION
26

27. USER INTERFACE
User 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

28. USER EXPERIENCE
User 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

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

30. FUNCTIONAL DESIGN
These 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

31. 31

32. - I -
CONSIDER THE PRODUCT’S GOAL
32

33. - II -
CONSIDER WHO WILL BE USING IT.
33

34. - III -
CONSIDER WHAT YOUR AUDIENCE
INTENDS TO DO WITH IT.
34

35. - IV -
IS IT CLEAR HOW TO USE IT?
35

36. - V -
HOW DOES YOUR USER KNOW IT’S
WORKING?
36

37. - VI -
IS IT ENGAGING TO YOUR USERS?
37

38. - VII -
HOW DOES IT HANDLE MISTAKES?
38

39. 2015 - NEWS CATEGORY
39

40. 40

41. 41

42. 42

43. 43

44. GET INSPIRED!
44

45. 45

46. 46

47. 47

48. - III -
GROUP SESSION
48

49. 49
TEAM
WORK

50. - 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.