DotPad

Digital Task Completion Tool

MY ROLE

UIUX Design
UX Research
Product Design

TIMEFRAME

Oct 2022 - Nov 2022

TOOLS

Figma
Rhinoceros 3D

Overview

Enjoy the feeling of writing on paper but appreciate the organizational capabilities of a computer?

DotPad is a tablet with a customizable interface created specifically for organization purposes. Users can effortlessly jot down and rearrange their to-dos, schedules, and other tasks. They can also check their task timeline and history, which in effect can provide them with a sense of accomplishment.

Project brief

→ Final project for the class How Do We Work, taught by Ayako Takase and Cutter Hutton.

Problem Statement

How might we help people feel more accomplished?

Final design

A tablet for organization purposes that mimics the customization of a written journal with the technological power of a computer software.

Functions - general interface

Default Screen

→ Interface can be seen in a horizontal or vertical view.
→ Rotate device 90º to switch between views.

Move sidebar

→ Drag, slide, and drop sidebar to your desired placement.

Timeline

→ Shows the amount of tasks the user has completed.
→ Different colors correspond to different tasks (to be customized by the user).
→ Pinch to view in hourly, weekly, monthly, or yearly view.

Functions - tools

Shortcut creation

→ Shortcuts are easily sketch-able symbols that a user can utilize to tag tasks under different subcategories.
→ Subcategories are determined by the user when creating shortcuts.

Add task & tag with shorthand

→ Write task on the DotPad & tag with a shorthand, if desired.

Handwriting to text

→ Click icon on top right corner to turn handwriting into digital text.

Move task & add checkbox

→ Draw square to create a checkbox.
→ Drag and drop task anywhere. Board automatically makes space.

Delete task

→ Check checkbox to complete task.
→ Cross out task to remove.
→ Completed tasks are automatically moved into "screen history" section (found in sidebar).

Research

Old norms are challenged in the emerging trends of hybrid working, sustainability-thinking, and humanistic design. How can we re-balance our relationships with ourselves, other people, and the environment?

Preliminary ideation

→ Began ideation by thinking of opposing ideals in a workplace that can create an unbalanced atmosphere.

Expanded further on my top three ⭑⭑⭑ choices:

Then decided on my preferred subtopics:

1. To reduce mundaneness in the workplace

2. To design for any individual’s work-style

Subtopic 1: to reduce mundaneness in the workplace.

The effects of mundane & excessive tasks

→ To improve working efficiency and bolster motivation, there is a need to reduce burnout & boreout.
→ One potential avenue is to explore catering more towards different peoples’ workstyles and their individual organizational needs.

70%

of respondents feel like they’re wasting time when given repetitive work.

89%

feel tasks can seem insignificant and useless, as if they’re not progressing.

100%

of people surveyed believe they suffer varying extremities of boredom or burnout.

Subtopic 2: benefits of a personalized work style

Work-style balance & organization: the way a person thinks, structures, organizes, and completes their work.

Long-term results of a personalized work-style:

Increased productivity

Less burnout & boredom

More positive frame of mind

Market research

DIGITAL

Overall, task managers help people organize, but do not provide a sense of achievement due to interface rigidity and lack of certain functions.

TACTILE

Planners, notebooks, & other variations of paper are commonly used to note tasks, but they lack the versatility of a digital interface.

User interview insights

Overall, task managers help people organize, but do not provide a sense of achievement due to interface rigidity and lack of certain functions.

Tasklist Location

“I keep my tasks in front of me because seeing how much I complete motivates me to complete more.”

- Female, 23

Convenience

“I would use my journal more because hand writing helps me organize, but using my computer is just so convenient

- Female, 21

Task Organization

"I sort [my tasks] based on when I need to complete them...if it’s for home or work...and which one I should prioritize...”

- Male, 32

Iteration 1

A digital desk mat used for informal note-taking & communication.

New form of working

→ Nowadays, horizontal "grey-area" space is mainly used for storage, jotting down quick notes, and is simply just a space for other tools to sit.
→ The horizontal workspace is seldom utilized for work purposes anymore.

Utilizing "grey-area" space

→ Horizontal workspace could be "grey-area" for informal note-taking & conversations.
Informality allows freedom of jotting down notes without restrictions, which brings back the "journaling" way of note-taking.

User testing insights

I tested my design on 10 users that ranged from 20-32 years old.

Design gave short term feelings of accomplishment.

"I did this, I get to check things off" - Female, 23
Timeline idea was appreciated.
Horizontal placement provided satisfaction.

Customizing the tablet's workspace was useful in minimizing mundaneness.

Made workstyle feel less formal.
→ Customization gave users mode freedom.
→ Lessened tasks feeling too boring or repetitive.

Communicating with others would get legally messy.

General consensus is that this feature would not help with mundaneness or feeling accomplished.

Size of product is too large.

Wished for product to fit snugly onto their workplace, but still be portable [hybrid working & usable both in work & home settings].

User interview insights

After testing my design and receiving the above feedback, I conducted further research by interviewing more people about their desk space habits.

Iteration 2

A digital portable tablet used for task note-taking & tracking.

To model the size of the tablet, I cut out strips of paper of varying sizes and had interviewees place paper on their workspaces. For testing the different tools that could be on the interface, I cut out strips of paper indicating different tools and had interviewees place them around the interface. I then transferred the most preferred size into Figma.

User interview insights

Add notation method [ex. quick notes, stickers]

Gravity: make horizontal & vertical, interviewees had split preferences.

Timeline is too harsh on the eyes.

Lock and pen indicator look like buttons rather than indicators.

There should be ways to reorganize your screen.

Iteration 3

User insights

Interface is too long. Inconvenient because it exceeds the dimensional standards of normal electronic objects.

Interviewees want a way to condense the menu to optimize writing space.

Final