UX AND UI : APPLI CATI ONS FOR I NSTRUCTI ONAL DESI GN Jean - - PowerPoint PPT Presentation

ux and ui appli cati ons for i nstructi onal desi gn
SMART_READER_LITE
LIVE PREVIEW

UX AND UI : APPLI CATI ONS FOR I NSTRUCTI ONAL DESI GN Jean - - PowerPoint PPT Presentation

UX AND UI : APPLI CATI ONS FOR I NSTRUCTI ONAL DESI GN Jean Marrapodi, PhD, CPLP | jmarrapodi@illumina-interactive.com | 401-440-6165 Business Owner LMS Sponsor Our courses must meet the eLearning IT Content demands of course many


slide-1
SLIDE 1

UX AND UI : APPLI CATI ONS FOR I NSTRUCTI ONAL DESI GN

Jean Marrapodi, PhD, CPLP | jmarrapodi@illumina-interactive.com | 401-440-6165

slide-2
SLIDE 2

Our courses must meet the demands of many factions

eLearning course Business Owner Sponsor Content Project Manager Instructional Designer Graphic Designer IT LMS

slide-3
SLIDE 3

We wrangle with competing priorities, schedules and politics.

slide-4
SLIDE 4

Who is looking

  • ut for the

user?

slide-5
SLIDE 5

This is where we can learn from

User Experience Designers.

slide-6
SLIDE 6

UX (User Experience) vs. UI (User Interface)

Which bottle provides the better user experience?

slide-7
SLIDE 7

Process from UNDERSTAND

THE USER

CONSIDER

THE USER

DEFINE

THE USER’S PROBLEM

ASK

THE USER

slide-8
SLIDE 8

Process from UNDERSTAND

THE USER

CONSIDER

THE USER

DEFINE

THE USER’S PROBLEM

ASK

THE USER

slide-9
SLIDE 9

We must go beyond

Audience Analysis.

Which like evaluation, often is omitted. <sigh>

slide-10
SLIDE 10

Use focus groups and interviews to identify patterns Build Personas

slide-11
SLIDE 11

Create User Personas

https://xtensio.com/user-persona/ Free creation software

From LinkedIn Media Group From Single Grain

slide-12
SLIDE 12

Makes Breakfast Drives to Work Checks emails, spreadsheets Workout Meetings Drives Home Prepares & eats Dinner Helps Kids with Homework Reads Bedtime Story Checks email, texts family Watches TV J K K J K K L K J K K Notes workout on app Smartphone to

check traffic on GPS Computer to Access Email, Spreadsheets

Checks messages between meetings Checks traffic on GPS Uses phone as timer

Uses phone to check email & text

Leverages Google for 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 create Opportunity: 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

slide-13
SLIDE 13

Create a Prototype

Use PowerPoint

slide-14
SLIDE 14

Wireframe Prototype

slide-15
SLIDE 15

Hand Drawn Prototype

http://www.uxforthemasses.com/

slide-16
SLIDE 16

Sketched Mockups/Index Cards

slide-17
SLIDE 17

User Testing

Must be actual users

  • Use Think-alouds
  • Watch movements
  • Eyes
  • Mouse
  • Look for confusion

Paid testing service: usertesting.com

slide-18
SLIDE 18

What can we learn from UX?

  • Leverage Personas
  • Create Journey Maps
  • Prototype simply
  • Involve users in testing

Remember the user!

slide-19
SLIDE 19

Thanks for coming.

Jean Marrapodi, PhD, CPLP | jmarrapodi@illumina-interactive.com | 401-440-6165