SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
make it better
Describing Designs
Traditional Design Specifications vs. Prototyping
make it better
Who’s this guy?
tweet @skotcarruthdescribing designs
prepared for san francisco ux designers
• Web design and development since 1996
• Founded Philosophie in 2008
• Worked on 200+ web/mobile projects
• UXD Instructor, UXDi Curriculum Fellow @ GA
• New to San Francisco!
make it better
When I was a boy…
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
Web Designer
describing designs
make it better
Now we have specialization
• User Researcher
• Information Architect
• Interaction Designer
• UI Designer
• Visual/Graphic Designer
• Motion Designer
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Now we have specialization
• User Researcher
• Information Architect
• Interaction Designer
• UI Designer
• Visual/Graphic Designer
• Motion Designer
tweet @skotcarruth
prepared for san francisco ux designers
• Content Strategist
• Business Analyst
• Product Manager
• Front-end Developer
• Back-end Developer
• DevOps
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
How do you coordinate with
all of these people?
describing designs
make it better
The Spec
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Documentation
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Each role has its deliverables
• User Researcher
• Information Architect
• Interaction Designer
• UI Designer
• Visual/Graphic Designer
• Motion Designer
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
User Research
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Information Architecture
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Interaction Design
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
UI Design
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Visual Design
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Motion Design
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Motion Design
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
The Spec
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
The Spec
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
The Spec
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
The Spec
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Traditional specs can work well when:
• There are many specialists on the team
• There is ample time to create them
• They are done well
• Development is outsourced or remote
• Work is done in a waterfall fashion
• The scope doesn’t change much
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
But they also suck.
• TL;DR
• Time-intensive
• Hard to keep up-to-date
• What about testing?
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
1) Communicate
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
1) Communicate
2) Test
describing designs
make it better
The Prototype
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
It’s about mindset
tweet @skotcarruth
prepared for san francisco ux designers
1) Communicate
2) Test
describing designs
make it better
tweet @skotcarruth
What you make depends on
what you want to learn.
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
http://www.cennydd.com/writing/why-i-dont-wireframe-much
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
http://www.cennydd.com/writing/why-i-dont-wireframe-much
describing designs
make it better
Types of Prototypes
tweet @skotcarruth
prepared for san francisco ux designers
Low Visual Fidelity
Low Functional Fidelity
High Functional Fidelity
High Visual Fidelity
Paper Prototypes
Wireframes
Comps
Proof of concept Working Software
Static front-end
describing designs
make it better
Types of Prototypes
tweet @skotcarruth
prepared for san francisco ux designers
Low Visual Fidelity
Low Functional Fidelity
High Functional Fidelity
High Visual Fidelity
Paper Prototypes
Wireframes
Comps
Proof of concept
Static front-end
Working Software
describing designs
make it better
Prototype on Paper (POP)
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Prototype on Paper (POP)
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
InVision
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Framer.js
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Framer.js
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
Prototypes are more powerful…
• A picture’s worth 1000 words
• Easier to test with
• Easier than ever to create
• More fun
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
But don’t forget:
there’s no magic bullet.
prepared for san francisco ux designers
describing designs
make it better
tweet @skotcarruth
prepared for san francisco ux designers
1) Communicate
2) Test
describing designs
make it better
Questions?
tweet @skotcarruth
prepared for san francisco ux designers
describing designs
skot@philosophie.is

Contenu connexe

Tendances

Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
Rachel Hinman
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX Recruiting
Jason Mesut
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
Patrick McNeil
 

Tendances (20)

Web Conference at Penn State 2015
Web Conference at Penn State 2015Web Conference at Penn State 2015
Web Conference at Penn State 2015
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUX
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Research & Design Methods, Mad*Pow - HxD2013
Research & Design Methods, Mad*Pow - HxD2013Research & Design Methods, Mad*Pow - HxD2013
Research & Design Methods, Mad*Pow - HxD2013
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
 
UX and Design Thinking for Startups
UX and Design Thinking for StartupsUX and Design Thinking for Startups
UX and Design Thinking for Startups
 
