Design and development better together

Gregory Raiz
Gregory RaizFounder and CEO of Raizlabs. My passion is working to improve lives through technology and design. at Raizlabs
Design + Development
Gregory Raiz
Presented by:
Title
+
Design and development better together
Design and development better together
Design and development better together
Design and development better together
Features
Usability
Performance
Technology
Design
Features
Usability
Performance
Technology
Design
Features
Usability
Performance
Technology
Design
Design
Aesthetic Usability Effect
Aesthetic Usability Effect
How things look
It’s design!
Functional, Usable, Beautiful
2000 XP
Better design leads to ♥
RaizlabsCreative Solutions
Design and development better together
Better design leads to ♥
Design + Usability
Development
Design and development better together
Something’s not right.
Slick
Great
Smooth
Awesome
Useful
Helpful
Slow
Clunky
Janky
Buggy
Confusing
Complex
Design Development
Slow
Clunky
Janky
Buggy
Confusing
Complex
Performance is a feature
Slow
Sub-Second
1 Second
3-5 Seconds
5+ Seconds
30 Seconds +
Pixels and animations 

between the screens
Clunky
Design and development better together
Design forboth the 

happy paths & thorny paths
Janky
Design and development better together
Quality is inversely related 

to the numberfeatures
Buggy
Design and development better together
State and modality

are hard to design and predict
Confusing
Design and development better together
Compositions may not work if they 

weren’t designedwith real data.
Complex
Die Zusammensetzungen können nicht funktionieren,
wenn sie nicht mit realen Daten entwickeltwurden.
Complex
Slick
Great
Smooth
Awesome
Useful
Helpful
Inconsistent
Non-standard
Special-Case
Gratuitous
API Limited
Platform Limited
Performance Constrained
Things that look the same 

should act the same
Inconsistent
Nothing
Profile
Menu
Things that look system orstock

should act like they are system.
Non-Standard
Design and development better together
Items should only behave 

differently if they are truly special
Special Case
Being fancy forno good reason
Gratuitous
Design and development better together
We can only display the data
ordowhat is possible
API orPlatform
If we do this, things get slow.
Performance Constraints
Communication and Balance
HIG (HumanInterface Guidelines)
API Diffs
Common Language
DesignerDesigns
DeveloperChecksIt
DeveloperCodes
DesignerChecksIt
TraditionalWaterfall Process
Users Only Experience Shipped Products
I don’t carewhat yourspec says…
CODEWINS
LoadingIndicators
Performance
Empty States
ErrorConditions
First Run Experience
Etc. Etc.
Agile isn’t just for
developers
13
3
Agile isn’t just for
developers
7
3
Design + Development
♥
Thank you.
@graiz
1 of 59

Recommended

User Interfaces beyond the screen by
User Interfaces beyond the screenUser Interfaces beyond the screen
User Interfaces beyond the screenJason Mesut
131.9K views168 slides
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba by
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
1.2M views99 slides
Design System & Atomic Design by
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Designeggcellent
118.5K views43 slides
Building a Design System: A Practitioner's Case Study by
Building a Design System: A Practitioner's Case StudyBuilding a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case Studyuxpin
9.9K views50 slides
What is UX? by
What is UX?What is UX?
What is UX?David Carr
165.1K views49 slides
Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018) by
Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018)Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018)
Flow and Superfluidity for Design Orgs (Jacqui Frey at DesignOps Summit 2018)Rosenfeld Media
13.6K views69 slides

More Related Content

What's hot

Top 3 ways to use your UX team - producttank DFW Meetup by
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupJeremy Johnson
65.6K views95 slides
A design system. A year in review. by
A design system. A year in review.A design system. A year in review.
A design system. A year in review.James Ferguson
2.4K views36 slides
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation by
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful CreationPiktochart
166.1K views31 slides
UX Strategy - the secret sauce that defines the pixie dust by
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustEric Reiss
22.5K views85 slides
Typography for [Digital] Humanists by
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] HumanistsAmy Papaelias
47.7K views37 slides
Designing Presentations by
Designing PresentationsDesigning Presentations
Designing PresentationsThe Media Kitchen
83.2K views47 slides

