created by: joshua sumignan wednesday, february 12, 2014

18
Created By: Joshua Sumignan Wednesday, February 12, 2014 IOS 7 Reminder App UX Redesign

Upload: domenic-thornton

Post on 03-Jan-2016

213 views

Category:

Documents


0 download

TRANSCRIPT

Created By: Joshua SumignanWednesday, February 12, 2014

IOS 7 Reminder App

UX Redesign

ObjectiveTo redesign and improve the user experience of the Reminder iphone apps, and identify each issues and resolve.

Analysis Phase Design Phase Evaluate Phase

User Needs

Sketching

Wireframing

Visual Design

User Test

Amends

Remaining WireframesPersona

Creation

IdentifyingThe Problem

UX Process Framework

Functional Specs

Analysis Phase

User Needs

Persona Creation

UX Process Framework

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.

IdentifyingThe Problem

Analysis Phase

User Needs

Persona Creation

IdentifyingThe Problem

UX Process Framework

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.

Analysis Phase

User Needs

Persona Creation

IdentifyingThe Problem

UX Process Framework

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.

Analysis Phase

User Needs

Persona Creation

IdentifyingThe Problem

UX Process Framework

Functional Specs

Functional Specs illustrated on the nextPage.

Add New Reminder

Show All Reminders

Show search result(auto complete)

List of Reminders in navigation style

Time & Date

Reminder Menu System (Main Page)

Change Settings

Reminder Sub Menu System (Select Account, New Reminder)

Back Button

List going to Calendar& iCloud

6 Color Picker

More Color to choose(optional)

Keypad

Reminder Apps Use Case Flow

Main Page Select Account Page Create New Page

Main Page -> Select Account 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 Setting Result Page

Main Page -> Setting Page-> Setting Result Page

Reminder Use Case

Reminder Group Page Details Page Calendar Page

Reminder Group Page -> Details Page -> Calendar Page

Reminder Use Case

Toggle On/Off

Scrollable 1-23 Scrollable 00-60

Tap AM/PM

Design Phase

UX Process Framework

Sketching

Wire-framing

Visual Design

Page 1 Page 2

Design Phase

UX Process Framework

Sketching

Wire-framing

Visual Design

Detailed Wireframes below

Design Phase

UX Process Framework

Sketching

Wire-framing

Visual Design

(3 Page Sample High Fidelity)

Main Page Select Account Page Create New Page

Evaluate Phase

UX Process Framework

User Test

Amends

Remaining Wireframes

All user test is done by me.