Transcript UX Process Framework

Created By: Joshua
Sumignan
Wednesday, February 12, 2014
To redesign and improve the
user experience of the
Reminder iphone apps, and
identify each issues and
resolve.
UX Process Framework
Analysis Phase
Design Phase
Evaluate Phase
Identifying
The Problem
Sketching
User Test
User Needs
Persona
Creation
Functional
Specs
Wireframing
Visual Design
Amends
Remaining
Wireframes
UX Process Framework
Analysis Phase
Identifying
The Problem
User Needs
Persona
Creation
Functional
Specs
• User encounters difficulties on how to add reminder.
• Difficulties on how to reschedule date & time.
• Show & Hide Completed reminders are difficult to
understand.
• Some button functions is vague to use.
• Application is user un-friendly.
UX Process Framework
Analysis Phase
Identifying
The Problem
User Needs
Persona
Creation
Functional
Specs
•
•
•
•
•
Functionalities are easy to learn.
Easy to navigate.
Don’t need to think and analyze where to go.
User friendly layout & design.
Easy to adapt.
UX Process Framework
Analysis Phase
Identifying
The Problem
User Needs
Persona
Creation
Functional
Specs
Summary Table
Jones Bob
Quote
“I’m not sure exactly how to use it”
Headline
“Exploring the apps to see what is available
& how to use”
Degree
BS Computer Science
Summary
* Tech savvy.
* Familiar with both Windows & Mac OS.
* Android User.
* Some knowledge of IOS 7.
Goals
* See what function is available and how to
use it.
* Download the most suitable info for his
research.
UX Process Framework
Analysis Phase
Identifying
The Problem
User Needs
Persona
Creation
Functional
Specs
Functional Specs illustrated on the next
Page.
Reminder Menu System
(Main Page)
Add New Reminder
Show All Reminders
Show search result(auto complete)
List of Reminders in navigation style
Time & Date
Change Settings
Reminder Sub Menu System
Back Button
List going to Calendar
& iCloud
6 Color Picker
More Color to choose
(optional)
Keypad
(Select Account, New Reminder)
Reminder Apps Use Case Flow
Reminder Use Case
Main Page
Select Account Page
Main Page -> Select Account Page -> Create New Page
Create New Page
Reminder Use Case
Create New Page
Add Sub Reminder Page
Created Sub Reminder Page
Create New Page -> Add Sub Reminder Page -> Created Sub Reminder Page
Reminder Use Case
Main Page
Setting Page
Main Page -> Setting Page-> Setting Result Page
Setting Result Page
Reminder Use Case
Toggle On/Off
Scrollable 1-23
Scrollable 00-60
Tap AM/PM
Reminder Group Page
Details Page
Reminder Group Page -> Details Page -> Calendar Page
Calendar Page
UX Process Framework
Design Phase
Sketching
Wire-framing
Visual Design
Page 1
Page 2
UX Process Framework
Design Phase
Sketching
Wire-framing
Visual Design
Detailed Wireframes below
UX Process Framework
Design Phase
Sketching
Wire-framing
Visual Design
Main Page
Select Account Page
(3 Page Sample High Fidelity)
Create New Page
UX Process Framework
Evaluate Phase
User Test
Amends
Remaining
Wireframes
All user test is done by me.