What's hot(20)

Top 3 ways to use your UX team - producttank DFW Meetup by Jeremy Johnson
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW Meetup
Jeremy Johnson65.6K views
A design system. A year in review. by James Ferguson
A design system. A year in review.A design system. A year in review.
A design system. A year in review.
James Ferguson2.4K views
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation by Piktochart
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
Piktochart166.1K views
UX Strategy - the secret sauce that defines the pixie dust by Eric Reiss
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
Eric Reiss22.5K views
Typography for [Digital] Humanists by Amy Papaelias
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] Humanists
Amy Papaelias47.7K views
Design with IDEO: Designing Sustainable Human Centered Business Models by Pemo Theodore
Design with IDEO: Designing Sustainable Human Centered Business ModelsDesign with IDEO: Designing Sustainable Human Centered Business Models
Design with IDEO: Designing Sustainable Human Centered Business Models
Pemo Theodore2.5K views
The Sketchnote Mini-Workshop by Mike Rohde
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
Mike Rohde1.5M views
Initiating and Sustaining Design Systems for the Enterprise by uxpin
Initiating and Sustaining Design Systems for the EnterpriseInitiating and Sustaining Design Systems for the Enterprise
Initiating and Sustaining Design Systems for the Enterprise
uxpin2.5K views
The Great State of Design with CSS Grid Layout and Friends by Stacy Kvernmo
The Great State of Design with CSS Grid Layout and FriendsThe Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
Stacy Kvernmo2.1M views
Which font should I use? by Alexei Kapterev
Which font should I use?Which font should I use?
Which font should I use?
Alexei Kapterev130.7K views
The Physical Interface by Josh Clark
The Physical InterfaceThe Physical Interface
The Physical Interface
Josh Clark366.1K views
NYT Product Discovery Activity Guide by Al Ming
NYT Product Discovery Activity GuideNYT Product Discovery Activity Guide
NYT Product Discovery Activity Guide
Al Ming37.2K views
Design System & Atomic Design by Vani Jain
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Design
Vani Jain1.2K views
Why Design Matters by Group 8A
Why Design MattersWhy Design Matters
Why Design Matters
Group 8A49.1K views

Viewers also liked

Amazing Facts Photo Presentation 2007 by
Amazing Facts Photo Presentation 2007Amazing Facts Photo Presentation 2007
Amazing Facts Photo Presentation 2007Targetseo.com
41.2K views50 slides
Sociocamp 2015 Grand Finale Slides by
Sociocamp 2015 Grand Finale SlidesSociocamp 2015 Grand Finale Slides
Sociocamp 2015 Grand Finale SlidesMd. Samid Razzak
3.5K views57 slides
Как создать эффективную презентацию?V 02 by
Как создать эффективную презентацию?V 02Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02Nadezhda Ivera
19.6K views12 slides
Examples of Infographic slides by
Examples of Infographic slidesExamples of Infographic slides
Examples of Infographic slidesMurad Isakov
519 views4 slides
Slideshare by
SlideshareSlideshare
Slidesharelermama
34K views15 slides
Design Thinking: Finding Problems Worth Solving In Health by
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthAdam Connor
234K views61 slides

Viewers also liked(13)

