59
MAKING TOGETHER THE MERGING JOURNEYS OF UX, DESIGN & DEVELOPMENT #gogetdirty Robin Smail @robin2go Bevin Hernandez @bevinhernandez #psuweb

Making Together: The Merging Journeys of UX, Design & Development

Embed Size (px)

Citation preview

Page 1: Making Together: The Merging Journeys of UX, Design & Development

MAKING TOGETHERTHE MERGING JOURNEYS OF UX, DESIGN &

DEVELOPMENT

#gogetdirty

Robin Smail @robin2go

Bevin Hernandez@bevinhernandez

#psuweb

Page 2: Making Together: The Merging Journeys of UX, Design & Development

WHAT DOES IT MEAN TO DESIGN/REDESIGN A WEB

APPLICATION?

Page 3: Making Together: The Merging Journeys of UX, Design & Development

WHAT DOES IT MEAN TO DESIGN/REDESIGN A WEB

APPLICATION?

really

Page 4: Making Together: The Merging Journeys of UX, Design & Development
Page 5: Making Together: The Merging Journeys of UX, Design & Development
Page 6: Making Together: The Merging Journeys of UX, Design & Development
Page 7: Making Together: The Merging Journeys of UX, Design & Development
Page 8: Making Together: The Merging Journeys of UX, Design & Development
Page 9: Making Together: The Merging Journeys of UX, Design & Development

PARALLEL LINES NEVER CONVERGE

Page 10: Making Together: The Merging Journeys of UX, Design & Development

HOW DO DESIGN AND DEVELOPMENT INTERACT?

Page 11: Making Together: The Merging Journeys of UX, Design & Development

OUR STORY

Page 12: Making Together: The Merging Journeys of UX, Design & Development

–What Counts As Learning

“The chance to rethink what counts as learning, how to recognize and make visible the learning

that takes place anywhere, anytime, on any device”

THE OPPORTUNITY

Page 13: Making Together: The Merging Journeys of UX, Design & Development

–Bevin Hernandez & Robin Smail

“For anyone.”

Page 14: Making Together: The Merging Journeys of UX, Design & Development

amesphotos.com

Page 15: Making Together: The Merging Journeys of UX, Design & Development

To take a project that had been considered reasonably successful, and add a bunch of features….

With a brand new project team

Who were brand new to the language

In 3 months

Page 16: Making Together: The Merging Journeys of UX, Design & Development

“Oh shit.”

Page 17: Making Together: The Merging Journeys of UX, Design & Development

USER STORIES AREN’T JUST FOR UX

Page 18: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 19: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 20: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 21: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 22: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 23: Making Together: The Merging Journeys of UX, Design & Development

THE IMPORTANCE OF STORYTELLING

Page 24: Making Together: The Merging Journeys of UX, Design & Development

We are doing user stories; we just know these people.

Page 25: Making Together: The Merging Journeys of UX, Design & Development

OK, SO WHAT DOES THE RESEARCH SAY?

Page 26: Making Together: The Merging Journeys of UX, Design & Development

INITIAL FACULTY RESEARCH“The content should all be in the system”

“This shouldn’t be an LMS”“I want to embed this into Moodle”

“I don’t want the students to have to come to the system”

“I want the students to be able to do it all in the system”

“The students care about the badge graphics”

“I don’t want to have to design badge graphics - students won’t care“

“I want to be sure the badges have rigor and individual feedback“

“I don’t want to have to evaluate these badges, can we add automated quizzing“

“This needs to integrate with ANGEL”

“People need to access it who aren’t at Penn State”

**All actual statements from consultations

Page 27: Making Together: The Merging Journeys of UX, Design & Development

TRADITIONALISTS

• They save and believe in delayed reward

• They adhere to the rules

• They feel contributing to the collective good is important

• They don’t question authority

• They are loyal

• They believe in duty before pleasure

• They work hard to earn the American dream

• They are disciplined and responsible

Page 28: Making Together: The Merging Journeys of UX, Design & Development

GENERATION Z:THE RE-GENERATION

• They save and are reluctant to incur debt

• They are more likely to rent

• They recycle, share, trade and barter

• They are authorized

• They are normal, not exceptional, users of technology

• They don’t schedule

• They improvise

• They compromise

