#INTERACTIVENERDS
#INTERACTIVENERDS
MATT TONAKCOMMUNITY MANAGER
#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º
#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]
#INTERACTIVENERDS
MIKEDIRECTOR OF USER EXPERIENCE
#INTERACTIVENERDS
JASONSENIOR USER EXPERIENCE DESIGNER/INTERACTION DESIGN PRACTICE LEAD
#INTERACTIVENERDS
DESIGNING FORINTERACTIVE PRODUCTION
NERDERY PRIMER SERIES
#INTERACTIVENERDS
USER CENTERED DESIGN
UsabilityHuman Factors
Empathy
USER BUSINESS
TECHNOLOGY
#INTERACTIVENERDS
Constraints bring another philosophy to the forefront
MONEY PLATFORM TIME
#INTERACTIVENERDS
PRODUCTION CENTERED DESIGN
PlatformCost
Constraints
USER BUSINESS
TECHNOLOGY
#INTERACTIVENERDS
TYPICAL DESIGN AND DEVELOPMENT PROCESS
STRATEGY
DESIGN
DEVELOPMENT
TEST
#INTERACTIVENERDS
How does the separation of design and development cause projects to fail?
DESIGN DEV
#INTERACTIVENERDS
LET’S BUILD A CHAIR
#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
#INTERACTIVENERDS
OK, WE’RE DONE!...six weeks later...
#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?
#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?
#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
#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
#INTERACTIVENERDS
INTERACTIVE DESIGN IS MUCH MORE COMPLICATED
unfortunately...
#INTERACTIVENERDS
SOFTWARE EVOLVES
#INTERACTIVENERDS
HARDWARE EVOLVES
#INTERACTIVENERDS
WHAT IF THE FUNDAMENTAL PROPERTIES OF THE UNIVERSE
EVOLVED?
ȸFa,b = —ȸFb,a
#INTERACTIVENERDS
DESIGN IS NO LONGER THE SOLE DOMAIN OF THE
DESIGNER
#INTERACTIVENERDS
WHERE ARE DESIGN DECISIONS MADE?
RESEARCH
DESIGN
FRONTEND QA
BACKEND
#INTERACTIVENERDS
A PRODUCTION CENTEREDDESIGN FRAMEWORK
#INTERACTIVENERDS
THE EXPERIENCE TEAM
THE CLIENT PROJECT MANAGER STRATEGY UX
VISUAL HARDWAREBACKENDFRONTEND
#INTERACTIVENERDS
THE CREATIVES
#INTERACTIVENERDS
USER EXPERIENCE
¼ Is the solution usable?
¼ Who is the target audience?
¼ What interactions are required to meet business goals?
#INTERACTIVENERDS
STRATEGY
¼ What are the competitors doing?
¼ What is our message?
¼ Does our strategy align with business goals?
#INTERACTIVENERDS
VISUAL DESIGN
¼ What is the creative direction?
¼ Does the design support the brand?
¼ What are the visual conventions of the target platform?
#INTERACTIVENERDS
KEY DESIGN INFLUENCERS
#INTERACTIVENERDS
CLIENT/BUSINESS
¼ Does the solution meet my business goals?
¼ Can it be achieved within my budget?
¼ Can it be achieved within my timeframe?
#INTERACTIVENERDS
#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?
#INTERACTIVENERDS
#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?
#INTERACTIVENERDS
#INTERACTIVENERDS
IT/HARDWARE
¼ Where is the solution being hosted?
¼ How much bandwidth needs to be made available?
¼ What are the limitations of the hardware?
#INTERACTIVENERDS
#INTERACTIVENERDS
1,001 DESIGN
SOLUTIONS
#INTERACTIVENERDS
MAINTAINING CONTROL
#INTERACTIVENERDS
¼ UX as visionary and facilitator
¼ Everyone participates in design decisions
UX
BACKENDVISUAL
PROJECTMANAGEMENT
CLIENT
FRONTEND
STRATEGY
HARDWARE
#INTERACTIVENERDS
COLLABORATION GUIDELINES
¼ Encourage design participation
¼ Make compromises
¼ Reject idealism
¼ Validate against the vision
#INTERACTIVENERDS
FOSTER A COLLECTIVE UNDERSTANDING EARLY ON
#INTERACTIVENERDS
EVOLVE UNDERSTANDING THROUGH ITERATION
#INTERACTIVENERDS
PROACTIVELY MEASURE AGAINST CONSTRAINTS
#INTERACTIVENERDS
EMBRACE THE PARTICLE BOARD
#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
#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
#INTERACTIVENERDS