The role of sketching & prototyping tools in the UX/UI design process.

1. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
&
Prototyping

2. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Today
GRAPEFRUIT | SKETCHING & PROTOTYPING2

3. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Foreplay
GRAPEFRUIT | SKETCHING & PROTOTYPING3

4. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Marius
GRAPEFRUIT | SKETCHING & PROTOTYPING4

5. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
CS
GRAPEFRUIT | SKETCHING & PROTOTYPING5

6. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
You
GRAPEFRUIT | SKETCHING & PROTOTYPING6

7. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Expectations
GRAPEFRUIT | SKETCHING & PROTOTYPING7

8. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Zee Germans
GRAPEFRUIT | SKETCHING & PROTOTYPING8

9. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING9

10. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

11. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Sketching
GRAPEFRUIT | SKETCHING & PROTOTYPING12

12. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Why?

13. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Incredibly simple
GRAPEFRUIT | SKETCHING & PROTOTYPING13

14. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Pen & paper
GRAPEFRUIT | SKETCHING & PROTOTYPING14

15. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

16. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Toolkit
GRAPEFRUIT | SKETCHING & PROTOTYPING16

17. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Lines
GRAPEFRUIT | SKETCHING & PROTOTYPING17

18. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Warm up
GRAPEFRUIT | SKETCHING & PROTOTYPING18

19. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Text
GRAPEFRUIT | SKETCHING & PROTOTYPING19

20. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Weight
GRAPEFRUIT | SKETCHING & PROTOTYPING20

21. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Depth
GRAPEFRUIT | SKETCHING & PROTOTYPING22

22. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Look here!!!
GRAPEFRUIT | SKETCHING & PROTOTYPING24

23. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Labelling
GRAPEFRUIT | SKETCHING & PROTOTYPING26

24. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Templates
GRAPEFRUIT | SKETCHING & PROTOTYPING27

25. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Focus
GRAPEFRUIT | SKETCHING & PROTOTYPING28

26. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Show, don’t tell
GRAPEFRUIT | SKETCHING & PROTOTYPING29

27. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
not perfect
GRAPEFRUIT | SKETCHING & PROTOTYPING30

28. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
What, not how
GRAPEFRUIT | SKETCHING & PROTOTYPING32

29. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

30. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

31. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Patterns
GRAPEFRUIT | SKETCHING & PROTOTYPING35

39. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Sketch Discuss Iterate
GRAPEFRUIT | SKETCHING & PROTOTYPING36

40. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
The board
GRAPEFRUIT | SKETCHING & PROTOTYPING37

41. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

42. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Check the experts
GRAPEFRUIT | SKETCHING & PROTOTYPING38

43. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Play
GRAPEFRUIT | SKETCHING & PROTOTYPING39

44. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
CFR.ro
GRAPEFRUIT | SKETCHING & PROTOTYPING40

45. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
The story
GRAPEFRUIT | SKETCHING & PROTOTYPING41

46. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
The app
GRAPEFRUIT | SKETCHING & PROTOTYPING42

47. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Testing
GRAPEFRUIT | SKETCHING & PROTOTYPING43

48. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

49. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

50. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING46

51. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Play
GRAPEFRUIT | SKETCHING & PROTOTYPING47

52. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Prototyping
GRAPEFRUIT | SKETCHING & PROTOTYPING48

53. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING49

54. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING50

55. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING51

56. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING52

57. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

58. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING54

59. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

60. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING56

61. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

62. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING58

63. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

64. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING60

65. Copyright © 2013 Grapefruit SRL. All Rights Reserved.

66. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
GRAPEFRUIT | SKETCHING & PROTOTYPING62

67. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
The 5 day sprint
GRAPEFRUIT | SKETCHING & PROTOTYPING63

68. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Agile process
GRAPEFRUIT | SKETCHING & PROTOTYPING64

69. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Present
GRAPEFRUIT | SKETCHING & PROTOTYPING65

70. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Thank you!