Amazing Facts Photo Presentation 2007 by Targetseo.com
Amazing Facts Photo Presentation 2007Amazing Facts Photo Presentation 2007
Amazing Facts Photo Presentation 2007
Targetseo.com41.2K views
Sociocamp 2015 Grand Finale Slides by Md. Samid Razzak
Sociocamp 2015 Grand Finale SlidesSociocamp 2015 Grand Finale Slides
Sociocamp 2015 Grand Finale Slides
Md. Samid Razzak3.5K views
Как создать эффективную презентацию?V 02 by Nadezhda Ivera
Как создать эффективную презентацию?V 02Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02
Nadezhda Ivera19.6K views
Examples of Infographic slides by Murad Isakov
Examples of Infographic slidesExamples of Infographic slides
Examples of Infographic slides
Murad Isakov519 views
Slideshare by lermama
SlideshareSlideshare
Slideshare
lermama34K views
Design Thinking: Finding Problems Worth Solving In Health by Adam Connor
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In Health
Adam Connor234K views
Designing the Future: When Fact Meets Fiction by Dean Johnson
Designing the Future: When Fact Meets FictionDesigning the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets Fiction
Dean Johnson176.8K views
5 tools for an awesome presentation-By Samid Razzak by Md. Samid Razzak
5 tools for an awesome presentation-By Samid Razzak5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak
Md. Samid Razzak54.5K views
17 Ways to Design a Presentation People Want to View by Jim MacLeod
17 Ways to Design a Presentation People Want to View17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
Jim MacLeod91.3K views
12 Ways to Increase Your Influence at Work by GetSmarter
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter401.7K views
15 Quotes To Nurture Your Creative Soul! by DesignMantic
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
DesignMantic331.6K views
Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat... by Shirshanka Das
Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat...Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat...
Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat...
Shirshanka Das595.1K views
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017 by Carol Smith
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
Carol Smith4.9M views

Similar to Design and development better together

User Experience & Web Product Design by
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product DesignSteve Hickey
2.7K views100 slides
Web Design Trends 2015 & 2016 by
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Lewis Lin 🦊
4.1K views186 slides
Web Design Book Of Trends 2015 2016 by
Web Design Book Of Trends 2015 2016Web Design Book Of Trends 2015 2016
Web Design Book Of Trends 2015 2016Jessie Doan
708 views186 slides
Web Design Trends e-Book by
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Bookjesús Santo
487 views186 slides
Bridging the Physical-Digital Divide: For UX by
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXPlan
108.2K views154 slides
Example by
ExampleExample
Exampletara
2.4K views47 slides

Similar to Design and development better together(20)

User Experience & Web Product Design by Steve Hickey
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
Steve Hickey2.7K views
Web Design Trends 2015 & 2016 by Lewis Lin 🦊
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016
Lewis Lin 🦊4.1K views
Web Design Book Of Trends 2015 2016 by Jessie Doan
Web Design Book Of Trends 2015 2016Web Design Book Of Trends 2015 2016
Web Design Book Of Trends 2015 2016
Jessie Doan 708 views
Web Design Trends e-Book by jesús Santo
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
jesús Santo487 views
Bridging the Physical-Digital Divide: For UX by Plan
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
Plan108.2K views
Example by tara
ExampleExample
Example
tara2.4K views
User Experience & RIA’s: How does it all come together? by OneSpring LLC
User Experience & RIA’s:  How does it all come together?User Experience & RIA’s:  How does it all come together?
User Experience & RIA’s: How does it all come together?
OneSpring LLC641 views
The road to faster mock-ups: How we built and shared our design system by andrewdenty
The road to faster mock-ups: How we built and  shared our design systemThe road to faster mock-ups: How we built and  shared our design system
The road to faster mock-ups: How we built and shared our design system
andrewdenty233 views
Design ♥ HTML5 – The Future of Mobile Editorial Design by Johannes Ippen
Design ♥ HTML5 – The Future of Mobile Editorial DesignDesign ♥ HTML5 – The Future of Mobile Editorial Design
Design ♥ HTML5 – The Future of Mobile Editorial Design
Johannes Ippen5.5K views
iOS Human Interface Design Guideline Part 1 by Sansern Wuthirat
iOS Human Interface Design Guideline Part 1iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
Sansern Wuthirat400 views
IconDesignLAB.com presentation for Games Developers by Roman Rudnik
IconDesignLAB.com presentation for Games DevelopersIconDesignLAB.com presentation for Games Developers
IconDesignLAB.com presentation for Games Developers
Roman Rudnik580 views
Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y... by Learnosity
Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...
Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...
Learnosity300 views
Prophets trends in Interactive Design 2012 by Prophets Agency
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
Prophets Agency48.1K views
How To Do Kick-Ass Software Development, by Sven Peters by ZeroTurnaround
How To Do Kick-Ass Software Development, by Sven PetersHow To Do Kick-Ass Software Development, by Sven Peters
How To Do Kick-Ass Software Development, by Sven Peters
ZeroTurnaround2.3K views
Designing better user interfaces by Johan Ronsse
Designing better user interfacesDesigning better user interfaces
Designing better user interfaces
Johan Ronsse64.9K views

