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 factions Graphic Project Designer Manager Instructional Designer

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.

Which bottle provides the better user experience? UX (User Experience) vs. UI (User Interface)

C ONSIDER THE USER U NDERSTAND THE USER ASK THE USER D EFINE THE USER ’ S P ROBLEM Process from

C ONSIDER THE USER U NDERSTAND THE USER ASK THE USER D EFINE THE USER ’ S P ROBLEM Process from

We must go beyond Audience Analysis. Which like evaluation, often is omitted. <sigh>

Use focus groups and Build interviews to Personas identify patterns

Create User Personas From LinkedIn Media Group Free creation software https://xtensio.com/user-persona/ From Single Grain

C REATE A J OURNEY M AP Brent’s Day Smartphone to Checks messages Uses phone as Uses phone to check traffic on check email & text between meetings timer GPS Computer to Access Email, Spreadsheets Reads Drives Helps Kids Makes Checks emails, Checks email, Prepares & to Workout Meetings Drives Home with Bedtime Watches TV Breakfast eats Dinner texts family spreadsheets Work Homework Story J K K J K K L K J K K Checks traffic on Notes workout on Leverages Google GPS for research app 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 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!

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