#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 primers@nerdery.com

#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 primers@nerdery.com

¼ More answers online at http://nerdery.com

#INTERACTIVENERDS