Ella Hanson
Contact Me
Atta!
Tasklist App
Atta! is a Mobile app design that allows users to quickly add and check off tasks. We want the user experience to be easy so you can stay on task. Now, Atta task!
Vision
Start a tasklist app that makes adding and completing tasks a pleasurable experience— Keeping users more focused on the task at hand.
Competitor Analysis
Analysis of several tasklist apps including MinimaList, Do!, and Lists to Do began the research process. The research for each of the apps was organized into 3 main points: UI Patterns used, Functionality, and my initial thoughts. The research helped define common patterns as well as common problems. One common pattern was to have different categories to organize tasks in. A common issue was the barriers that arose before a user could even add a task (pop-ups, creating an account, etc.) Based on the research from the app, MinimaList, a brief SWOT Analysis was created.
SWOT Analysis
SWOT Analysis
Strengths
-
Truly minimal
-
Customizable interface
-
Interactive widget
-
could improve behavior habits​
-
-
gestural elements used
-
declutters interface​
-
Weaknesses
-
Can be too gestural for all users
-
defeats purpose to increase productivity​
-
-
Became difficult to switch between task lists
-
multiple pop-ups upon launching app
Oppourtunities
-
Utilize fewer gestural elements to keep simplicity and intuitiveness
-
Ability to add tasks quickly (on launch)
-
Increase navigation and visibility of all task lists
Threats
-
Such a customizable interface can limit branding
-
Users abandon app when prompted to create an account
-
New gestural standards
Wireframing
Defining Key Requirements & Sketching Wireframes
Using the competitor research and SWOT Analysis, I began sketching low-fidelity wireframes. The key requirements of the app were to be able to add tasks quickly, remove them quickly, and be able to organize these tasks into different categories. While wireframing, these requirements were key to ensure that all necessary elements the users would NEED to accomplish their goal were included. Annotations of the design with signifiers of functions or potential ideas to include later were added last.
Iconography
Creating the icons for Atta! quickly revealed many more tools that Figma has to offer, like Boolean Operations, that would later contribute significantly to my latest project, Letsercise. All the icons in Atta! were made inside Figma exclusively.
Settings Page
No app is complete without a Settings Page. Currently, Atta offers General and Sync Setting options.
General Settings let the user make basic changes to their account like adjusting notifications, adding a password for tasklist security, or even switching to Night Mode.
Sync options allow the user to transfer their current reminders or calendar events to Atta! when first using.
Key Takeaways
-
Competitor Research​
-
SWOT Analysis
-
Wireframing
-
Iconography
-
​UI Implementation
-
Branding
-
Mockup Presentation