Surviving the Hype: An Experimental Framework for Scaling Enterprise Design T...
Surviving the Hype: An Experimental Framework for Scaling Enterprise Design T...Surviving the Hype: An Experimental Framework for Scaling Enterprise Design T...
Surviving the Hype: An Experimental Framework for Scaling Enterprise Design T...
 
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy TutorialUXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy Tutorial
 
UX STRAT USA 2017: Richard Dalton, "Engaging the Organization For Design Impa...
UX STRAT USA 2017: Richard Dalton, "Engaging the Organization For Design Impa...UX STRAT USA 2017: Richard Dalton, "Engaging the Organization For Design Impa...
UX STRAT USA 2017: Richard Dalton, "Engaging the Organization For Design Impa...
 
Journey Maps with Legs! Best practices & hot tips for research, design and di...
Journey Maps with Legs! Best practices & hot tips for research, design and di...Journey Maps with Legs! Best practices & hot tips for research, design and di...
Journey Maps with Legs! Best practices & hot tips for research, design and di...
 
Evolving an in-house design practice
Evolving an in-house design practiceEvolving an in-house design practice
Evolving an in-house design practice
 
Dynamic Design (magazine/issue 1/fall 2015)
Dynamic Design (magazine/issue 1/fall 2015)Dynamic Design (magazine/issue 1/fall 2015)
Dynamic Design (magazine/issue 1/fall 2015)
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX Recruiting
 
UX Recipe Cards
UX Recipe CardsUX Recipe Cards
UX Recipe Cards
 
Design for Startups #KyivFTW
Design for Startups #KyivFTWDesign for Startups #KyivFTW
Design for Startups #KyivFTW
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
(PROJEKTURA) lean and agile for corporation @Cotrugli MBA
 
Hacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for TechiesHacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for Techies
 
Know Thyself, and to thine users be true: Understanding and Managing Biases t...
Know Thyself, and to thine users be true: Understanding and Managing Biases t...Know Thyself, and to thine users be true: Understanding and Managing Biases t...
Know Thyself, and to thine users be true: Understanding and Managing Biases t...
 
Building real things for real people 2009
Building real things for real people 2009Building real things for real people 2009
Building real things for real people 2009
 

Similaire à Describing Design

Ux design 101 crb 2
Ux design 101 crb 2Ux design 101 crb 2
Ux design 101 crb 2
oddrey246
 

Similaire à Describing Design (20)

Creating a good architecture
Creating a good architectureCreating a good architecture
Creating a good architecture
 
Agile & UX 3 WAYS v0.1
Agile & UX 3 WAYS v0.1Agile & UX 3 WAYS v0.1
Agile & UX 3 WAYS v0.1
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
"Technical" UX Design
"Technical" UX Design"Technical" UX Design
"Technical" UX Design
 
How can i do more UX? (Stavros Garzonis)
How can i do more UX? (Stavros Garzonis)How can i do more UX? (Stavros Garzonis)
How can i do more UX? (Stavros Garzonis)
 
Jennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference KeynoteJennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference Keynote
 
Design at Swiftkey – Scott Weiss, Swiftkey
Design at Swiftkey – Scott Weiss, SwiftkeyDesign at Swiftkey – Scott Weiss, Swiftkey
Design at Swiftkey – Scott Weiss, Swiftkey
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
UX @ agile - myths, legends and the path to success
UX @ agile - myths, legends and the path to successUX @ agile - myths, legends and the path to success
UX @ agile - myths, legends and the path to success
 
Building a UX Process at Salesforce that Promotes Focus and Creativity
Building a UX Process at Salesforce that Promotes Focus and CreativityBuilding a UX Process at Salesforce that Promotes Focus and Creativity
Building a UX Process at Salesforce that Promotes Focus and Creativity
 
Delicious Design
Delicious DesignDelicious Design
Delicious Design
 
Adventures in user-centred Agile
Adventures in user-centred AgileAdventures in user-centred Agile
Adventures in user-centred Agile
 
