Designing One to Many: Warm Gun 2012
-
Upload
andrew-crow -
Category
Design
-
view
186 -
download
1
description
Transcript of Designing One to Many: Warm Gun 2012
![Page 1: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/1.jpg)
![Page 2: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/2.jpg)
I work at GE.
http://www.nbc.com/30-rock/about/bio/cast/alec-baldwin/614698
![Page 3: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/3.jpg)
@andrewcrow
![Page 4: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/4.jpg)
Designing for one to many.
![Page 5: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/5.jpg)
1995Decision Theory &Adaptive Systems Group Dr. Eric Horvitz
![Page 6: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/6.jpg)
“Misunderstood animated pedagogical
agent or spawn of Satan? ”
ROBOTICS ZEITGEIST BLOG
![Page 7: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/7.jpg)
What went wrong?
![Page 8: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/8.jpg)
!at was 17 years ago.For basicallyone context of use.
![Page 9: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/9.jpg)
TodayMultiple locations
Varied environmentsComplex relationships
Rich ecosystems
![Page 10: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/10.jpg)
methods for creating modern experiences 3
![Page 11: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/11.jpg)
ContextualAwareness
DesignSystems
SupportingExperiences
![Page 12: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/12.jpg)
Contextual awareness
http://wallpapersus.com/wp-content/uploads/2012/03/outer-space-lights-planets-earth-satellite-new-york-city-international-space-station-soyuz-new-jersey-north-america-long-island.jpg
![Page 13: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/13.jpg)
![Page 14: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/14.jpg)
LocationTime Form & TechnologyBrands & RelationshipsEcosystem
DESIGNING FOR CONTEXT
![Page 15: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/15.jpg)
“Some of the biggest services in the world
started off with really simple problems.”
KEVIN SYSTROM (INSTAGRAM)
![Page 16: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/16.jpg)
When imagined as a system, great experiences can scale.
Supporting experiences can be used to create a larger user experience.
SUPPORTING EXPERIENCES
![Page 17: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/17.jpg)
http://www.usatoday.com/story/cruiselog/2012/09/28/royal-princess-fountain-water-light-show/1600473/
![Page 18: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/18.jpg)
User Experience
![Page 19: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/19.jpg)
Web app
Customer Service
Social
Presentation layer
Checkout
![Page 20: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/20.jpg)
User Experience
Web app
Customer Service
Social
Presentation layer
Checkout
![Page 21: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/21.jpg)
“Responsive design is ushering in a new
era of design systems on the web.”
JARED PONCHOT (LULLABOT)
![Page 22: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/22.jpg)
A design system is a collection of visual and interaction elements that embodies the brand.
DESIGN SYSTEMS
!e system is often expressed across many channels including web, mobile, desktop, and service producing a consistent user experience.
![Page 23: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/23.jpg)
![Page 24: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/24.jpg)
panorama
![Page 25: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/25.jpg)
![Page 26: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/26.jpg)
Frameworks & patternsStrategy for combining componentsStandards of visual and textual toneCode librariesPurpose that is larger than the parts
DESIGN SYSTEMS
![Page 27: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/27.jpg)
Speed application developmentImprove software UI qualityEnable extension & reuse of elements
DESIGN SYSTEMS
![Page 28: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/28.jpg)
Support additional verticals & external partnersMinimize ongoing support needsCreate consistent branded experiences
DESIGN SYSTEMS
![Page 29: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/29.jpg)
Design systems enable to you scale your product to multiple platforms, in a variety of contexts, and reach a wide audience quickly.
DESIGN SYSTEMS
![Page 30: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/30.jpg)
ContextualAwareness
DesignSystems
SupportingExperiences
Understanding the context in
which your product is used
Use supporting experiences to build a holistic user experience
Create design systems for consistency and growth
SCALING YOUR PRODUCT FROM ONE TO MANY
![Page 31: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/31.jpg)
Thank you for your attention.@andrewcrow
![Page 32: Designing One to Many: Warm Gun 2012](https://reader034.fdocuments.in/reader034/viewer/2022052412/55908e1e1a28ab736d8b465e/html5/thumbnails/32.jpg)