IOS 7 Reminder App UX Redesign

Slides:



Advertisements
Similar presentations
UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Advertisements

How To Start A Blog on Livejournal.com Navigation Creating an Account Naming Your Blog/Editing User Info Customizing Your Blog Updating Your Blog Adding.
1.Navigation to other Google Apps. 2.Current logged in user. Settings – Account settings Help Sign out of Google 3.Search Calendars (full text search including.
Deconstructing Reminders Gabriel Spitz. How do we think about the User-Interface in a Systematic way.
HNA-Drive Familiarization Presentation. From the address bar in your preferred internet browser, navigate to Site supports: Internet.
Calendar Browser is a groupware used for booking all kinds of resources within an organization. Calendar Browser is installed on a file server and in a.
We are partners in learning.. Note: Office 365 works best in Internet Explorer V 9 or above. Some features do not work in PWCS’s Chrome Browser or in.
080030JUN2010 UNCLASSIFIED Shaunya Murrill / FMWRC Family Programs / (210) / 1 30 June.
Web Page Layout Design Techniques From Moodboard to Mock-up.
PYP002 Intro.to Computer Science Microsoft Word1 Lab 07 Creating Documents with Efficiency and Consistency.
Get Connected in Ways to connect with SCC Welcome to SCC. This guide has been produced so you can get the best out of the web sites and mobile apps.
In the Sandbox Playing with SkillPort 7 for the first time.
Slide 1 of 19 Welcome to GSA’s Vendor and Customer Self Service (VCSS) course Section 7: Correspondence Navigation This presentation is compliant with.
INFO 330 Class Project Do it for real. Overview of the Class Project Scope – Approximately the same as the sample project – Standard starting place Marketing.
Instructional Guide Original presentation created by EasyBib, adapted by S. Hall for educational purposes following Fair Use Guidelines and permission.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Dayton Williams 19 September easy steps, in a step-by-step process, to add Dragonflies or Through the Grief eBooks to Play Books for the purpose.
Writer’s Help A Bedford/St. Martin’s Online Handbook Diana Hacker | Stephen A. Bernhardt | Nancy Sommers ©2011 Bedford/St. Martin’s Two Year Access Card.
An Introduction to Aurasma. Getting Started Aurasma is an augmented reality app for iOS and Android, but is also available on a computer through use of.
Tap to Get Started with Keynote.. Presentations Create new presentations and find the ones you’ve worked on before. Your progress is saved automatically.
Wireframes in Physical Design Yonglei Tao. 1-2 Website Wireframes  A visual guide that represents the framework of a website  Created for the purpose.
Welcome Screen *All of the interface appealed in this presentation is draft design.
An Introduction to Forms. The Major Steps of a MicroSoft Access Database  Tables  Queries  Forms  Macros  Reports  Modules On our road map, we are.
December accountant release webinar December 11, 2012.
Schoolwires Calendar App. Calendar Overview Calendar app uses the same color scheme and fonts as the rest of the IRHS site.
The Structure of the User Interface Lecture # 2 Gabriel Spitz.
What’s New in SkillPort 7 for the End User. The Login Page Customize the login page Add your logo, change colors, graphics and welcome text.
Project Management Tools Meenakshi Lakshmikanthan 02/22/2010.
Innovative Tech Stephanie Beck, Kelsey Wharton, Brianna Stachler.
AVIOS new flight selection page. Process to follow Step 4 Test and Refine Step 3 Prototype Step 2 Rough Wireframe Step 1 Card Sort Card Sort Balsamiq.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Precision Spine Inc. Mobile Device Setup. Android Devices.
Step 1 Open the App store (on your iPhone) or Google Play Store (on Android). In the search field type “MINDBODY –Book Fitness Classes and Beauty Services”.
Transfer Contacts from iPhone to Android From:
LOGO iPhone to Galaxy Note Transfer Transfer iPhone Data to Galaxy Note 3/Note 4/Note 5/Note Edge.
Sync Music/Video/Picture/Contacts from iCloud to iPhone/iPad/iPod All rights reserved—
Guide To Develop Mobile Apps With Titanium. Agenda Overview Installation of Platform SDKs Pros of Appcelerator Titanium Cons of Appcelerator Titanium.
1 PVCS TRACKER WINDOWS CLIENT VERSION BASIC USER GUIDE Author: Joshua Spalding THE FOLLOWING SCREEN SHOTS ARE SAMPLES. THEY MAY NOT REFLECT EXACTLY WHAT.
Chapter 10 Creating a Template for an Online Form Microsoft Word 2013.
GST Helpline - A Complete GST App TO RESOLVE GST INDIA QUERIES
Welcome to the Microsoft Outlook 2011 for the Mac Tech Talk.
File Management in the Cloud
Get Connected in 2016.
GRBMobile Enhancement Guide
Welcome to the Microsoft Outlook 2010 for Windows Tech Talk
Newly updated World eBooks
Gmail is a free webmail service, developed by Google. Gmail also supports advertising. Users can access Gmail on the desktop, laptop or through the mobile.
How to Reset iCloud Password. About iCloud : iCloud is a cloud storage and cloud computing services. iCloud was launched on 12 October, 2011 and was.
Web Site Design Web site diagrams from the Yale Style Manual at:
Sara Snow & Kirk Yoshida
1. Open any Office 2016 app, such as Word, and create a new document.
College Information Night
Welcome to the JCISD Teacher Website Training Guide
Flipster for Mobile Devices
Enable Messages In iCloud On Mac Call
How to synchronize Hotmail account on iPhone?
Student Introduction.
About AirPrint AirPrint is an Apple technology that helps you create full-quality printed output without the need to download or install drivers.
Tutorial Using the App help.ebsco.com.
Designing User Experience (UX)
ELC Blackboard Orientation
Selecting Your Year 9 Options
Delete a Public Holiday – Holiday Calendar
SETUP ALEXA APP Setup Alexa on your favorite device and control your smart device with the help of Alexa.
Saving emergency contacts to your smartphone
Parent Introduction.
Lab 07 Creating Documents with Efficiency and Consistency
Presentation transcript:

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

Objective 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 Amends Wireframing User Needs Remaining Wireframes Visual Design Persona Creation Functional Specs

UX Process Framework Analysis Phase Identifying The Problem User Needs 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. Identifying The Problem User Needs Persona Creation Functional Specs

UX Process Framework Analysis Phase Identifying The Problem User Needs 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. User Needs Persona Creation Functional Specs

UX Process Framework Summary Table Analysis Phase Identifying 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 Identifying The Problem User Needs Persona Creation Functional Specs

UX Process Framework Analysis Phase Identifying The Problem User Needs Persona Creation Functional Specs illustrated on the next Page. Functional Specs

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 (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

Reminder Use Case 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

Reminder Use Case Reminder Group Page Details Page Calendar Page Toggle On/Off Scrollable 1-23 Scrollable 00-60 Tap AM/PM Reminder Group Page Details Page Calendar Page Reminder Group Page -> Details 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 Create New Page (3 Page Sample High Fidelity)

UX Process Framework Evaluate Phase User Test Amends All user test is done by me. Remaining Wireframes