Adventures in User-Centred Agile
Adventures in User-Centred AgileAdventures in User-Centred Agile
Adventures in User-Centred Agile
 
Unit 35 LO3 Production Plan
Unit 35  LO3 Production Plan Unit 35  LO3 Production Plan
Unit 35 LO3 Production Plan
 
Silvio_Pino[1]
Silvio_Pino[1]Silvio_Pino[1]
Silvio_Pino[1]
 
Ux design 101 crb 2
Ux design 101 crb 2Ux design 101 crb 2
Ux design 101 crb 2
 
Website Design Workflow - Stephen B. Starr Design, Inc.
Website Design Workflow - Stephen B. Starr Design, Inc.Website Design Workflow - Stephen B. Starr Design, Inc.
Website Design Workflow - Stephen B. Starr Design, Inc.
 
Design Tokens For Dummies
Design Tokens For DummiesDesign Tokens For Dummies
Design Tokens For Dummies
 
Do I Use Planner, Project Online, or Azure DevOps?
Do I Use Planner, Project Online, or Azure DevOps?Do I Use Planner, Project Online, or Azure DevOps?
Do I Use Planner, Project Online, or Azure DevOps?
 
An Organizational Story: Salesforce Lightning Design (Nalini Kotamraju at Ent...
An Organizational Story: Salesforce Lightning Design (Nalini Kotamraju at Ent...An Organizational Story: Salesforce Lightning Design (Nalini Kotamraju at Ent...
An Organizational Story: Salesforce Lightning Design (Nalini Kotamraju at Ent...
 

Plus de Skot Carruth

Plus de Skot Carruth (12)

The Future Is Dark - Skot Carruth at World Usability Congress 2019
The Future Is Dark - Skot Carruth at World Usability Congress 2019The Future Is Dark - Skot Carruth at World Usability Congress 2019
The Future Is Dark - Skot Carruth at World Usability Congress 2019
 
Design as Strategy (or, Intro to Competitive Strategy for Designers)
Design as Strategy (or, Intro to Competitive Strategy for Designers)Design as Strategy (or, Intro to Competitive Strategy for Designers)
Design as Strategy (or, Intro to Competitive Strategy for Designers)
 
Forget Design Thinking — Start Design Doing
Forget Design Thinking — Start Design DoingForget Design Thinking — Start Design Doing
Forget Design Thinking — Start Design Doing
 
Experiment Driven Design Workshop at Agile2018
Experiment Driven Design Workshop at Agile2018Experiment Driven Design Workshop at Agile2018
Experiment Driven Design Workshop at Agile2018
 
Experiment-Driven Design in the Enterprise (2017 Lean Startup Week)
Experiment-Driven Design in the Enterprise (2017 Lean Startup Week)Experiment-Driven Design in the Enterprise (2017 Lean Startup Week)
Experiment-Driven Design in the Enterprise (2017 Lean Startup Week)
 
Balancing With Clients
Balancing With ClientsBalancing With Clients
Balancing With Clients
 
Avoiding Runaway Trains
Avoiding Runaway TrainsAvoiding Runaway Trains
Avoiding Runaway Trains
 
Creating an Objective Visual Strategy
Creating an Objective Visual StrategyCreating an Objective Visual Strategy
Creating an Objective Visual Strategy
 
UX Crash Course for Startup UCLA
UX Crash Course for Startup UCLAUX Crash Course for Startup UCLA
UX Crash Course for Startup UCLA
 
Perspectives on UX
Perspectives on UXPerspectives on UX
Perspectives on UX
 
Putting the User Back in User Experience
Putting the User Back in User ExperiencePutting the User Back in User Experience
Putting the User Back in User Experience
 
Intro to MVPs
Intro to MVPsIntro to MVPs
Intro to MVPs
 

Dernier

怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 

Dernier (20)

怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 

Describing Design

  • 1. make it better Describing Designs Traditional Design Specifications vs. Prototyping
  • 2. make it better Who’s this guy? tweet @skotcarruthdescribing designs prepared for san francisco ux designers • Web design and development since 1996 • Founded Philosophie in 2008 • Worked on 200+ web/mobile projects • UXD Instructor, UXDi Curriculum Fellow @ GA • New to San Francisco!
  • 3. make it better When I was a boy… tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 4. make it better tweet @skotcarruth prepared for san francisco ux designers Web Designer describing designs
  • 5. make it better Now we have specialization • User Researcher • Information Architect • Interaction Designer • UI Designer • Visual/Graphic Designer • Motion Designer tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 6. make it better Now we have specialization • User Researcher • Information Architect • Interaction Designer • UI Designer • Visual/Graphic Designer • Motion Designer tweet @skotcarruth prepared for san francisco ux designers • Content Strategist • Business Analyst • Product Manager • Front-end Developer • Back-end Developer • DevOps describing designs
  • 7. make it better tweet @skotcarruth prepared for san francisco ux designers How do you coordinate with all of these people? describing designs
  • 8. make it better The Spec tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 9. make it better Documentation tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 10. make it better Each role has its deliverables • User Researcher • Information Architect • Interaction Designer • UI Designer • Visual/Graphic Designer • Motion Designer tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 11. make it better User Research tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 12. make it better Information Architecture tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 13. make it better Interaction Design tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 14. make it better UI Design tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 15. make it better Visual Design tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 16. make it better Motion Design tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 17. make it better Motion Design tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 18. make it better The Spec tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 19. make it better The Spec tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 20. make it better The Spec tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 21. make it better The Spec tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 22. make it better Traditional specs can work well when: • There are many specialists on the team • There is ample time to create them • They are done well • Development is outsourced or remote • Work is done in a waterfall fashion • The scope doesn’t change much tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 23. make it better But they also suck. • TL;DR • Time-intensive • Hard to keep up-to-date • What about testing? tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 24. make it better tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 25. make it better tweet @skotcarruth prepared for san francisco ux designers 1) Communicate describing designs
  • 26. make it better tweet @skotcarruth prepared for san francisco ux designers 1) Communicate 2) Test describing designs
  • 27. make it better The Prototype tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 28. make it better It’s about mindset tweet @skotcarruth prepared for san francisco ux designers 1) Communicate 2) Test describing designs
  • 29. make it better tweet @skotcarruth What you make depends on what you want to learn. prepared for san francisco ux designers describing designs
  • 30. make it better tweet @skotcarruth prepared for san francisco ux designers http://www.cennydd.com/writing/why-i-dont-wireframe-much describing designs
  • 31. make it better tweet @skotcarruth prepared for san francisco ux designers http://www.cennydd.com/writing/why-i-dont-wireframe-much describing designs
  • 32. make it better Types of Prototypes tweet @skotcarruth prepared for san francisco ux designers Low Visual Fidelity Low Functional Fidelity High Functional Fidelity High Visual Fidelity Paper Prototypes Wireframes Comps Proof of concept Working Software Static front-end describing designs
  • 33. make it better Types of Prototypes tweet @skotcarruth prepared for san francisco ux designers Low Visual Fidelity Low Functional Fidelity High Functional Fidelity High Visual Fidelity Paper Prototypes Wireframes Comps Proof of concept Static front-end Working Software describing designs
  • 34. make it better Prototype on Paper (POP) tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 35. make it better Prototype on Paper (POP) tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 36. make it better InVision tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 37. make it better Framer.js tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 38. make it better Framer.js tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 39. make it better Prototypes are more powerful… • A picture’s worth 1000 words • Easier to test with • Easier than ever to create • More fun tweet @skotcarruth prepared for san francisco ux designers describing designs
  • 40. make it better tweet @skotcarruth But don’t forget: there’s no magic bullet. prepared for san francisco ux designers describing designs
  • 41. make it better tweet @skotcarruth prepared for san francisco ux designers 1) Communicate 2) Test describing designs
  • 42. make it better Questions? tweet @skotcarruth prepared for san francisco ux designers describing designs skot@philosophie.is