sqli agency suisse - talk x design x share - episode 2 - from pens to pixels
Post on 18-Jan-2015
841 Views
Preview:
DESCRIPTION
TRANSCRIPT
THINK × DESIGN × SHARE
!
TALK DRINK SHARE
presents
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02 "2
WELCOME TALK DRINK SHARE
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
SQLI AGENCY
"3
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
WHERE WE ARE
"4
LAUSANNE GENEVA
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
WHAT WE DO
"5
© 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?
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
LET'S GET CONNECTED!
"7
#TxDxS
@sqliagency_ch @sqliagency_ch /sqliagencych
sqliagency.ch
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02 "8
LET'S GO!
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
JÉRÉMIE FONTANA Art Director
"9
@skynebula
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
WHO THE HECK AM I?
"10
?
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
WHO THE HECK AM I?
"11
JÉRÉMIE
YO
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
FROM PENS TO PIXELS Wireframe sketching & user interface design
"13
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
FROM PENS TO PIXELS
"14
TITLE INSPIRED BY
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
FROM PENS TO PIXELS
"15
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
FROM PENS TO PIXELS
"16
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
DISCLAIMER
"17
DISCLAIMER This talk is not (only) for designers
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
DISCLAIMER 2
"18
DISCLAIMER I will not teach you how to use Photoshop
2
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
CONTEXT
"19
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
THIS IS YOUR BRAIN
"20
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
LEFT BRAIN VS RIGHT BRAIN
"21
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
LEFT BRAIN VS RIGHT BRAIN
"22
Functional Rational
Sequential Logical
Emotional Intuitive
Simultaneous Inspiration
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
SO…
"23Sources : Jérémie Fontana
FREE your
MIND
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
GO BACK TO CHILDHOOD
"24Sources : Jérémie Fontana
Aircraft design by me (cca mid 80s)
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
AND THE MAGIC HAPPENS
"25Sources : Sébastien Gerbier
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"26
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"27
is notSketching Drawing
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"28
is notSketching DrawingSources : SQLI Agency & Sébastien Gerbier
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"29
simpleisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"30
fastisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"31
roughisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"32
cheapisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"33
disposableisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHAT IS A SKETCH?
"34
> talkingisSketching
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"35
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"36
We sketch to think
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO THINK
"37Sources : Frank Gehry
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO THINK
"38Sources : Frank Gehry
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO THINK
"39Sources : Jack Dorsey
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"40
We sketch to record
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO RECORD
"41Sources : AIGA
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO RECORD
"42Sources : Sébastien Gerbier
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"43
We sketch to communicate
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO COMMUNICATE
"44Sources : Grottes de Lascaux
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO COMMUNICATE
"45Sources : Microsoft
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"46
We sketch to document
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO DOCUMENT
"47Sources : Edward Tufte
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO DOCUMENT
"48Sources : Dieter Rams
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"49
We sketch to experiment
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO EXPERIMENT
"50Sources : Peter Biľak
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO EXPERIMENT
"51Sources : realbeautysketches.dove.com / FBI
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHY WE SKETCH?
"52
We sketch to fail
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WE SKETCH TO FAIL
"53Sources : Everybody’s trash bin
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
HOW DO WE SKETCH?
"54
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"55
Only 4 basic shapes
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"56
Only
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"57
Only
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"58
Only
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"59
Only
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"60
It’s that
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"61Sources : Ben Crothers Sketching in Service Design | Service Design Thinks & Drinks, April 2012
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"62Sources : Ben Crothers Sketching in Service Design | Service Design Thinks & Drinks, April 2012
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BASIC SHAPES
"63Sources : Ben Crothers Sketching in Service Design | Service Design Thinks & Drinks, April 2012
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"64
Start simple
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START SIMPLE
"65Sources : SQLI Agency
L E S Sis
MORELudwig Mies van der Rohe
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START SIMPLE
"66Sources : SQLI Agency
is
MOREMilton Glaser
JUST ENOUGH
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START SIMPLE
"67Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START SIMPLE
"68Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"69
Start small
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START SMALL
"70Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"71
Get dirty
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
START DIRTY
"72Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"73
Go fast
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"74
Use the
DESIGN STUDIO methodology
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"75Sources : UXRomandie
6 — 8 — 5
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"76
6 to 8 sketches in 5 minutes
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"77Sources : UXRomandie
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"78Sources : UXRomandie
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"79
Then
PITCH to your team
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"80Sources : UXRomandie
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"81
And
ITERATE with your team
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GO FAST
"82Sources : UXRomandie
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"83
Explore
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
EXPLORE
"84Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
EXPLORE
"85Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
EXPLORE
"86Sources : JF
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"87
Comment
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
COMMENT
"88Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
COMMENT
"89Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"90
Add shades
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SHADES
"91Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SHADES
"92Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"93
Illustrate
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ILLUSTRATE
"94Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"95
Tell a story
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TELL A STORY
"96Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TELL A STORY
"97Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TELL A STORY
"98Sources : SQLI Agency© SQLI AGENCY / 2013-11
VALUE & BENEFITS (S3)
!18← BACK
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TELL A STORY
"99Sources : SQLI Agency© SQLI AGENCY / 2013-11
REVEAL OF TOOL (S4)
!19← BACK
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TELL A STORY
"100Sources : SQLI Agency
© SQLI AGENCY / 2013-11
USERS (S5)
!20← BACK
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BEST PRACTICES
"101
Add some color
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SOME COLOR
"102Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SOME COLOR
"103Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SOME COLOR
"104Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SOME COLOR
"105Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADD SOME COLOR
"106Sources : SQLI Agency
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TOOLS WE CAN USE
"107
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WHITEBOARD
"108
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
MARKER
"109
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BALLPOINT PEN
"110
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
FINELINER PEN
"111
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
GRAY MARKERS
"112
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
COLOR MARKERS
"113
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
DOT GRID NOTEBOOK
"114
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
POST-IT NOTES
"115
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
PAPER IPAD APP
"116
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
TOUCH STYLUS
"117
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BOOKS
"118
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
JUMP ON THE
SCREEN
"119
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
WARNING
"120
→
WARNING This is not an exhaustive overview
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
INTERACTION DESIGN
"121
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BALSAMIQ
"122
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BALSAMIQ
"123
→Sources : Our boss’ son
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
BALSAMIQ
"124
→
+ Very simple
+ Available on Mac & PC
-
- Miss some advanced features
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
OMNIGRAFFLE
"125
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
OMNIGRAFFLE
"126
→Sources : Omnigraffle
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
OMNIGRAFFLE
"127
→
+ Powerful
+ Versatile
-
- Messy interface/shortcuts - Available only on Mac
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
AXURE
"128
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
AXURE
"129
→Sources : Axure
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
AXURE
"130
→
+ Powerful
+ Complete
+ Available on Mac & PC
-
- Complicated - Expensive
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
VISUAL DESIGN
"131
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE PHOTOSHOP
"132
→
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE ILLUSTRATOR
"134
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE ILLUSTRATOR
"135
→
+ Vector powered
+ Available on Mac & PC
-
- Not responsive
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE INDESIGN
"136
→
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
SKETCH
"138
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
SKETCH
"139
→Sources : Bohemian Coding
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
SKETCH
"140
→
+ Vector powered
+ Simple
+ Cheap
-
- Very buggy - Available only on Mac
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
WEB DESIGN
"141
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE EDGE REFLOW
"142
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
ADOBE EDGE REFLOW
"143
→Sources : Adobe
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
MACAW
"145
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
MACAW
"146
→Sources : Macaw
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
MOBILE PROTOTYPING
"148
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
POP
"149
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
POP
"150
→Sources : POP
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
POP
"151
→
+ Simple
+ Free
+ Available on iOS & Android
-
- Still in beta
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
PROTOSKETCH
"152
→
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
PROTOSKETCH
"153
→Sources : UI Stencils
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02© SQLI AGENCY / 2014-01
PROTOSKETCH
"154
→
+ Simple
+ Sharing feature
+ Free
-
- Available only on iOS
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
MERCI
"155
jfontana.fr @skynebula → Twitter → Behance → Dribbble → Pinterest …
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
QUESTION? ANSWERS!
"156
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02 "157
NEXT EVENTS
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
NEXT EVENTS
"158
© 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
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
LET'S GET CONNECTED!
"160
#TxDxS
@sqliagency_ch @sqliagency_ch /sqliagencych
sqliagency.ch
© SQLI AGENCY / 2014-01© SQLI AGENCY / 2014-02
THANK YOU!
"161THANK YOU!
Now, let's drink & share!
top related