–Tammy Erickson, Harvard Business Review (Jan 2014)

Page 29: Making Together: The Merging Journeys of UX, Design & Development

Only 12% strongly agree that a nice home is an important status symbol;

–Tammy Erickson, Harvard Business Review (Jan 2014)

only 9% strongly agree that a nice car is an important status symbol

Page 30: Making Together: The Merging Journeys of UX, Design & Development

Only 44% say they are likely or very likely to ever have a mortgage

–Tammy Erickson, Harvard Business Review (Jan 2014)

Page 31: Making Together: The Merging Journeys of UX, Design & Development

37% believe they learn more outside the classroom than they do in school

–Tammy Erickson, Harvard Business Review (Jan 2014)

Page 32: Making Together: The Merging Journeys of UX, Design & Development

The #1 thing they wish they were learning in school is how to get a job

–Tammy Erickson, Harvard Business Review (Jan 2014)

Page 33: Making Together: The Merging Journeys of UX, Design & Development

THE CHALLENGE

Create a competency-based microcredentialing system that incorporates multiple use cases with very diverse learning goals, use of technology and needs.

Page 34: Making Together: The Merging Journeys of UX, Design & Development

VERSION 1.0

Page 35: Making Together: The Merging Journeys of UX, Design & Development
Page 36: Making Together: The Merging Journeys of UX, Design & Development
Page 37: Making Together: The Merging Journeys of UX, Design & Development

RECOGNIZED NEEDS

• break up the badge creation process into manageable pieces

• organize content, have a strategy

• create group functionality

• lower barriers to entry with a better user experience

Page 38: Making Together: The Merging Journeys of UX, Design & Development

VERSION 2.0

Page 39: Making Together: The Merging Journeys of UX, Design & Development
Page 40: Making Together: The Merging Journeys of UX, Design & Development
Page 41: Making Together: The Merging Journeys of UX, Design & Development
Page 42: Making Together: The Merging Journeys of UX, Design & Development
Page 43: Making Together: The Merging Journeys of UX, Design & Development

RECOGNIZED NEEDS

• this thing was starting to get huge; needed to rethink in terms of scalability and navigation

• begin user testing on workable prototypes

• move from website feel to application feel

• HAD to work on mobile; HAD to be accessible

Page 44: Making Together: The Merging Journeys of UX, Design & Development

VERSION 3.0

Page 45: Making Together: The Merging Journeys of UX, Design & Development
Page 46: Making Together: The Merging Journeys of UX, Design & Development
Page 47: Making Together: The Merging Journeys of UX, Design & Development
Page 48: Making Together: The Merging Journeys of UX, Design & Development
Page 49: Making Together: The Merging Journeys of UX, Design & Development

NAVIGATABLE ACCESSIBLE

Page 50: Making Together: The Merging Journeys of UX, Design & Development
Page 51: Making Together: The Merging Journeys of UX, Design & Development

We envision a world where everyone has access to educationregardless of:

Values

Age

Money

Race

Ability

Time

Location

Page 52: Making Together: The Merging Journeys of UX, Design & Development

3 CRITICAL PIECES

Team

Vision

Empathy

Page 53: Making Together: The Merging Journeys of UX, Design & Development

Don’t be afraid to get dirty

Free your team from processes designed to divide

Believe in the vision

Find your stories

SIMPLE LESSONS LEARNED

Page 54: Making Together: The Merging Journeys of UX, Design & Development

less of this.

Page 55: Making Together: The Merging Journeys of UX, Design & Development

–Johnny Appleseed

“Type a quote here.”

Page 56: Making Together: The Merging Journeys of UX, Design & Development

PARALLEL LINES NEVER CONVERGE

Page 57: Making Together: The Merging Journeys of UX, Design & Development

OR RATHER - PARALLEL LINES CONVERGE AT INFINITY

Page 58: Making Together: The Merging Journeys of UX, Design & Development

INFINITY IS WAY TOO FREAKING LATE FOR THIS

PROJECT.

Page 59: Making Together: The Merging Journeys of UX, Design & Development

MAKING TOGETHERTHE MERGING JOURNEYS OF UX, DESIGN &

DEVELOPMENT

#gogetdirty

Robin Smail @robin2go

Bevin Hernandez@bevinhernandez

#psuweb