A collage of slides for our Design Tools Workshop we did for The Conference in Malmö (at ustwo Malmö, August 2016) and NEXT Conference in Hamburg (at German Wahnsinn Recording Studio, September 2016).
4. — Intro
— Context
— History and Meaning of Design Tools
— BREAK
— Exploring Design Tools
— Meet Design Tools Makers
— BREAK
— Designing with Digital Material
6. — Meet likeminded people and enjoy some
insightful exercises together
— Reflect on designer/tool relationship and
discuss human/machine collaboration
— Meet design tools makers and take away
a few practices and tools you can start
using tomorrow
31. We’re leaving the design software
monoliths from yesterday behind
and start exploring a bright future
of diverse and complementary
design tools.
32. Sketch is the Minecraft of Design
Tools: it has a pretty open API, it’s
deliberately hackable, encourages
"abuse" … and it often breaks and
crashes.
33. As designers, the tools we use
shape us and shape our work.
Thus, to stay in charge we need to
shape our tools and workflows.
47. Everybody can be a designer.
“dumbing down of creativity” vs. "democratisation and escalation of creativity"
https://web.archive.org/web/20090701000531/http://artbackwash.blogspot.com/2009/06/dont-be-tooler.html
https://medium.com/@ArtificialExperience/creativeai-9d4b2346faf3#.edm2b3hmu
48. There are too many tools that just
help us build instead of help us
evaluate, think and understand.
65. Designing with Data Timeline
Designing with Meaningful Data – bit.ly/1QOn8c9
No Data Fake Data Mock Data Meaningful Data Manipulated Real Data
Sketch
Data Populator
Project Comet
by Adobe
Lorem Ipsum
lorem@ipsum.com
Consetetur
Lorem Ipsum
lorem@ipsum.com
Sadipscing
Lorem Ipsum
lorem@ipsum.com
Sadipscing
Lorem Ipsum
lorem@ipsum.com
Consetetur
Lorem Ipsum
lorem@ipsum.com
Consetetur
Lorem Ipsum
lorem@ipsum.com
Consetetur
Maria Mendez-Ipsum
lorem@ipsum.com
Athens
Maria Mendez-Ipsum
lorem@ipsum.com
Athens
Tilda Swinton
tilda@swinton.com
London, UK
George Clooney
george@clooney.com
Los Angeles, USA
George Clooney
george@clooney.com
Los Angeles, USA
Natalie Portman
natalie@portman.com
Los Angeles, USA
Danielle Phillips
wwells@gevee.net
Werdau
Emma Gibson
tortiz@meevee.mil
Herrenberg
Kelly Miller
gwest@janyx.org
Rodgau
Ralph Newman
gparker@eimbee.info
Aurich
Kevin Larson
jbishop@zoonder.mil
Soest
Beverly Crawford
sbailey@browseblab.com
Werdau
Maria Richards
7-(229)551-6413 (+1)
Available
Matthew Cole
251-(676)194-7354
Not available
Martha Lynch
33-(171)614-6692 (+2)
Available
Billy Ferguson
48-(672)718-6336 (+1)
Do not disturb
Roy Hunt
1-(480)970-3837
Not available
Jonathan Little
66-(965)393-0501
Available
JSON dataset
Template with
{placeholders}
Populated
instance
Long-term iteration
Short-term iteration
Phillip Little
234-(395)993-6083
4 min ago
Apple Inc
251-(676)194-7354
17 min ago
Linda Parker
1-(571)831-3088
21 min ago
Microsoft Inc
261-(314)441-4378
2 hours ago
James Morris
86-(413)306-3447
3 hours ago
Eugene Vasquez
86-(618)410-2686
4 hours ago
Adding content is easy and
quick – but the data remains
random and loose. There’s no
defined relationship within a
dataset.
Still a lot of repetition – adding
data manually is a lot of
repetitive effort and pain!
Remember the "Paste Lorem
Ipsum into selection"
command in Photoshop?
{
"image": "mrichards.png",
"firstname": "Maria",
"lastname": "Richards",
"phones": [
{
"type": "Mobile",
"number": "7-(229)551-6413"
},
{
"type": "Fixed",
"number": "234-(395)993-6083"
}
]
"status": "Available"
}
{firstname} {lastname}
{phones[0].number} {phones|&(+%n)}{status}
JSON datasets are mapped to
UI elements and conditional
actions are being executed.
UI Design with Data PopulationData ManipulationLive API
Calls from/to People
Calls from/to Companies
People
Calls
Companies
Manipulate
Manipulate
Manipulate
Consuming, manipulating and
visually exploring data
structures as an integrated,
iterative process.
Craft
by InVision LABS
https://medium.com/sketch-app-sources/designing-with-meaningful-data-5456b40e172e