Messaging system with discard user interface
A computer-implemented method of displaying a user interface comprises: displaying a preview of a message on a screen; receiving a discard motion; displaying a discard instruction with varying opacity during the receiving, the opacity increasing in proportion to a range of the discard motion; reaching a minimum motion threshold; and discarding the message.
1. A computer-implemented method of displaying a user interface, comprising:
causing a preview display of a user-generated message on a screen;
detecting a discard motion;
sliding the preview display along the screen in a direction of the detected discard motion with rubber banding resistance;
while detecting the discard motion, causing display of a discard instruction comprising an opacity increasing in proportion to a range of the discard motion up to a first opacity until reaching a motion threshold without changing an opacity of the user-generated message;
causing display of the discard instruction at a second opacity greater than the first opacity once the motion threshold is reached; and
discarding the previewed message.
2. The computer-implemented method of claim 1 , wherein the discard motion is a swiping action.
3. The computer-implemented method of claim 1 , further comprising providing haptic feedback once the motion threshold is reached.
4. The computer-implemented method of claim 1 , further comprising displaying a discard warning if the message includes creative tools, the creative tools including special effects.
5. The computer-implemented method of claim 1 , wherein the direction is downwards and the discard motion is a finger moving downward on a screen.
6. The computer-implemented method of claim 1 , wherein the message is an ephemeral message having a time-limited duration.
7. The computer-implemented method of claim 1 , wherein the displayed message includes video.
8. A non-transitory computer-readable medium storing instructions that, when executed by one or more computer processors of a client device, cause the client device to perform operations comprising:
causing a preview display of a user-generated message on a screen;
detecting a discard motion;
sliding the preview display along the screen in a direction of the detected discard motion with rubber banding resistance;
while detecting the discard motion, causing display of a discard instruction comprising an opacity increasing in proportion to a range of the discard motion up to a first opacity until reaching a motion threshold without changing an opacity of the user-generated message;
causing display of the discard instruction at a second opacity greater than the first opacity once the motion threshold is reached; and
discarding the previewed message.
9. A device, comprising:
one or more processors; and
one or more computer-readable mediums storing instructions that, when executed by the one or more processors, cause the device to perform operations comprising:
causing a preview display of a user-generated message on a screen;
detecting a discard motion;
sliding the preview display along the screen in a direction of the detected discard motion with rubber banding resistance;
while detecting the discard motion, causing display of a discard instruction comprising an opacity increasing in proportion to a range of the discard motion up to a first opacity until reaching a motion threshold without changing an opacity of the user-generated message;
causing display of the discard instruction at a second opacity greater than the first opacity once the motion threshold is reached; and
discarding the previewed message.
10. The device of claim 9 , wherein the discard motion is a swiping action.
11. The device of claim 9 , wherein the operations further comprise providing haptic feedback once the motion threshold is reached.
12. The device of claim 9 , wherein the operations further comprise displaying a discard warning if the message includes creative tools, the creative tools including special effects.
13. The device of claim 9 , wherein the direction is downwards and the discard motion is a finger moving downward on a screen.
14. The device of claim 9 , wherein the message is an ephemeral message having a time-limited duration.
15. The device of claim 9 , wherein the displayed message includes video.
16. The device of claim 9 , wherein the motion threshold is one third of a height of the screen.