Design Tools Workshop
74
http://precious-forever.com
-
Upload
precious-design-studio -
Category
Design
-
view
201 -
download
1
Transcript of Design Tools Workshop
HEJ – I’M CHRISTOPHE
@preciousforever
WORKSHOP TOPICS
@preciousforever
— Intro — Context — History and Meaning of Design Tools — BREAK
— Exploring Design Tools — Meet Design Tools Makers — BREAK
— Designing with Digital Material
WORKSHOP GOALS
@preciousforever
— 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
ACTION
@preciousforever
Introduce yourself and your favorite design tool!
SOME CONTEXT
@preciousforever
Designtools Hackday Exploring the Future of Design Tools
http://www.designtoolshackday.com
HELLO WORLD!
HAMBURGNYC
The feedback on the Designtools Hackday was very good and heartwarming.
https://medium.com/sketch-app-sources/runner-speed-up-your-sketch-workflow-fba470ed43c1#.esufuh5sl
Three great and now popular Sketch Plugins were born during the event:
https://sketchfocus.com/
There’s no perfect design tool.
We’re leaving the design software monoliths from yesterday behind and start exploring a bright future of diverse and complementary design tools.
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.
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.
– MARSHALL MCLUHAN
„We shape our tools and thereafter our tools shape us.
"Here’s the simple truth: you can’t innovate on products without first innovating the way you build them." Alex Schleifer, VP of Design at Airbnb
If we don’t love how we work, how can we create products or systems people are supposed to love?
HISTORY & MEANING OF DESIGN TOOLS
@preciousforever
http://www.zeldman.com/2015/09/10/all-websites-look-the-same/
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
There are too many tools that just help us build instead of help us evaluate, think and understand.
Human Machine Collaboration From Manual Work to Automation to Augmentation
API
Human Machine Collaboration The H-Metaphor
https://medium.com/@ArtificialExperience/creativeai-9d4b2346faf3#.edm2b3hmu
Human Machine Collaboration From Manual Work to Automation to Augmentation
API
The Future of Making Things: Generative Design by Autodesk – https://www.youtube.com/watch?v=E2SxqUvtpIk
http://vision.cs.utexas.edu/projects/shadowdraw/shadowdraw.html
If everybody can be a designer, who designs design processes and design tools that make a difference?
ACTION
@preciousforever
Exploring Design Tools with a focus on human machine collaboration.
MEET DESIGN TOOLS MAKERS
@preciousforever
DESIGNING WITH DIGITAL MATERIAL
@preciousforever
Data Color
MEANINGFUL DATA
@preciousforever
Designing with Data TimelineDesigning with Meaningful Data – bit.ly/1QOn8c9
No Data Fake Data Mock Data Meaningful Data Manipulated Real Data
SketchData Populator
Project Cometby Adobe
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Lorem [email protected]
Maria [email protected]
Maria [email protected]
Tilda [email protected], UK
George [email protected] Angeles, USA
George [email protected] Angeles, USA
Natalie [email protected] Angeles, USA
Danielle [email protected]
Emma [email protected]
Kelly [email protected]
Ralph [email protected]
Kevin [email protected]
Beverly [email protected]
Maria Richards7-(229)551-6413 (+1)Available
Matthew Cole251-(676)194-7354
Not available
Martha Lynch33-(171)614-6692 (+2)
Available
Billy Ferguson48-(672)718-6336 (+1)
Do not disturb
Roy Hunt1-(480)970-3837
Not available
Jonathan Little66-(965)393-0501
Available
JSON dataset
Template with {placeholders}
Populated instance
Long-term iteration
Short-term iteration
Phillip Little234-(395)993-6083
4 min ago
Apple Inc251-(676)194-7354
17 min ago
Linda Parker1-(571)831-3088
21 min ago
Microsoft Inc261-(314)441-4378
2 hours ago
James Morris86-(413)306-3447
3 hours ago
Eugene Vasquez86-(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.
Craftby InVision LABS
https://medium.com/sketch-app-sources/designing-with-meaningful-data-5456b40e172e
MEANINGFUL COLOR
@preciousforever
https://medium.com/sketch-app-sources/designing-with-meaningful-color-28edd86240a7#.7qnmijl6e
THANK YOU!
@preciousforever