More from Gregory Raiz

Raizlabs Culture Deck - 2015 by
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Gregory Raiz
7 views46 slides
Innovation at Scale & Building with ❤️ by
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️Gregory Raiz
473 views47 slides
AltConf - Products need a vision, not just features by
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresGregory Raiz
2.9K views61 slides
Why bad design is your fault - UXPA 2016 by
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Gregory Raiz
11.6K views38 slides
UXPA 10 minute talk on shaping organizations by
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations Gregory Raiz
1.2K views23 slides
5 minute presentations by
5 minute presentations5 minute presentations
5 minute presentationsGregory Raiz
29.7K views20 slides

More from Gregory Raiz(11)

Raizlabs Culture Deck - 2015 by Gregory Raiz
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015
Gregory Raiz7 views
Innovation at Scale & Building with ❤️ by Gregory Raiz
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️
Gregory Raiz473 views
AltConf - Products need a vision, not just features by Gregory Raiz
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just features
Gregory Raiz2.9K views
Why bad design is your fault - UXPA 2016 by Gregory Raiz
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016
Gregory Raiz11.6K views
UXPA 10 minute talk on shaping organizations by Gregory Raiz
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations
Gregory Raiz1.2K views
5 minute presentations by Gregory Raiz
5 minute presentations5 minute presentations
5 minute presentations
Gregory Raiz29.7K views
Flat design for a non flat world by Gregory Raiz
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat world
Gregory Raiz2.5K views
10 essentials to great mobile by Gregory Raiz
10 essentials to great mobile10 essentials to great mobile
10 essentials to great mobile
Gregory Raiz10.7K views
User interface design for thumbs and fingers by Gregory Raiz
User interface design for thumbs and fingersUser interface design for thumbs and fingers
User interface design for thumbs and fingers
Gregory Raiz1.5K views
Wireframe screens for the Clock Radio App by Gregory Raiz
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio App
Gregory Raiz1.5K views
Wireframe Powerpoint Parts by Gregory Raiz
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint Parts
Gregory Raiz10.6K views

Recently uploaded

FIESTAS DE QUITO.pdf by
FIESTAS DE QUITO.pdfFIESTAS DE QUITO.pdf
FIESTAS DE QUITO.pdfeluniversocom
26 views8 slides
The Report is Dead, Long Live the Report ! Communicating Usability Research F... by
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...Centralis
8 views72 slides
Samsung Galaxy Watch 5 Presentation by
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentationaryasheel1
13 views1 slide
New Icon Presentation.pdf by
New Icon Presentation.pdfNew Icon Presentation.pdf
New Icon Presentation.pdfsydneyjrichardson
27 views5 slides
Essay 29.docx by
Essay 29.docxEssay 29.docx
Essay 29.docxOrlySiquihua
8 views1 slide
Sugar Air Kiss Lipstick by
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstickaryasheel1
7 views5 slides

Recently uploaded(20)

The Report is Dead, Long Live the Report ! Communicating Usability Research F... by Centralis
The Report is Dead, Long Live the Report ! Communicating Usability Research F...The Report is Dead, Long Live the Report ! Communicating Usability Research F...
The Report is Dead, Long Live the Report ! Communicating Usability Research F...
Centralis8 views
Samsung Galaxy Watch 5 Presentation by aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 views
Sugar Air Kiss Lipstick by aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel17 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman53 views
StratPlanning Manual 220713.pdf by Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media19 views
Canned Cocktail Flat Labels by nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza16 views
boggiano_project 2.pptx by samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano20 views
Free World aids day Template from Best presentation design agency by slideceotemplates
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agency
Cocktail Merchandise by nyhapedraza
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandise
nyhapedraza13 views
500% Sales Growth with Amazon A+ Content by Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima9 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views

Design and development better together