WORKFLOW AND wireframes
Reminderx
Allison Pittler August 12, 2018
INTRODUCTION PROJECT BACKGROUND
WORKFLOWS AND WIREFRAMES
Co-founders Vera and Jorge want to enhance the features and functionality of their simple to-do list and reminder app, ReminderX. UX Practitioner, Allison Pittler will assist Vera and Jorge in taking ReminderX to the next level.
This phase of the project involved digital iterations of the sketched workflows and wireframes for the next release of the ReminderX application.
This UX services for this project are being provided by Allison Pittler for the optimization of the ReminderX application. In response to the request by Vera of ReminderX, Allison is responsible for following tasks: • Pinpoint the target market for ReminderX • Determine the needs of the users • Develop solutions to problems
A workflow illustrates what tasks users want to accomplish and how the design allows them to reach their goal. Wireframes plan and illustrate how the application is intended to behave.
REVIEW
RECOMMENDATIONS
1
2
Daily: Tasks + detail
Utilizing voice, text, or stylus entry will help to speed-up the entry process / make the application more accessible
MULTIPLE VIEWS ENTRY METHOD Weekly: "Planner view" Monthly: Overview Task: Timeline of tasks/ to-do lists
DESIGN TENETS 3
INTEGRATION
The ability to automatically add events/reminders sent through an email account or through social media, text messages, etc.
Having multiple views allows users to select what is most comfortable for them.
5
ALERT SETTINGS Grouping: Ability to create categories/ tags for alerts for quick access, ex: work - alert me: 1 day before & 1 week before.
Add as many additional alerts as you need. Post-due alerts can be turned off and autodeleted for users that struggle with alerts that "pile up".
6
TASKS/TO-DO'S
Give users the ability to check off tasks or swipe them away. These tasks will disappear from the list but will be stored in a "completed" tasks section. As an incentive, users could have the option to receive a weekly task reward message, providing a summary of the tasks completed throughout the week. A timeline of tasks will help to organize information and reduce feelings of being overwhelmed. Lists can be reorganized by tapping & dragging into place.
7
ORGANIZATION
Tasks, lists, and reminders can be color-coded for each purpose/category. (ex. work, personal, school, etc.) This would allow better organization and structure. A widget for "today's tasks/reminders" could be available for the home screen to provide information at a glance. Since many people work in teams, manage their children’s' schedules, multi-user access would allow team members/ parents and kids to share lists or reminders.
4
INTUITIVE DESIGN Clean and simple, easy to use
The application shouldn't add stress to the users' hectic lives Providing a tutorial upon installation can help with this. This tutorial should have the ability to be accessed again at any time.
8
TIME MANAGEMENT Many individuals feel that their lives are hectic due to poor time management.
With the option of applying a timer to a task, users will have the ability to set a start time that will keep track of how much time the particular task took to complete. The timer will end when the task is "swiped" or checked completed. The application can save the timed tasks of the user to review and evaluate how much time is being spent on each task they recorded. Weekly or monthly breakdowns can show improvements/where the users struggle most.
MAKE IT ACCESSIBLE: Give users the option to choose their preferred layout and entry method.
DON’T STRESS ME OUT, HELP ME:
Don’t bombard users with alerts and information they don’t want.
DON’T JUST RECORD, ENCOURAGE: Motivate users with rewards. Track success and improvement.
THE LESS I HAVE TO DO, THE BETTER: Design for integration with email, social media, and other applications.
WORK FL OW A ND wirefr a mes
Initial design SKETCHES
WIREFRAMES
WALKTHROUGH
The user is provided with the option to do a short walk-through of the application Optional–can be accessed later through the menu/settings tab
Intuitive Design
ADD
The user will tap + to add a: - Category - Event - List Since there are no category tags saved, the user will “create new”
CATEGORY TAG The user will choose a title for their new category All text entry can be done via keypad, voice, or through handwriting with a stylus The user will set a color tag to be associated with their new category tag The user can also set default settings for the tag (or not – can be accessed later via settings)
ADD LIST/EVENT After a category tag is selected or created, the user will enter a “List / event title”.
LIST ITEMS The user will have the option to add items (if it is a list) or continue (if it is an event). The user will then select a “due by” date for time management tracking and alerts.
LIST VIEW
CALENDAR VIEW
SUCCESS
DAY PLANNER
After adding a list/event the user will be taken back to the default “home” view. Their list/event will display next to the date/ time assigned.
Multiple Views
SETTINGS
Design for integration with email, social media, and other applications.
Don't bombard users with alerts and information they don't want.
Intuitive Design
Give users the option to choose their preferred layout and entry method.
Motivate users with rewards. Track success and improvement.
WORKFLOW
WORK FL OW A ND wirefr a mes
DIGITAL ITERATIONS
LAUNCH/WALKTHROUGH
Upon launch, the user will have the option to participate in a short interactive walkthrough of the application. The walkthrough can be accessed under the settings tab at any time.
Find out how to select your desired view in ReminderX
Learn how to add custom categories for better list and event organization
Skip
Skip
Learn how to create lists and events and check off completed tasks
Learn how to customize ReminderX
Skip
Skip
You are now a ReminderX pro!
CREATING A LIST/EVENT
The following illustrates how a user would create a list or event under a new “Category Tag”.
Q W E A
123
R
T
Y
U
S
D
F
G H
Z
X
C
V
I J
O K
B N M
space
P L
Q W E A
123
R
T
Y
U
I
O
S
D
F
G H
J
Z
X
C
V
N M
B
space
K
P L
Q W E A
123
R
T
Y
U
I
O
S
D
F
G H
J
Z
X
C
V
N M
B
space
K
P L
Q W E A
123
R
T
Y
U
I
O
S
D
F
G H
J
Z
X
C
V
N M
B
space
K
P L
CREATING A LIST/EVENT
The following illustrates how a user would create a list or event under a predefined “Category Tag”.
Q W E A
123
R
T
Y
U
S
D
F
G H
Z
X
C
V
I J
O K
B N M
space
P L
Q W E A
123
R
T
Y
U
I
O
S
D
F
G H
J
Z
X
C
V
N M
B
space
K
P L
Q W E A
123
R
T
Y
U
I
O
S
D
F
G H
J
Z
X
C
V
N M
B
space
K
P L
VIEWS/SETTINGS
Work Goals met
Personal Goals met
Travel Goals Met
ReminderX Pro ReminderX walkthrough completed
Eye on the Prize Full week of tasks completed by due date
+7%
+5%
+9%
Allison Pittler User Experience Designer Pittsburgh, PA
(724) 600-5465 apittler@kent.edu allisonpittler.com