Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Talk Drink Share - From pens to pixels

Jérémie Fontana
February 12, 2014
Design
0
33

Talk Drink Share - From pens to pixels

Jérémie Fontana

February 12, 2014
Tweet

More Decks by Jérémie Fontana

See All by Jérémie Fontana
Webmardi - GDPR
skynebula
2
500
Talk Drink Share - Designers et développeurs : comment réussir votre collaboration
skynebula
0
28

Other Decks in Design

See All in Design
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
340
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.7k
アフォーダンスとシグニファイア
ryokanakai
0
300
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
220
Tataki Ryu
olgastoryboard
0
140
新しいemoji😄のアイデアを Unicodeが募集中‼️🏃‍♀️💨💨💨 傾向を学んでみんな提案しよう💪
oguemon
2
660
Slip N Slime - Character Design Ideation
thebogheart
0
300
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
310
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
120
アクセシビリティって何だろう？ -アクセシビリティの概念、そして向き合い方まで-
securecat
6
1.5k
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
1
1.1k
我做了一個詐騙網站...嗎？
crboy
1
140

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Scaling GitHub
holman
458
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
4
370
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
A designer walks into a library…
pauljervisheath
202
24k
Visualization
eitanlees
145
15k
The Invisible Side of Design
smashingmag
297
50k
Become a Pro
speakerdeck
PRO
24
5k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k

