This is Hana Kim's submission for the assignment (Mailbox prototype) for Week 3 in the Codepath, September 2014 iOS for Designers class.
Time Spent: 9.5 Hours
-
Initially, the background is gray.
-
The reschedule icon should start semi-transparent and become fully opaque. If released, the message should return to the initial position.
-
After 60 pts, the icon moves with the translation and the background should change to yellow. If released, the message continues to reveal the yellow background. When done, reschedule is shown.
-
After 260 pts, the icon changes to the list icon and the background color changes to brown. If released, the message continues to reveal the brown background. When done, list options are shown.
-
User can tap to dismissing the reschedule or list options. then, the message finishes the hide animation.
-
Initially, the revealed background color should be gray.
-
As the archive icon is revealed, it should start semi-transparent and become fully opaque. If released at this point, the message should return to its initial position.
-
After 60 pts, the archive icon should start moving with the translation and the background should change to green. Upon release, the message should continue to reveal the green background. When the animation it complete, it should hide the message.
-
After 260 pts, the icon should change to the delete icon and the background color should change to red. Upon release, the message should continue to reveal the red background. When the animation it complete, it should hide the message.
-
Optional: Panning from the edge should reveal the menu
-
Optional: If the menu is being revealed when the user lifts their finger, it should continue revealing.
-
Optional: If the menu is being hidden when the user lifts their finger, it should continue hiding.
-
Optional: Added Shake to undo, based on action taken, text is updated in the alert. Shaking when no action is on the queue (when the app starts, or the message has been reset), doesn't do anything. I could also have done an alert that says there is nothing to undo, but that made the case statement long and ugly so I just left it as is.
-
Optional: I added the button to open and close the menu
- I've added a button to "reset" the message by clicking on the area with the text "Help me get to zero". I only added it so that it would make the showing of the different options faster to get through.
Gif created with LiceCap