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

Talk Drink Share - From pens to pixels

Talk Drink Share - From pens to pixels

Jérémie Fontana

February 12, 2014
Tweet

More Decks by Jérémie Fontana

Other Decks in Design

Transcript

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

    View full-size slide

  2. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02 2
    WELCOME
    TALK
    DRINK
    SHARE

    View full-size slide

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

    View full-size slide

  4. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    WHERE WE ARE
    4
    LAUSANNE GENEVA

    View full-size slide

  5. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    WHAT WE DO
    5

    View full-size slide

  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?

    View full-size slide

  7. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    LET'S GET CONNECTED!
    7
    #TxDxS
    @sqliagency_ch @sqliagency_ch /sqliagencych
    sqliagency.ch

    View full-size slide

  8. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02 8
    LET'S GO!

    View full-size slide

  9. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    JÉRÉMIE
    FONTANA
    Art Director
    9
    @skynebula

    View full-size slide

  10. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    WHO THE HECK AM I?
    10
    ?

    View full-size slide

  11. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    WHO THE HECK AM I?
    11
    JÉRÉMIE
    YO

    View full-size slide

  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

    View full-size slide

  13. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    FROM PENS
    TO PIXELS
    Wireframe sketching & user interface design
    13

    View full-size slide

  14. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    FROM PENS TO PIXELS
    14
    TITLE INSPIRED BY

    View full-size slide

  15. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    FROM PENS TO PIXELS
    15

    View full-size slide

  16. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    FROM PENS TO PIXELS
    16

    View full-size slide

  17. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    DISCLAIMER
    17
    DISCLAIMER
    This talk is not (only) for designers

    View full-size slide

  18. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    DISCLAIMER 2
    18
    DISCLAIMER
    I will not teach you how to use Photoshop
    2

    View full-size slide

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

    View full-size slide

  20. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    THIS IS YOUR BRAIN
    20

    View full-size slide

  21. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    LEFT BRAIN VS RIGHT BRAIN
    21

    View full-size slide

  22. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    LEFT BRAIN VS RIGHT BRAIN
    22
    Functional
    Rational
    Sequential
    Logical
    Emotional
    Intuitive
    Simultaneous
    Inspiration

    View full-size slide

  23. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    SO…
    23
    Sources : Jérémie Fontana
    FREE
    your
    MIND

    View full-size slide

  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)

    View full-size slide

  25. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    AND THE MAGIC HAPPENS
    25
    Sources : Sébastien Gerbier

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  56. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BASIC SHAPES
    56
    Only

    View full-size slide

  57. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BASIC SHAPES
    57
    Only

    View full-size slide

  58. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BASIC SHAPES
    58
    Only

    View full-size slide

  59. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BASIC SHAPES
    59
    Only

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  83. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BEST PRACTICES
    83
    Explore

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  87. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BEST PRACTICES
    87
    Comment

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  93. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    BEST PRACTICES
    93
    Illustrate

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  114. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    DOT GRID NOTEBOOK
    114

    View full-size slide

  115. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    POST-IT NOTES
    115

    View full-size slide

  116. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    PAPER IPAD APP
    116

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  119. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    JUMP ON THE
    SCREEN
    119

    View full-size slide

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

    WARNING
    This is not an exhaustive overview

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    Sources : Our boss’ son

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    Sources : Omnigraffle

    View full-size slide

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

    + Powerful
    + Versatile
    -
    - Messy interface/shortcuts
    - Available only on Mac

    View full-size slide

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

    View full-size slide

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

    Sources : Axure

    View full-size slide

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

    + Powerful
    + Complete
    + Available on Mac & PC
    -
    - Complicated
    - Expensive

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    + Vector powered
    + Available on Mac & PC
    -
    - Not responsive

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    Sources : Bohemian Coding

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

  142. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    ADOBE EDGE REFLOW
    142

    View full-size slide

  143. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    © SQLI AGENCY / 2014-01
    ADOBE EDGE REFLOW
    143

    Sources : Adobe

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    Sources : Macaw

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    Sources : POP

    View full-size slide

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

    + Simple
    + Free
    + Available on iOS & Android
    -
    - Still in beta

    View full-size slide

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

    View full-size slide

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

    Sources : UI Stencils

    View full-size slide

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

    + Simple
    + Sharing feature
    + Free
    -
    - Available only on iOS

    View full-size slide

  155. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    MERCI
    155
    jfontana.fr
    @skynebula
    → Twitter
    → Behance
    → Dribbble
    → Pinterest

    View full-size slide

  156. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    QUESTION?
    ANSWERS!
    156

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  160. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    LET'S GET CONNECTED!
    160
    #TxDxS
    @sqliagency_ch @sqliagency_ch /sqliagencych
    sqliagency.ch

    View full-size slide

  161. © SQLI AGENCY / 2014-01
    © SQLI AGENCY / 2014-02
    THANK YOU!
    161
    THANK YOU!
    Now,
    let's drink
    & share!

    View full-size slide

  162. © SQLI AGENCY SQLIAGENCY.CH

    View full-size slide