Borders between media are blurring: Books are being swiped, magazines digitally scrolled and even in print one can today – occasionally – navigate. Various examples showcase the difference between print and digital media creation. A talk for bookmarks 2014, a conference for book designers and creators by the Munich typographic society and mediacampus Frankfurt.

1. Digital anomalies
Magazines between paper and pad
Georg Obermayr, bookmarks 2014

2. My own
reading tip:
Recommended reading and sources:
craigmod.com/journal/post_artifact
craigmod.com/journal/subcompact_publishing
vimeo.com/70387173

3. Normal state ➜ Anomaly ➜ Crisis ➜ Revolution

4. To accept a new paradigm means
to drop the old one.

5. Print
Static
Finished
Composed
Closed
Separated
Product
Digital
Dynamic
Unfinished
Fluid
Open
Collaborative
Service

6. Full control
over the
environment
Little / No
control over the
environment
Print Digital

7. Really?

11. Static
Finished
Composed
Closed
Separated
Product

12. System perspective
Idea
Pre artefact system
Publisher
Printer
Great,
immutable,
artefact
Book shop
Distributor
Reader
Printed – but very often also digital!
CraigMod

14. CraigMod

15. Normal state ➜ Anomaly ➜ Crisis ➜ Revolution

16. Anomalies. Crises.

17. medium.com

18. medium.com

19. medium.com

20. medium.com

21. medium.com

22. medium.com/matter

23. medium.com

24. cir.ca

25. the-magazine.org

26. the-magazine.org

27. the-magazine.org

28. hi.co

29. hi.co

30. hi.co

31. hi.co

32. hi.co

33. hi.co

34. flipboard.com

35. flipboard.com

36. flipboard.com

37. flipboard.com

38. thegreatdiscontent.com

39. thegreatdiscontent.com

40. thegreatdiscontent.com

41. thegreatdiscontent.com

42. thegreatdiscontent.com

43. the-pastry-box-project.net

44. the-pastry-box-project.net

45. www.openbookmarks.org

46. kindle.amazon.com

47. System perspective
Idea
Pre artefact system
Publisher/
author
Great,
immutable,
artefact
Printer
Distributor,
website,
Amazon, …
Print
Digital
Digital
artefact
Post artefact system
CraigMod

48. Revolution.

49. » Form open modules

50. developer.nytimes.com/docs

51. www.gettyimages.de

52. Separation of
content and style
—
Open standards
—
Loss of rendering
control

53. » Iterate and work together

54. ➜ ➜ ➜

55. » Scrum
» Design Thinking

56. nytimes.com/projects/2012/snow-fall

57. » “finished” becomes ...

58. nytimes.com

59. „We’re going to tackle the home page and section fronts next, though we may not take the
same approach. For the home page we’re going to being iterating from the re-skin, slowly
adding features and refinements. Its “redesign” will be a slow evolution.
We’ll still continue work on the story page. We don’t want to just let it sit and rot on the
internet, and end up right back that this point again where we had to no choice but to do
a major overhaul.“
— Renda Morton, Product Design Lead, New York Times

60. finishednever

61. signalvnoise.com

62. Static
Finished
Composed
Separated
Product
Closed
Dynamic
Fluid
Unfinished
Open
Collaborative
Service

63. Finished

64. My own
reading tip:
Recommended reading and sources:
craigmod.com/journal/post_artifact
craigmod.com/journal/subcompact_publishing
vimeo.com/70387173
Thank you!
georg@agile-publishing.de
Twitter: @georgobermayr