the right role of design in development
TRANSCRIPT
![Page 1: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/1.jpg)
DESIGN IN DEVELOPMENTTHE RIGHT ROLE OF
Bryan Garvey Designer
![Page 2: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/2.jpg)
ROLL CALL
![Page 3: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/3.jpg)
![Page 4: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/4.jpg)
AGILE
![Page 5: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/5.jpg)
![Page 6: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/6.jpg)
WHAT IT’S BEEN LIKE
![Page 7: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/7.jpg)
DESIGNR CODR
![Page 8: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/8.jpg)
DESIGNR CODRBIZNZ
MAKE IT
PRETTY
![Page 9: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/9.jpg)
![Page 10: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/10.jpg)
![Page 11: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/11.jpg)
DESIGNRBIZNZMKTG
CEO
SALEZ
MAKE ITPRETTY
MAKE THIS
THING I SAW
![Page 12: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/12.jpg)
![Page 13: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/13.jpg)
![Page 14: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/14.jpg)
WHAT HAPPENS
▸ Design has to make guesses
▸ Dev has to make guesses
▸ Approval processes drag everything
▸ Use cases missed
▸ Edge cases given too much weight
▸ Business complains after launch
![Page 15: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/15.jpg)
DESIGNERS HAVE TO TEACHIF PEOPLE ARE TO UNDERSTAND THE DIFFERENCE
![Page 16: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/16.jpg)
![Page 17: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/17.jpg)
THE RIGHT ROLE
![Page 18: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/18.jpg)
Designers provide solutions to a business problem within the given temporal, technical and emotional constraints.
![Page 19: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/19.jpg)
Designers provide solutions to a business problem within the given temporal, technical and emotional constraints.
![Page 20: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/20.jpg)
AKA WORKING TOGETHER TO GET S*** DONE
![Page 21: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/21.jpg)
STEP 1: EMBEDCOLLABORATION
![Page 22: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/22.jpg)
DIGITAL MARKETING (WEB + ECOMM)
BA
CONTENT
PM
DEV
DEV
DEV
DEV LEAD
DESIGNR QA
![Page 23: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/23.jpg)
IOT PRODUCTS
DESIGNR
SOFTWR
MGR
DEV DEV
DEV
DEV
DEV
ELEC
ENGNRQA
![Page 24: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/24.jpg)
TENTPOLE TEAM
DESIGNRPM
PRODUCT
DEV
DEV
DEV
DEV LEAD
DEV QA
QA
![Page 25: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/25.jpg)
TIPS FOR DESIGNERS
▸ Sit in the dev area, even if only during certain times
▸ If you can’t sit, always be responsive on chat
▸ Learn the language, if only the word “controller”
▸ Understand their processes
▸ If you always or only work with dev, be sure to find a design support group
![Page 26: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/26.jpg)
TIPS FOR DEVELOPERS
▸ Make a seat in your area, even if only during certain times
▸ Hit them on chat for any potential design questions
▸ Learn the language, if only the phrase “mental model”
![Page 27: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/27.jpg)
TIPS FOR DEVELOPERS
▸ Make a seat in your area, even if only during certain times
▸ Hit them on chat for any potential design questions
▸ Learn the language, if only the phrase “mental model
▸ Understand that design is a trade, not a creative outlet
![Page 28: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/28.jpg)
![Page 29: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/29.jpg)
STEP 2: GET NIMBLECOLLABORATION
![Page 30: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/30.jpg)
TEXTINFRASTRUCTURE
▸ DSGN: Style Guides & UI Patterns
▸ DEV: Frameworks & Modular Code
![Page 31: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/31.jpg)
![Page 32: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/32.jpg)
![Page 33: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/33.jpg)
![Page 34: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/34.jpg)
TEXTPROTOTYPING
▸ DSGN: Fail Quickly & Communicate Clearly
▸ DEV: Save Time & Understand Intention
![Page 35: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/35.jpg)
![Page 36: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/36.jpg)
![Page 37: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/37.jpg)
![Page 38: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/38.jpg)
![Page 39: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/39.jpg)
COLLABORATION
STEP 3: GIVE A LITTLE
![Page 40: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/40.jpg)
The irony is that when you code, you usually check for the edge cases first. When you design, you usually go to them last.
Dakota Reesevia @fullstory / @kristinadutton
![Page 41: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/41.jpg)
Abraham Lincoln (or Elon Musk maybe?)
If you’re not delivering value, you may as well be pissing in the wind.
![Page 42: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/42.jpg)
Your primary goal is for someone to get up and running and gaining value from your product / service as quickly as possible.
![Page 43: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/43.jpg)
▸ Google Glass
▸ Segway
▸ Amazon Fire Phone
DETAILS MAKE THE PRODUCT
▸ 40% of people abandon a website that takes more than 3 seconds to load. https://blog.kissmetrics.com/loading-time/
▸ 23% of mobile apps are used only once. http://info.localytics.com/blog/23-of-users-abandon-an-app-after-one-use
![Page 44: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/44.jpg)
![Page 45: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/45.jpg)
Charles & Ray Eames
Details are not details; they make the product.
![Page 46: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/46.jpg)
![Page 47: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/47.jpg)
BRYAN GARVEY, DESIGNER
@bgroovey
THE RIGHT ROLE OF DESIGN IN DEVELOPMENT
![Page 48: The Right Role of Design in Development](https://reader031.vdocuments.us/reader031/viewer/2022030309/58f2e2fd1a28ab3c3b8b4603/html5/thumbnails/48.jpg)
WEB DEVELOPER OPENING‣ Team Environment
‣ Great Company Culture
‣ Dogs at Work
apply at www.petsafe.net/careers