SlideShare a Scribd company logo
1 of 59
Download to read offline
Design + Development
Gregory Raiz
Presented by:
Title
+
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
Better design leads to ♥
Design + Usability
Development
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 forboth the 

happy paths & thorny paths
Janky
Quality is inversely related 

to the numberfeatures
Buggy
State and modality

are hard to design and predict
Confusing
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
Items should only behave 

differently if they are truly special
Special Case
Being fancy forno good reason
Gratuitous
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

More Related Content

What's hot

What's hot (20)

The Physical Interface
The Physical InterfaceThe Physical Interface
The Physical Interface
 
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush PresentationsFight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
 
FFEA 2016 -10 Website Mistakes Even Great Marketers Can Make
FFEA 2016 -10 Website Mistakes Even Great Marketers Can MakeFFEA 2016 -10 Website Mistakes Even Great Marketers Can Make
FFEA 2016 -10 Website Mistakes Even Great Marketers Can Make
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
 
Creative Thinking
Creative ThinkingCreative Thinking
Creative Thinking
 
Snapchat Visual Marketing Strategy
Snapchat Visual Marketing StrategySnapchat Visual Marketing Strategy
Snapchat Visual Marketing Strategy
 
You Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedeeYou Suck At PowerPoint! by @jessedee
You Suck At PowerPoint! by @jessedee
 
How Zenly Nailed It - Product Methods!
How Zenly Nailed It - Product Methods!How Zenly Nailed It - Product Methods!
How Zenly Nailed It - Product Methods!
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
 
Steal this presentation
Steal this presentationSteal this presentation
Steal this presentation
 
User Interfaces beyond the screen
User Interfaces beyond the screenUser Interfaces beyond the screen
User Interfaces beyond the screen
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
Open Source Creativity
Open Source CreativityOpen Source Creativity
Open Source Creativity
 
The Science of Memorable Presentations
The Science of Memorable PresentationsThe Science of Memorable Presentations
The Science of Memorable Presentations
 
15 Pinterest Strategy Tips To Get Your Pins Go Viral. via @annazubarev
15 Pinterest Strategy Tips To Get Your Pins Go Viral. via @annazubarev15 Pinterest Strategy Tips To Get Your Pins Go Viral. via @annazubarev
15 Pinterest Strategy Tips To Get Your Pins Go Viral. via @annazubarev
 
How to Create a Great Product Storyboard in 8 Steps
How to Create a Great Product Storyboard in 8 StepsHow to Create a Great Product Storyboard in 8 Steps
How to Create a Great Product Storyboard in 8 Steps
 
Design System & Atomic Design
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Design
 
Designing the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets FictionDesigning the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets Fiction
 
4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams
 

Viewers also liked

Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02
Nadezhda Ivera
 
Slideshare
SlideshareSlideshare
Slideshare
lermama
 
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...
Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat...
Shirshanka Das
 

Viewers also liked (11)

Amazing Facts Photo Presentation 2007
Amazing Facts Photo Presentation 2007Amazing Facts Photo Presentation 2007
Amazing Facts Photo Presentation 2007
 
Sociocamp 2015 Grand Finale Slides
Sociocamp 2015 Grand Finale SlidesSociocamp 2015 Grand Finale Slides
Sociocamp 2015 Grand Finale Slides
 
Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02Как создать эффективную презентацию?V 02
Как создать эффективную презентацию?V 02
 
Examples of Infographic slides
Examples of Infographic slidesExamples of Infographic slides
Examples of Infographic slides
 
Slideshare
SlideshareSlideshare
Slideshare
 
Design Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In HealthDesign Thinking: Finding Problems Worth Solving In Health
Design Thinking: Finding Problems Worth Solving In Health
 
5 tools for an awesome presentation-By 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
 
17 Ways to Design a Presentation People Want to View
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
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
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...
Taming the ever-evolving Compliance Beast : Lessons learnt at LinkedIn [Strat...
 
AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017
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
 

Similar to Design and development better together

User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
Steve Hickey
 
Example
ExampleExample
Example
tara
 
Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8
Snake Hill Web Agency
 
How To Do Kick-Ass Software Development, by Sven Peters
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
ZeroTurnaround
 

Similar to Design and development better together (20)

User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
 
Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016
 
Web Design Book Of Trends 2015 2016
Web Design Book Of Trends 2015 2016Web Design Book Of Trends 2015 2016
Web Design Book Of Trends 2015 2016
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
 
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UXBridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
 
Example
ExampleExample
Example
 
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?
User Experience & RIA’s: How does it all come together?
 
Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8Techniques for Designing with Drupal 8
Techniques for Designing with Drupal 8
 
Ai & Design (Presented in Tosan)
Ai & Design  (Presented in Tosan)Ai & Design  (Presented in Tosan)
Ai & Design (Presented in Tosan)
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Prophets trends-in-interactive-design
Prophets trends-in-interactive-designProphets trends-in-interactive-design
Prophets trends-in-interactive-design
 
The 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 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
 
Design ♥ HTML5 – The Future of Mobile Editorial Design
Design ♥ HTML5 – The Future of Mobile Editorial DesignDesign ♥ HTML5 – The Future of Mobile Editorial Design
Design ♥ HTML5 – The Future of Mobile Editorial Design
 
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations
 
IconDesignLAB.com presentation for Games Developers
IconDesignLAB.com presentation for Games DevelopersIconDesignLAB.com presentation for Games Developers
IconDesignLAB.com presentation for Games Developers
 
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...
Educate 2017: Quick 'n Lazy: How we keep things speedy while staying out of y...
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
 
How To Do Kick-Ass Software Development, by Sven Peters
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
 
Designing better user interfaces
Designing better user interfacesDesigning better user interfaces
Designing better user interfaces
 

More from Gregory Raiz

Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat world
Gregory Raiz
 

More from Gregory Raiz (11)

Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015
 
Innovation at Scale & Building with ❤️
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️
 
AltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just features
 
Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016
 
UXPA 10 minute talk on shaping organizations
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations
 
5 minute presentations
5 minute presentations5 minute presentations
5 minute presentations
 
Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat world
 
10 essentials to great mobile
10 essentials to great mobile10 essentials to great mobile
10 essentials to great mobile
 
User interface design for thumbs and fingers
User interface design for thumbs and fingersUser interface design for thumbs and fingers
User interface design for thumbs and fingers
 
Wireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio App
 
Wireframe Powerpoint Parts
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint Parts
 

Recently uploaded

Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
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 eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 

Recently uploaded (20)

Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
Kondapur ] High Profile Call Girls in Hyderabad (Adult Only) 9352988975 Escor...
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
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
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
 
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
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
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...
 
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 

Design and development better together