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
17

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
22

Other Decks in Design

See All in Design
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
170
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
デザインをみんなのものに　「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
22
7.7k
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
240
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Backlogのイロハ・ やさしい使い方（基本編）
wattlaa
0
320
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
30
2.5k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170

Featured

See All Featured
Statistics for Hackers
jakevdp
789
220k
Done Done
chrislema
178
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Bash Introduction
62gerente
604
210k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Adopting Sorbet at Scale
ufuk
67
8.6k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
How to Ace a Technical Interview
jacobian
272
22k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
What’s in a name? Adding method to the madness
productmarketing
PRO
15
2.6k

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