making together: the merging journeys of ux, design & development
TRANSCRIPT
![Page 1: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/1.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/2.jpg)
WHAT DOES IT MEAN TO DESIGN/REDESIGN A WEB
APPLICATION?
![Page 3: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/3.jpg)
WHAT DOES IT MEAN TO DESIGN/REDESIGN A WEB
APPLICATION?
really
![Page 4: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/4.jpg)
![Page 5: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/5.jpg)
![Page 6: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/6.jpg)
![Page 7: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/7.jpg)
![Page 8: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/8.jpg)
![Page 9: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/9.jpg)
PARALLEL LINES NEVER CONVERGE
![Page 10: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/10.jpg)
HOW DO DESIGN AND DEVELOPMENT INTERACT?
![Page 11: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/11.jpg)
OUR STORY
![Page 12: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/12.jpg)
–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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/13.jpg)
–Bevin Hernandez & Robin Smail
“For anyone.”
![Page 14: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/14.jpg)
amesphotos.com
![Page 15: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/15.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/16.jpg)
“Oh shit.”
![Page 17: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/17.jpg)
USER STORIES AREN’T JUST FOR UX
![Page 18: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/18.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 19: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/19.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 20: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/20.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 21: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/21.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 22: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/22.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 23: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/23.jpg)
THE IMPORTANCE OF STORYTELLING
![Page 24: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/24.jpg)
We are doing user stories; we just know these people.
![Page 25: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/25.jpg)
OK, SO WHAT DOES THE RESEARCH SAY?
![Page 26: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/26.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/27.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/28.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/29.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/30.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/31.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/32.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/33.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/34.jpg)
VERSION 1.0
![Page 35: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/35.jpg)
![Page 36: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/36.jpg)
![Page 37: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/37.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/38.jpg)
VERSION 2.0
![Page 39: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/39.jpg)
![Page 40: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/40.jpg)
![Page 41: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/41.jpg)
![Page 42: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/42.jpg)
![Page 43: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/43.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/44.jpg)
VERSION 3.0
![Page 45: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/45.jpg)
![Page 46: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/46.jpg)
![Page 47: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/47.jpg)
![Page 48: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/48.jpg)
![Page 49: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/49.jpg)
NAVIGATABLE ACCESSIBLE
![Page 50: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/50.jpg)
![Page 51: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/51.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/52.jpg)
3 CRITICAL PIECES
Team
Vision
Empathy
![Page 53: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/53.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/54.jpg)
less of this.
![Page 55: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/55.jpg)
–Johnny Appleseed
“Type a quote here.”
![Page 56: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/56.jpg)
PARALLEL LINES NEVER CONVERGE
![Page 57: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/57.jpg)
OR RATHER - PARALLEL LINES CONVERGE AT INFINITY
![Page 58: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/58.jpg)
INFINITY IS WAY TOO FREAKING LATE FOR THIS
PROJECT.
![Page 59: Making Together: The Merging Journeys of UX, Design & Development](https://reader035.vdocument.in/reader035/viewer/2022081401/55cacd97bb61ebf53a8b45e8/html5/thumbnails/59.jpg)
MAKING TOGETHERTHE MERGING JOURNEYS OF UX, DESIGN &
DEVELOPMENT
#gogetdirty
Robin Smail @robin2go
Bevin Hernandez@bevinhernandez
#psuweb