MAKINGTOGETHER
THE MERGING JOURNEYS OF UX, DESIGN &
DEVELOPMENT
#gogetdirty
Robin Smail

@robin2go
Bevin Hernandez

@bevinhernandez
#psuweb
WHAT DOES IT MEANTO
DESIGN/REDESIGN A WEB
APPLICATION?
WHAT DOES IT MEANTO
DESIGN/REDESIGN A WEB
APPLICATION?
really
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
PARALLEL LINES NEVER
CONVERGE
HOW DO DESIGN AND
DEVELOPMENT INTERACT?
OUR STORY
–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
–Bevin Hernandez & Robin Smail
“For anyone.”
amesphotos.com
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
“Oh shit.”
USER STORIES AREN’T JUST
FOR UX
THE IMPORTANCE
OF STORYTELLING
THE IMPORTANCE OF
STORYTELLING
THE IMPORTANCE
OF STORYTELLING
THE IMPORTANCE
OF STORYTELLING
THE IMPORTANCE
OF STORYTELLING
THE IMPORTANCE OF
STORYTELLING
We are doing user stories; we just know these people.
OK, SO WHAT DOESTHE
RESEARCH SAY?
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
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
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)
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
Only 44%say they are likely or very likely to
ever have a mortgage
–Tammy Erickson, Harvard Business Review (Jan 2014)
37%believe they learn more outside the
classroom than they do in school
–Tammy Erickson, Harvard Business Review (Jan 2014)
The #1thing they wish they were learning
in school is how to get a job
–Tammy Erickson, Harvard Business Review (Jan 2014)
THE CHALLENGE
Create a competency-based microcredentialing
system that incorporates multiple use cases with very
diverse learning goals, use of technology and needs.
VERSION 1.0
Making Together: The Merging Journeys of UX, Design & Development
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
VERSION 2.0
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
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
VERSION 3.0
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
Making Together: The Merging Journeys of UX, Design & Development
NAVIGATABLE ACCESSIBLE
Making Together: The Merging Journeys of UX, Design & Development
We envision a world where everyone has access to education
regardless of:
Values
Age
Money
Race
Ability
Time
Location
3 CRITICAL PIECES
Team
Vision
Empathy
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
less of this.
–Johnny Appleseed
“Type a quote here.”
PARALLEL LINES NEVER
CONVERGE
OR RATHER - PARALLEL LINES
CONVERGE AT INFINITY
INFINITY IS WAYTOO
FREAKING LATE FORTHIS
PROJECT.
MAKINGTOGETHER
THE MERGING JOURNEYS OF UX, DESIGN &
DEVELOPMENT
#gogetdirty
Robin Smail

@robin2go
Bevin Hernandez

@bevinhernandez
#psuweb

More Related Content

PPTX
Web Conference at Penn State 2015
PDF
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
PDF
Carmen Brion - The value for product teams to design think
PDF
Project Manager - which superpower do you have?
PDF
Leanconf 2014: the agony of lean startup by tristan kromer
PDF
From Crowdsourcing to Crowd Making: The Path From Ideas to Solutions
PDF
Content modelling: Making content smarter
PDF
Website Strategy Academy Presentation Slides
Web Conference at Penn State 2015
Content Measurement and Analytics: Making Positive Change on the Web by Rick ...
Carmen Brion - The value for product teams to design think
Project Manager - which superpower do you have?
Leanconf 2014: the agony of lean startup by tristan kromer
From Crowdsourcing to Crowd Making: The Path From Ideas to Solutions
Content modelling: Making content smarter
Website Strategy Academy Presentation Slides

What's hot (16)

PDF
Nick Fine - Scientific Design
PDF
UCLA Anderson Design Thinking Workshop
PDF
The Technical Debt Trap
KEY
Open Source 101
PDF
Apps as Machines — at Hochschule Darmstadt
PDF
Apps as Machines — at FH Potsdam
PPT
Content strategy by stealth
PDF
Apps as Machines — ThingsCon Berlin 2014
PDF
Content & Design: How a Lean team rebuilt BNZ's website
PDF
Designers can Open Source
PDF
The Secret Sauce of Successful Teams
PDF
UXPA2019 Forging Alliances with Project Management: A PM’s View of UX
PDF
LEARN Model of Networking
PDF
One, No One, One Hundred Thousand Projects (Uno, Nessuno, Centomila Progetti)
PPTX
Graphs are Eating the World
PDF
All these moments will be lost in time: the web, the future, and us
Nick Fine - Scientific Design
UCLA Anderson Design Thinking Workshop
The Technical Debt Trap
Open Source 101
Apps as Machines — at Hochschule Darmstadt
Apps as Machines — at FH Potsdam
Content strategy by stealth
Apps as Machines — ThingsCon Berlin 2014
Content & Design: How a Lean team rebuilt BNZ's website
Designers can Open Source
The Secret Sauce of Successful Teams
UXPA2019 Forging Alliances with Project Management: A PM’s View of UX
LEARN Model of Networking
One, No One, One Hundred Thousand Projects (Uno, Nessuno, Centomila Progetti)
Graphs are Eating the World
All these moments will be lost in time: the web, the future, and us
Ad

