36

Mastering Interactive Development Lingo

Embed Size (px)

DESCRIPTION

Due to unfamiliar and sometimes confusing language, interactive projects can end up costing more or take longer to complete than they were supposed to. One of the primary contributors to project delay is a result of what we like to call the “Miscommunication Tax.” In this webinar we took the opportunity to talk through some of the lingo that consistently lends itself to miscommunications during a development project. If you are selling interactive projects, working on interactive projects, or would like to hear what a user experience designer, a developer, and quality assurance engineer have to say about confusing terms and how to create clarity around them, you’ll want to tune in. Watch the video recording and get access to the bonus downloadable content: http://blog.nerdery.com/2014/03/webinar-mastering-interactive-development-lingo/

Citation preview

Page 1: Mastering Interactive Development Lingo
Page 2: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

YOUR HOSTS

Justin HolmanQA Controller

@TheOnyxEgg

Ryan CarlsonTechnology Evangelist

@ryancarlson

Joshua ParoUX Designer

Sherman BauschDeveloper

@ShermanB

Page 3: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

OVERVIEW1

2

3

4

The Hidden Cost of Miscommunication

How You Can Prepare Yourself

Buzz Word Bingo

The Real Cost Savings of Clarity

Next Steps5

Page 4: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

THE HIDDEN COST OF MISCOMMUNICATION

CHAPTER 1 OF 5

Page 5: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

DISSECTING THE TEXTBOOK PROJECT

#NERDERYWEBINAR @THE_NERDERY

Page 6: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

THE TEXTBOOK PROCESS

Quality Assurance

UX / Visual Design

Development

1 2 3

Page 7: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

A TEXTBOOK SITUATION

Paperwork Signed

Meet the Project Team

Kickoff Meeting Scheduled

Page 8: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

THE COST OF EDUCATION

SPM Lead Dev UX QA Lead AE SE

#NERDERYWEBINAR @THE_NERDERY

Page 9: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

THE COST OF EDUCATION

BILLABLE NON-BILLABLE

#NERDERYWEBINAR @THE_NERDERY

NON-BILLABLEBILLABLEBILLABLEBILLABLE

SPM Lead Dev UX QA Lead AE SE

Page 10: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

REALIZED COSTS TEXTBOOK RATE: $150/HOUR

Scope of Work Discussion: $750

Wireframes vs. Visual Design Discussion: $450

Supported Environments Discussion: $1500

Page 11: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

The single biggest problem in communication is the illusion that it has taken place.

“– George Bernard Shaw

Page 12: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

HOW YOU CAN PREPARE YOURSELF

CHAPTER 2 OF 5

Page 13: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

Unfamiliar Lingo

Unfamiliar with Process

Making Assumptions

WHAT JUST HAPPENED HERE?

Page 14: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

COMMON BREAKDOWNS

#NERDERYWEBINAR @THE_NERDERY

Page 15: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

USER EXPERIENCE: WIREFRAMES vs. VISUAL DESIGN

Page 16: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

WIREFRAMES vs. VISUAL DESIGN

WHAT THEY ARE: WHAT THEY MEAN TO YOU:

Your visual vocabulary Form improves function

Look and feel … and more Function meets form

Layout and functionality All present and accounted for?

Does it do what it needs to do?Interactions between elements

Page 17: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

UX PHASES

Discovery Definition Information Architecture

Wireframes Visual Design

Page 18: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

DEVELOPMENT SCOPE OF WORK

Page 19: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

SCOPE OF WORKWHAT IT IS: WHAT IT MEANS TO YOU:

A timetable Know when things will be done

Assumptions about the project What is needed

How your site/app will behave An outline of features

A reference for what will be builtThe work that will be performed

Page 20: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

DEVELOPMENT PHASES

Project Kickoff

UX Phase Scope of Work

Development QA Handoff

Page 21: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QUALITY ASSURANCE SUPPORTED ENVIRONMENTS

Page 22: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

SUPPORTED ENVIRONMENTSWHAT IT IS: WHAT IT MEANS TO YOU:

Need to be specificCombination of hardware/OS/software

Environments QA tests Check software functions/looks as designed

Environments Development targets Can limit functional/visual options

Environments users use Best ROI to reach your users

Page 23: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QA PHASES

Scope of Work

Development Test Plan QA Handoff QA Testing

Page 24: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

BUZZ WORD BINGO

CHAPTER 3 OF 5

Page 25: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

BUZZWORD LIGHTNING ROUNDUX

¼ Information Architecture

Dev QA

¼ User Research

¼ Contextual Inquiry

¼ Visual Design

¼ Template

¼ GIT, SVN, VCS

¼ FE Dev, BE Dev

¼ Unit Test

¼ API

¼ CMS

¼ UAT

¼ Penetration Testing

¼ Vulnerability Assessment

¼ Regression Testing

¼ Issue Tracker (JIRA, Trac)

Page 26: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

2

3

4

5

VIEWER POLL

IN YOUR EXPERIENCE, WHO’S RESPONSIBLE FOR THE MOST CONFUSING JARGON?

Sales Team

Project Manager

1

User Experience Team

Development Team

Quality Assurance Team

Page 27: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

THE REAL COST SAVINGS OF CLARITY

CHAPTER 4 OF 5

#NERDERYWEBINAR @THE_NERDERY

Page 28: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QUALITY ASSURANCE

USER EXPERIENCE

DEVELOPMENT

1 2 3

PAYING THE MISCOMMUNICATION TAX

Page 29: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QUALITY ASSURANCE

USER EXPERIENCE

DEVELOPMENT

1 2 3

PAYING THE MISCOMMUNICATION TAX

Page 30: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QUALITY ASSURANCE

USER EXPERIENCE

DEVELOPMENT

1 2 3

PAYING THE MISCOMMUNICATION TAX

Page 31: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

NEXT STEPS

CHAPTER 5 OF 5

Page 32: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

WHAT CAN I DO?

Make sure you understand

Make sure you’re speaking the same language

Ask early; ask often

Continue to ask early; ask often

Page 33: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

APPLYING THE 4 C’S

CLARITY

CONSISTENCY

CONFIDENCE

COHESION

Page 34: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

WRAP UP1

2

3

4

The Hidden Cost of Miscommunication

How You Can Prepare Yourself

Buzz Word Bingo

The Real Cost Savings of Clarity

Next Steps5

Page 35: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

QUESTIONS?

Page 36: Mastering Interactive Development Lingo

#NERDERYWEBINAR @THE_NERDERY

Topic suggestions or questions? [email protected]

More answers online at http://nerdery.com

Questions & Answers will air on The Nerdery’s podcast

THANK YOU FOR ATTENDING