Transcript

  1. THINK × DESIGN × SHARE ! TALK DRINK SHARE presents

  2. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    2 WELCOME TALK DRINK SHARE

  3. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    SQLI AGENCY 3

  4. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHERE WE ARE 4 LAUSANNE GENEVA

  5. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHAT WE DO 5

  6. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHO WE ARE 6 Mathieu Collet Agency Manager Benoît Henry Strategist Véronique Tillaud UX Designer Fleur Ettwiller UX Designer Jérémie Fontana Art Director Chiara Valerio UX Designer Andy McFee Front-End Developer Aldo Ferrari Head of Development Barbara Chabriw Interactive Designer David Bernard Front-End Developer Lidia Santos Rico Head of Marketing Thomas Riotte UX Designer Ludmilla El Khazen Communication Officer Damien Gauthier UX Designer YOU?

  7. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    LET'S GET CONNECTED! 7 #TxDxS @sqliagency_ch @sqliagency_ch /sqliagencych sqliagency.ch

  8. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    8 LET'S GO!

  9. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    JÉRÉMIE FONTANA Art Director 9 @skynebula

  10. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHO THE HECK AM I? 10 ?

  11. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHO THE HECK AM I? 11 JÉRÉMIE YO

  12. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WHO THE HECK AM I? 12 33 year old French dude living in Lausanne Studied electronics, photography & graphic design Designing for 11 years

  13. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    FROM PENS TO PIXELS Wireframe sketching & user interface design 13

  14. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    FROM PENS TO PIXELS 14 TITLE INSPIRED BY

  15. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    FROM PENS TO PIXELS 15 →

  16. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    FROM PENS TO PIXELS 16 →

  17. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    DISCLAIMER 17 DISCLAIMER This talk is not (only) for designers

  18. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    DISCLAIMER 2 18 DISCLAIMER I will not teach you how to use Photoshop 2

  19. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    CONTEXT 19

  20. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    THIS IS YOUR BRAIN 20

  21. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    LEFT BRAIN VS RIGHT BRAIN 21

  22. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    LEFT BRAIN VS RIGHT BRAIN 22 Functional Rational Sequential Logical Emotional Intuitive Simultaneous Inspiration

  23. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    SO… 23 Sources : Jérémie Fontana FREE your MIND

  24. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    GO BACK TO CHILDHOOD 24 Sources : Jérémie Fontana Aircraft design by me (cca mid 80s)

  25. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    AND THE MAGIC HAPPENS 25 Sources : Sébastien Gerbier

  26. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 26

  27. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 27 is not Sketching Drawing

  28. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 28 is not Sketching Drawing Sources : SQLI Agency & Sébastien Gerbier

  29. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 29 simple is Sketching

  30. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 30 fast is Sketching

  31. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 31 rough is Sketching

  32. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 32 cheap is Sketching

  33. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 33 disposable is Sketching

  34. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHAT IS A SKETCH? 34 > talking is Sketching

  35. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 35

  36. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 36 We sketch to think

  37. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO THINK 37 Sources : Frank Gehry

  38. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO THINK 38 Sources : Frank Gehry

  39. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO THINK 39 Sources : Jack Dorsey

  40. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 40 We sketch to record

  41. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO RECORD 41 Sources : AIGA

  42. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO RECORD 42 Sources : Sébastien Gerbier

  43. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 43 We sketch to communicate

  44. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO COMMUNICATE 44 Sources : Grottes de Lascaux

  45. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO COMMUNICATE 45 Sources : Microsoft

  46. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 46 We sketch to document

  47. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO DOCUMENT 47 Sources : Edward Tufte

  48. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO DOCUMENT 48 Sources : Dieter Rams

  49. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 49 We sketch to experiment

  50. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO EXPERIMENT 50 Sources : Peter Biľak

  51. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO EXPERIMENT 51 Sources : realbeautysketches.dove.com / FBI

  52. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHY WE SKETCH? 52 We sketch to fail

  53. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WE SKETCH TO FAIL 53 Sources : Everybody’s trash bin

  54. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 HOW DO WE SKETCH? 54

  55. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 55 Only 4 basic shapes

  56. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 56 Only

  57. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 57 Only

  58. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 58 Only

  59. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 59 Only

  60. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 60 It’s that

  61. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 61 Sources : Ben Crothers Sketching in Service Design | Service Design Thinks & Drinks, April 2012

  62. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 62 Sources : Ben Crothers Sketching in Service Design | Service Design Thinks & Drinks, April 2012

  63. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BASIC SHAPES 63 Sources : Ben Crothers

  64. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 64 Start simple

  65. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START SIMPLE 65 Sources : SQLI Agency L E S S is MORE Ludwig Mies van der Rohe

  66. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START SIMPLE 66 Sources : SQLI Agency is MORE Milton Glaser JUST ENOUGH

  67. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START SIMPLE 67 Sources : SQLI Agency

  68. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START SIMPLE 68 Sources : SQLI Agency

  69. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 69 Start small

  70. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START SMALL 70 Sources : SQLI Agency

  71. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 71 Get dirty

  72. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 START DIRTY 72 Sources : SQLI Agency

  73. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 73 Go fast

  74. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 74 Use the DESIGN STUDIO methodology

  75. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 75 Sources : UXRomandie 6 — 8 — 5

  76. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 76 6 to 8 sketches in 5 minutes

  77. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 77 Sources : UXRomandie

  78. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 78 Sources : UXRomandie

  79. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 79 Then PITCH to your team

  80. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 80 Sources : UXRomandie

  81. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 81 And ITERATE with your team

  82. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GO FAST 82 Sources : UXRomandie

  83. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 83 Explore

  84. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 EXPLORE 84 Sources : SQLI Agency

  85. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 EXPLORE 85 Sources : SQLI Agency

  86. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 EXPLORE 86 Sources : JF

  87. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 87 Comment

  88. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 COMMENT 88 Sources : SQLI Agency

  89. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 COMMENT 89 Sources : SQLI Agency

  90. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 90 Add shades

  91. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SHADES 91 Sources : SQLI Agency

  92. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SHADES 92 Sources : SQLI Agency

  93. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 93 Illustrate

  94. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ILLUSTRATE 94 Sources : SQLI Agency

  95. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 95 Tell a story

  96. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TELL A STORY 96 Sources : SQLI Agency

  97. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TELL A STORY 97 Sources : SQLI Agency

  98. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TELL A STORY 98 Sources : SQLI Agency © SQLI AGENCY / 2013-11 VALUE & BENEFITS (S3) 18 ← BACK

  99. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TELL A STORY 99 Sources : SQLI Agency © SQLI AGENCY / 2013-11 REVEAL OF TOOL (S4) 19 ← BACK

  100. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TELL A STORY 100 Sources : SQLI Agency USERS (S5)

  101. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BEST PRACTICES 101 Add some color

  102. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SOME COLOR 102 Sources : SQLI Agency

  103. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SOME COLOR 103 Sources : SQLI Agency

  104. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SOME COLOR 104 Sources : SQLI Agency

  105. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SOME COLOR 105 Sources : SQLI Agency

  106. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADD SOME COLOR 106 Sources : SQLI Agency

  107. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TOOLS WE CAN USE 107

  108. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WHITEBOARD 108

  109. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 MARKER 109 →

  110. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BALLPOINT PEN 110 →

  111. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 FINELINER PEN 111 →

  112. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 GRAY MARKERS 112 →

  113. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 COLOR MARKERS 113 →

  114. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 DOT GRID NOTEBOOK 114 →

  115. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 POST-IT NOTES 115 →

  116. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 PAPER IPAD APP 116 →

  117. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 TOUCH STYLUS 117 →

  118. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BOOKS 118 →

  119. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    JUMP ON THE SCREEN 119

  120. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 WARNING 120 → WARNING This is not an exhaustive overview

  121. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    INTERACTION DESIGN 121

  122. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BALSAMIQ 122 →

  123. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BALSAMIQ 123 → Sources : Our boss’ son

  124. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 BALSAMIQ 124 → + Very simple + Available on Mac & PC - - Miss some advanced features

  125. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 OMNIGRAFFLE 125 →

  126. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 OMNIGRAFFLE 126 → Sources : Omnigraffle

  127. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 OMNIGRAFFLE 127 → + Powerful + Versatile - - Messy interface/shortcuts - Available only on Mac

  128. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 AXURE 128 →

  129. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 AXURE 129 → Sources : Axure

  130. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 AXURE 130 → + Powerful + Complete + Available on Mac & PC - - Complicated - Expensive

  131. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    VISUAL DESIGN 131

  132. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE PHOTOSHOP 132 →

  133. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE PHOTOSHOP 133 → + Leader app + Cool new features + Available on Mac & PC - - Too heavy - Not responsive

  134. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE ILLUSTRATOR 134 →

  135. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE ILLUSTRATOR 135 → + Vector powered + Available on Mac & PC - - Not responsive

  136. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE INDESIGN 136 →

  137. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE INDESIGN 137 → + Interactive + Available on Mac & PC - - Still too much print oriented

  138. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 SKETCH 138 →

  139. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 SKETCH 139 → Sources : Bohemian Coding

  140. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 SKETCH 140 → + Vector powered + Simple + Cheap - - Very buggy - Available only on Mac

  141. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    WEB DESIGN 141

  142. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE EDGE REFLOW 142 →

  143. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE EDGE REFLOW 143 → Sources : Adobe

  144. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 ADOBE EDGE REFLOW 144 → + Responsive + Connected to Photoshop + Available on Mac & PC - - Dirty code - Not interactive - Still in beta

  145. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 MACAW 145 →

  146. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 MACAW 146 → Sources : Macaw

  147. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 MACAW 147 → + Responsive + Clean code + Simple - - Available only on Mac - Not interactive - Not available yet

  148. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    MOBILE PROTOTYPING 148

  149. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 POP 149 →

  150. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 POP 150 → Sources : POP

  151. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 POP 151 → + Simple + Free + Available on iOS & Android - - Still in beta

  152. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 PROTOSKETCH 152 →

  153. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 PROTOSKETCH 153 → Sources : UI Stencils

  154. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    © SQLI AGENCY / 2014-01 PROTOSKETCH 154 → + Simple + Sharing feature + Free - - Available only on iOS

  155. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    MERCI 155 jfontana.fr @skynebula → Twitter → Behance → Dribbble → Pinterest …

  156. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    QUESTION? ANSWERS! 156

  157. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    157 NEXT EVENTS

  158. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    NEXT EVENTS 158

  159. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    NEXT EVENTS 159 Creating Delightful User Experiences 2 days - 8 talks - 8 workshops Thursday 22nd & Friday 23rd May 2014 uxlausanne.com

  160. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    LET'S GET CONNECTED! 160 #TxDxS @sqliagency_ch @sqliagency_ch /sqliagencych sqliagency.ch

  161. © SQLI AGENCY / 2014-01 © SQLI AGENCY / 2014-02

    THANK YOU! 161 THANK YOU! Now, let's drink & share!

  162. © SQLI AGENCY SQLIAGENCY.CH