TINK - sketching product experiences of connected objects

Recommendations

Info

12 - TINK SKETCHING AN ANIMATED PATTERN USING PROCESSING How to represent information trough the most unobtrusive moving pattern was the goal of this project. In particular it was required to use moving pattern to represent the emotional state of 5 best friends. The figures on the left are screenshots of different software developed along the design process before getting to the final result. I started thinking at creating moving pattern like the one created for aerodynamic simulations. A first sketch was developed in Processing featuring a moving effector that was displacing dots on the screen according to its position. The dots got then connected by lines in order the resulted effect is show in the first image It was thought that using different styles to connect the dots to each other and having different displacement styles could provide enough material to represent different emotions. It was decided to make a new software where it would have been possible to change those parameter on the fly and test how people would react to the different visualization. The iteration provided enough insights to proceed with the development of a new version of the software. The movement of multiple elements on the grid would have made a really confusing visualization. Therefore it was decided to keep those in fixed position and instead have the grid sliding to create to create the movement. A sense of presence of multiple entities was given by having hidden entities that affect the grid by growing an diminish their interference resembling a breathing. It was observed that the breathing was perfect in giving some sort of agency to the grid, however it was thought that by having more control on the dynamic of the breathing could have gaining a higher level of expressivity. This lead to the final version of the software where all the parameter could be modified via the interface. With the software it was then able to prototype the behaviour of the movement for 5 different emotions and test them with participants Figure 3. Emotional Lockscreen (2013)
Graduation Assignment - 13 bad structure or no structure might lead to errors and problems that might end up making him waste hours, days or months of work. The process of developing programs with Processing is instead less structured; I often just start by writing some lines of code, compile the program and check the result on screen. Of course I kind of know what to expect from the code I write, but having the possibility to see the development of my work create a sort of dialogue between the software and me. I iteratively react to what I see on screen moving from a simple idea to a more structured concept. I write a lot of spaghetti code, I don’t in fact care about performance or at how am I going to extend the software. Especially in the first stages of the project I just want to explore different possibilities, this often lead to make me restart writing the software from scratch several times before I get to a “final version”. In order to iteratively improve and react to the sketches, is very important to have direct feedback of the result of the code you are writing 4 . In fact while the practice of sketching on paper is very direct, in the sense that you immediately see what you are producing, the code is an abstraction (a description) of the final result, that the developer most of the time envision have to envision in his head. Developing programs in processing is for me the exact equivalent of sketching with code: I draw bunch of lines, I see how it goes and then I try to improve. Sometimes I discover that I have to start from scratch because the image produced or even just a movement just created gave me a complete new idea. The dialogue between the programmer and the code results in a creative process very similar to the one that happens when an artisan crafts a piece of wood, and the one between a designer and the material he uses.
Page 1: sketching product experiences of co
Page 5 and 6: Introduction This paper is a summar
Page 7 and 8: CHAPTER 4 67 CHAPTER 5 83 CHAPTER 6
Page 9 and 10: Graduation Assignment - 9 CHAPTER 1
Page 11: Graduation Assignment - 11 1.1 Sket
Page 15 and 16: Graduation Assignment - 15 fact ske
Page 17 and 18: Graduation Assignment - 17 phase. A
Page 19 and 20: Graduation Assignment - 19 1.2 Abou
Page 21 and 22: Graduation Assignment - 21 Figure 7
Page 27 and 28: Graduation Assignment - 27 not expe
Page 29 and 30: CHAPTER 2 Market analysis In the be
Page 31 and 32: Market analysis - 31 Devices The de
Page 33 and 34: Market analysis - 33 1 #011231=#ff0
Page 35 and 36: Market analysis - 35 2.2.2 - Object
Page 37 and 38: Market analysis - 37 2.2.4 - remote
Page 39 and 40: Market analysis - 39 2.2.6 - Object
Page 41 and 42: Market analysis - 41 require more t
Page 43 and 44: Market analysis - 43 not require th
Page 45 and 46: Market analysis - 45 2.5.1 Hardware
Page 47 and 48: Market analysis - 47 SEVERAL NODES
Page 49 and 50: Market analysis - 49 THE EVENTS LIN
Page 51 and 52: Market analysis - 51 THE REMOTELY C
Page 53: Market analysis - 53
Page 56 and 57: 56 - TINK After having analyzed dif
Page 58 and 59: 58 - TINK Phase 3- Imagine if… Fi
Page 60 and 61: 60 - TINK Research results The reco
Page 62 and 63:
62 - TINK a step was missing: The d
Page 64 and 65:
64 - TINK 3.5 Program of requiremen
Page 67 and 68:
CHAPTER 4 Final design Guided by th
Page 69 and 70:
Final design - 69 private copy on a
Page 71 and 72:
Final design - 71 Monitor Edit Ciao
Page 74:
Building blocks Data To Track trigg
Page 77 and 78:
Final design - 75 Visual feedback H
Page 79 and 80:
Monitor Edit Ciao Lorenzo Final des
Page 81 and 82:
Final design - 79 The lamp is now c
Page 83:
Final design - 81 developed for sta
Page 86 and 87:
84 - TINK 5.1 Prototyping TINK The
Page 88 and 89:
86 - TINK 5.2 Connecting a coffee m
Page 90 and 91:
88 - TINK 5.3 Prototyping the user
Page 92 and 93:
90 - TINK 5.4 User Test As describe
Page 94 and 95:
92 - TINK 5.4.3 User test results T
Page 96 and 97:
94 - TINK state in a single action.
Page 99 and 100:
CHAPTER 6 Evaluation Here, the grad
Page 101 and 102:
Evaluation - 99 With TINK however,
Page 103 and 104:
Evaluation - 101 related to an enti
Page 105 and 106:
Evaluation - 103 students talking a
Page 107 and 108:
Evaluation - 105 should provide too
Page 109 and 110:
Evaluation - 107 DESIGN After the r
Page 111 and 112:
References - 109 }. Retrieved June
Page 113:
References - 111
show all

TINK - sketching product experiences of connected objects

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?