ux and ui: applications for instructional design · ux and ui: applications for instructional...

UX AND UI: APPLICATIONS FOR INSTRUCTIONAL DESIGN

Jean Marrapodi, PhD, CPLP | jmarrapodi@illumina-interactive.com | 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 | jmarrapodi@illumina-interactive.com | 401-440-6165