see what ux can do for you
DESCRIPTION
TRANSCRIPT
![Page 1: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/1.jpg)
#INTERACTIVENERDS
![Page 2: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/2.jpg)
#INTERACTIVENERDS
MATT TONAKCOMMUNITY MANAGER
![Page 3: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/3.jpg)
#INTERACTIVENERDS
THE NERDERY
WE PARTNER WITH CREATIVE MINDS AND BIG THINKERS TO ENGINEER AND EXECUTE THEIR INTERACTIVE PROJECTS
HTTP://WWW.NERDERY.COMTWITTER: @THE_NERDERY
1,092,432 5145HOURS WORKED SINCE 2003 PROJECTS DOGS IN OUR OFFICE BIKE COMMUTERS
HOURS WORKED, LAST 12 MONTHS
PEOPLE WHO WORK AT THE NERDERY
AVERAGE JANUARY TEMPERATURE
THREE HUNDRED TWENTY-SIX
TWENTY-EIGHT
6
FOURº
![Page 4: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/4.jpg)
#INTERACTIVENERDS
HOW TO PARTICIPATE¼ Using the questions panels in the GoToMeeting app
¼ On Twitter @The_Nerdery
¼ Tweet with the #interactivenerds hashtag
¼ Send us an email at [email protected]
![Page 5: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/5.jpg)
#INTERACTIVENERDS
MIKEDIRECTOR OF USER EXPERIENCE
![Page 6: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/6.jpg)
#INTERACTIVENERDS
JASONSENIOR USER EXPERIENCE DESIGNER/INTERACTION DESIGN PRACTICE LEAD
![Page 7: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/7.jpg)
#INTERACTIVENERDS
DESIGNING FORINTERACTIVE PRODUCTION
NERDERY PRIMER SERIES
![Page 8: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/8.jpg)
#INTERACTIVENERDS
USER CENTERED DESIGN
UsabilityHuman Factors
Empathy
USER BUSINESS
TECHNOLOGY
![Page 9: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/9.jpg)
#INTERACTIVENERDS
Constraints bring another philosophy to the forefront
MONEY PLATFORM TIME
![Page 10: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/10.jpg)
#INTERACTIVENERDS
PRODUCTION CENTERED DESIGN
PlatformCost
Constraints
USER BUSINESS
TECHNOLOGY
![Page 11: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/11.jpg)
#INTERACTIVENERDS
TYPICAL DESIGN AND DEVELOPMENT PROCESS
STRATEGY
DESIGN
DEVELOPMENT
TEST
![Page 12: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/12.jpg)
#INTERACTIVENERDS
How does the separation of design and development cause projects to fail?
DESIGN DEV
![Page 13: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/13.jpg)
#INTERACTIVENERDS
LET’S BUILD A CHAIR
![Page 14: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/14.jpg)
#INTERACTIVENERDS
USER REQUIREMENTS
¼ I can sit on it
¼ It should accommodate people between 5’ and 6.5’
¼ It doesn’t fall over
¼ It’s comfortable
¼ It costs less than $100.00
¼ Should be available in three months
![Page 15: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/15.jpg)
#INTERACTIVENERDS
OK, WE’RE DONE!...six weeks later...
![Page 16: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/16.jpg)
#INTERACTIVENERDS
PRODUCTION QUESTIONS
¼ What type of wood are we using?
¼ What type of finishes will go on the wood?
¼ How are the pieces joined together?
¼ When does it need to ship?
![Page 17: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/17.jpg)
#INTERACTIVENERDS
OH, WE DIDN’T THINK ABOUT THAT...
¼ The chair should be made of something really nice, how about walnut?
¼ I’d like the chair to be shiny, can you finish with something shiny?
![Page 18: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/18.jpg)
#INTERACTIVENERDS
PRODUCTION ANSWERS
¼ Walnut will push your chair to $200
¼ We don’t have anyone that can do that type of joinery, we need to contract it out
¼ That finish takes an extra two weeks to set and dry
![Page 19: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/19.jpg)
#INTERACTIVENERDS
MEANWHILE...
¼ The deadline remains fixed, looming in the distance
¼ The amount of money that can be spent remains the same and is quickly diminishing
![Page 20: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/20.jpg)
#INTERACTIVENERDS
INTERACTIVE DESIGN IS MUCH MORE COMPLICATED
unfortunately...
![Page 21: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/21.jpg)
#INTERACTIVENERDS
SOFTWARE EVOLVES
![Page 22: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/22.jpg)
#INTERACTIVENERDS
HARDWARE EVOLVES
![Page 23: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/23.jpg)
#INTERACTIVENERDS
WHAT IF THE FUNDAMENTAL PROPERTIES OF THE UNIVERSE
EVOLVED?
ȸFa,b = —ȸFb,a
![Page 24: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/24.jpg)
#INTERACTIVENERDS
DESIGN IS NO LONGER THE SOLE DOMAIN OF THE
DESIGNER
![Page 25: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/25.jpg)
#INTERACTIVENERDS
WHERE ARE DESIGN DECISIONS MADE?
RESEARCH
DESIGN
FRONTEND QA
BACKEND
![Page 26: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/26.jpg)
#INTERACTIVENERDS
A PRODUCTION CENTEREDDESIGN FRAMEWORK
![Page 27: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/27.jpg)
#INTERACTIVENERDS
THE EXPERIENCE TEAM
THE CLIENT PROJECT MANAGER STRATEGY UX
VISUAL HARDWAREBACKENDFRONTEND
![Page 28: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/28.jpg)
#INTERACTIVENERDS
THE CREATIVES
![Page 29: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/29.jpg)
#INTERACTIVENERDS
USER EXPERIENCE
¼ Is the solution usable?
¼ Who is the target audience?
¼ What interactions are required to meet business goals?
![Page 30: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/30.jpg)
#INTERACTIVENERDS
STRATEGY
¼ What are the competitors doing?
¼ What is our message?
¼ Does our strategy align with business goals?
![Page 31: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/31.jpg)
#INTERACTIVENERDS
VISUAL DESIGN
¼ What is the creative direction?
¼ Does the design support the brand?
¼ What are the visual conventions of the target platform?
![Page 32: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/32.jpg)
#INTERACTIVENERDS
KEY DESIGN INFLUENCERS
![Page 33: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/33.jpg)
#INTERACTIVENERDS
CLIENT/BUSINESS
¼ Does the solution meet my business goals?
¼ Can it be achieved within my budget?
¼ Can it be achieved within my timeframe?
![Page 34: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/34.jpg)
#INTERACTIVENERDS
![Page 35: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/35.jpg)
#INTERACTIVENERDS
FRONTEND
¼ How does the experience change across browsers?
¼ What front-end technologies can I use to implement the visual design?
¼ How much time do I have to complete the code?
![Page 36: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/36.jpg)
#INTERACTIVENERDS
![Page 37: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/37.jpg)
#INTERACTIVENERDS
BACKEND
¼ What programming language are we using?
¼ What are the specifications of external API’s?
¼ What software platform are we utilizing?
¼ What are the limitations of the hardware?
![Page 38: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/38.jpg)
#INTERACTIVENERDS
![Page 39: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/39.jpg)
#INTERACTIVENERDS
IT/HARDWARE
¼ Where is the solution being hosted?
¼ How much bandwidth needs to be made available?
¼ What are the limitations of the hardware?
![Page 40: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/40.jpg)
#INTERACTIVENERDS
![Page 41: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/41.jpg)
#INTERACTIVENERDS
1,001 DESIGN
SOLUTIONS
![Page 42: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/42.jpg)
#INTERACTIVENERDS
MAINTAINING CONTROL
![Page 43: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/43.jpg)
#INTERACTIVENERDS
¼ UX as visionary and facilitator
¼ Everyone participates in design decisions
UX
BACKENDVISUAL
PROJECTMANAGEMENT
CLIENT
FRONTEND
STRATEGY
HARDWARE
![Page 44: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/44.jpg)
#INTERACTIVENERDS
COLLABORATION GUIDELINES
¼ Encourage design participation
¼ Make compromises
¼ Reject idealism
¼ Validate against the vision
![Page 45: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/45.jpg)
#INTERACTIVENERDS
FOSTER A COLLECTIVE UNDERSTANDING EARLY ON
![Page 46: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/46.jpg)
#INTERACTIVENERDS
EVOLVE UNDERSTANDING THROUGH ITERATION
![Page 47: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/47.jpg)
#INTERACTIVENERDS
PROACTIVELY MEASURE AGAINST CONSTRAINTS
![Page 48: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/48.jpg)
#INTERACTIVENERDS
EMBRACE THE PARTICLE BOARD
![Page 49: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/49.jpg)
#INTERACTIVENERDS
THE DESIGN FRAMEWORKRECAP
¼ Assemble a multi-disciplinary team
¼ Foster a collective understanding early on
¼ Evolve understanding through iteration
¼ Proactively measure against constraints
¼ Embrace the particle board
![Page 50: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/50.jpg)
#INTERACTIVENERDS
QUESTIONS?
¼ Using the questions panels in the GoToMeeting app
¼ On Twitter @The_Nerdery
¼ Tweet with the #interactivenerds hashtag
¼ Send us an email at [email protected]
¼ More answers online at http://nerdery.com
![Page 51: See What UX Can Do For You](https://reader031.vdocuments.site/reader031/viewer/2022013100/54b90e914a7959617e8b45db/html5/thumbnails/51.jpg)
#INTERACTIVENERDS