Spread


Get things done.

Spread is a fresh new way to keep track of all the tasks you need to accomplish in a day and my first app in the App Store. Create task - get a glance - and mark it complete! Your day has never been more efficient.

The idea of my app “Spread” originates form my wish for a extremely simple, fast and functional to-do list app. There are tons of great to-do apps on the market but they mostly focus on the structure and rigidity of one’s schedule. While those apps can get things organized, they often require many settings and easily become complicated to users. That’s why I set out to create a spontaneous, rapid, and fun experience that is almost like posting sticky notes on iOS.

I used UICollectionView, UICollectionViewFlowLayout, along with CAGradientLayer to create a beautiful two column layout with each section representing a day of work. Creating a task is super easy: tap on the big add button or 3D touch on the home screen icon. Each cell represents a task, and the content of the task is displayed on top of the cell. The color selection provides an intuitive way of tagging. A user can also “peek and pop” into a task to see detail, set reminder, or delete.

Marking a task as complete is fun and satisfying: a UILongPressGestureRecognizer is used to detect long press on a cell, trigger CASpringAnimation in the size of cells, and eventually shrink the cell to quarter size and draw a check mark with matched color.

Motivating the user to do more is a big part of my app. There is a progress bar for each section of tasks indicating a user’s productivity for that day. I utilized WatchKit and WatchConnectivity to display today’s task to Apple Watch as a colorful table. I also created watch complications with ClockKit to show a ring style task completion indicator on a user’s watch faces.

Health is the biggest part of everyone’s life, and a healthy body only comes from good daily habits. That’s why I created fitness tasks to remind users of things like drink enough water and walk more. The fitness cells look just like regular task cells but they reoccur daily and has subtle animations with them. I tweaked a combination of CABasicAnimation and CASpringAnimation to create animations that mimic the feelings of respiration and heartbeat in order to keep the user engaged and motivated. The gradient locations of fitness cell also indicates users’ completion status on fitness goals. And of course, I used HealthKit to read and write fitness data.

* The Fitness Task and Watch App features are yet to be released

Go Back