Similar to Making Together: The Merging Journeys of UX, Design & Development (20)

PDF
Rwc design document
PPTX
Drivers for Technology Enhanced Learning
KEY
Blended classrooms
PPTX
UX for Learning Design
PDF
Managing Innovation and Student Expectations: Going Beyond the Roadmap
PDF
10 innovative models & business models in education shared by turian labs
ZIP
PSD70 Innovative Teaching and Learning
PDF
Grovo-HigherEd-SkillsGap-whitepaper
PPTX
Selling UX in Your Organization - Stir Trek 2012
PDF
It's Time for Learning to Go Back to School: Next-Generation Approaches Enric...
PDF
Expanding Educational Opportunity - Online Learning
PPTX
Selling UX at CodeMash 2012
PDF
The AmbITion Approach for the University Sector
PPTX
Teaching with Technology
PPTX
There's an App for That: Educating in an App World
PPSX
Modernising the Curriculum UHI
PPT
Welcome!
PDF
The AmbITion Approach for Higher Education
PPTX
UX and the Prospective Student User
PPTX
Education Personalization Through Mobile Learning
Rwc design document
Drivers for Technology Enhanced Learning
Blended classrooms
UX for Learning Design
Managing Innovation and Student Expectations: Going Beyond the Roadmap
10 innovative models & business models in education shared by turian labs
PSD70 Innovative Teaching and Learning
Grovo-HigherEd-SkillsGap-whitepaper
Selling UX in Your Organization - Stir Trek 2012
It's Time for Learning to Go Back to School: Next-Generation Approaches Enric...
Expanding Educational Opportunity - Online Learning
Selling UX at CodeMash 2012
The AmbITion Approach for the University Sector
Teaching with Technology
There's an App for That: Educating in an App World
Modernising the Curriculum UHI
Welcome!
The AmbITion Approach for Higher Education
UX and the Prospective Student User
Education Personalization Through Mobile Learning
Ad

More from Robin Smail (8)

PDF
That is Not My Job
PDF
Are UXperienced? [SUNYCUAD]
PDF
Be Awesome with Emerging Tech [SUNYCUAD}
KEY
Online safety
PDF
Managing social media
PPT
Managing social media
PPT
10 Signs You Shouldn't be Doing Social Media
PPT
Authentic social meda
That is Not My Job
Are UXperienced? [SUNYCUAD]
Be Awesome with Emerging Tech [SUNYCUAD}
Online safety
Managing social media
Managing social media
10 Signs You Shouldn't be Doing Social Media
Authentic social meda

Recently uploaded (20)

PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPTX
Applied Anthropology Report.pptx paulapuhin
PDF
This presentation is made for a design foundation class at Avantika Universit...
PDF
trenching-standard-drawings procedure rev
PDF
Pfthuujhgdddtyygghjjiuyggghuiiiijggbbhhh
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
2. Competency Based Interviewing - September'16.pptx
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
Drawing as Communication for interior design
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PDF
Control and coordination isdorjdmdndjke
PPTX
Drafting equipment and its care for interior design
PDF
jyg7ur7rtb7ur57vr65r7t7b7i6t7r65rb57t76bt
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PDF
Wondershare Dr.Fone Toolkit For Pc 13.8.9.87 FULL Crack 2025
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PPTX
Presentation.pptx anemia in pregnancy in
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
22CDH01-V3-UNIT III-UX-UI for Immersive Design
Applied Anthropology Report.pptx paulapuhin
This presentation is made for a design foundation class at Avantika Universit...
trenching-standard-drawings procedure rev
Pfthuujhgdddtyygghjjiuyggghuiiiijggbbhhh
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
2. Competency Based Interviewing - September'16.pptx
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Drawing as Communication for interior design
321 LIBRARY DESIGN.pdf43354445t6556t5656
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Control and coordination isdorjdmdndjke
Drafting equipment and its care for interior design
jyg7ur7rtb7ur57vr65r7t7b7i6t7r65rb57t76bt
Timeless Interiors by PEE VEE INTERIORS
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
Wondershare Dr.Fone Toolkit For Pc 13.8.9.87 FULL Crack 2025
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
Presentation.pptx anemia in pregnancy in
analisis snsistem etnga ahrfahfffffffffffffffffffff

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