UX AND UI: APPLICATIONS FOR INSTRUCTIONAL DESIGN · UX AND UI: APPLICATIONS FOR INSTRUCTIONAL...
Transcript of UX AND UI: APPLICATIONS FOR INSTRUCTIONAL DESIGN · UX AND UI: APPLICATIONS FOR INSTRUCTIONAL...
UX AND UI: APPLICATIONS FOR INSTRUCTIONAL DESIGN
Jean Marrapodi, PhD, CPLP | [email protected] | 401-440-6165
Our courses must meet the demands of many factions
eLearning course
Business Owner
Sponsor
Content
Project Manager
Instructional Designer
Graphic Designer
IT
LMS
We wrangle with competing priorities, schedules and politics.
Who is looking out for the user?
This is where we can learn from
User Experience Designers.
UX (User Experience) vs. UI (User Interface)
Which bottle provides the better user experience?
Process from
UNDERSTANDTHE USER
CONSIDERTHE USER
DEFINETHE USER’S PROBLEM
ASKTHE USER
Process from
UNDERSTANDTHE USER
CONSIDERTHE USER
DEFINETHE USER’S PROBLEM
ASKTHE USER
We must go beyond
Audience Analysis.
Which like evaluation, often is omitted. <sigh>
Use focus groups and
interviews to identify patterns
Build Personas
Create User Personas
https://xtensio.com/user-persona/Free creation software
From LinkedIn Media Group
From Single Grain
MakesBreakfast
Drivesto
Work
Checks emails,spreadsheets
Workout Meetings Drives Home Prepares &eats Dinner
Helps Kidswith
Homework
ReadsBedtime
Story
Checks email,texts family Watches TV
J K K J K K L K J K K
Notes workout onapp
Smartphone tocheck traffic on
GPS
Computer to AccessEmail, Spreadsheets
Checks messagesbetween meetings
Checks traffic onGPS
Uses phone astimer
Uses phone tocheck email & text
Leverages Googlefor research
Brent’s Day
Pain Points: Commute traffic in AM & PM, meal prep, desire to relax after work but need to prepare meals, healthy meals take more time to createOpportunity: Fathers need a way to simplify and shorten meal preparation because they would rather spend time with their kids than cooking
CREATE A JOURNEY MAP
Create a Prototype
Use PowerPoint
Wireframe Prototype
Hand Drawn Prototype
http://www.uxforthemasses.com/
Sketched Mockups/Index Cards
User Testing
Must be actual users
• Use Think-alouds• Watch movements
• Eyes• Mouse
• Look for confusion
Paid testing service: usertesting.com
What can we learn from UX?
• Leverage Personas• Create Journey Maps• Prototype simply• Involve users in testing
Remember the user!
Thanks for coming.
Jean Marrapodi, PhD, CPLP | [email protected] | 401-440-6165