laitimes

A summary thought on the design of "long press" interactions

Editor's introduction: Different types of gesture operations bring different experience perceptions to users, in this article, the author analyzes the use scenarios of "long press" gesture operations, interaction characteristics, etc., and recommends groups who want to learn interaction design to read.

A summary thought on the design of "long press" interactions

Every day we need to use gestures to operate mobile phones and tablets, and directly operate the screen to make the interaction form more simple and pure, more natural. However, there are different types of gesture operations, and the perception of the experience brought to the user is also different.

Today we will briefly analyze the use scenarios of the "long press" gesture operation.

First, the "long press" interactive characteristics

1. The cost of behavior is higher, and misoperation is avoided

In real life, the Power button of a laptop or mobile phone is basically a quick tap to turn off the screen. Long press to shut down. For users, the long-press operation behavior is more expensive, which can be used to effectively avoid user misoperation.

2. The function is highly hidden, and it is not easy for users to see

Long-press operation is not as natural as click operation, and there are not many long-press behavior scenarios in real life. In mobile products, the concealment of long press is higher, and it is not easy for users to perceive. For example, in the Safari browser, clicking on the tab bar button can enter the page selection mode, while long pressing can enter the tab editing menu. The learning cost of users is high, and it is difficult for ordinary users to perceive.

A summary thought on the design of "long press" interactions

Second, the use of scenarios

Long-press interaction is a high-level gesture operation, usually used in high-threshold, low-frequency operation scenarios.

1. Function collection entrance, trigger action menu

Mobile products have limited content that can be displayed on a single screen, and in order to simplify the content of the page, many secondary functions will be hidden. Long press becomes the preferred method of wake-up operation, similar to the PC mouse hover to display the secondary menu or right-click menu function.

For example, long press the WeChat message to bring up the operation menu and complete the secondary operation of the content, such as forwarding, searching, quoting, and so on. In order to create an immersive reading atmosphere, WeChat reading products only display article content on the screen when reading, clicking on a fixed area can quickly summon a menu of common functions, and long pressing the page can edit the article content.

Tmall home page product image long press can also bring up the product setting function menu, hidden menu to ensure that users more focused on the browsing of products.

A summary thought on the design of "long press" interactions

2. Quick operation, improve behavior efficiency

For actions with more steps, long press can shorten the path of user behavior, which is more efficient than clicking a button.

(1) Gesture supplementation under subdivision scenes

Today's headline video playback double speed function, requiring the user to operate in multiple steps, and can only set a fixed speed in full-screen mode, the maximum setting of 2 times the speed, stop acceleration also need to be operated step by step. When users need temporary ephemeral acceleration, the operation can be tedious.

In order to better meet the needs of users, today's headline video also added a long press video 3 times fast forward function in non-full-screen mode, which can restore normal playback speed by letting go, and the control is simple and efficient, especially suitable for the scene of short skipping part of the video content.

A summary thought on the design of "long press" interactions

The upper file key in the input method, click can only achieve the uppercase input of one letter, and the long press starts the fixed capitalization mode, which is convenient for users to enter long capital text and improve the input efficiency.

(2) Supplement to quick operation

On iOS, long-press interaction can also enter the preview operation mode. For example, in the self-contained mail App, long press a message to preview the content of the message, and also attached an action option to help users quickly process the message. The same message center content long press can be previewed, SMS, WeChat and other instant messaging tools long press can quickly reply. This has improved the efficiency of user behavior to a certain extent.

A summary thought on the design of "long press" interactions

(3) Interactive supplementation of secondary functions

As mentioned above, the mobile product screen has limited display space, and a button sometimes combines multiple functions. Click on how to operate as a high-frequency core function, and press and hold as a startup secondary, low-frequency function, simplifying the interface content.

Everyone knows that the circle of friends clicks to enter the graphic publishing mode, and long press can publish plain text. This design is conducive to reducing the number of plain text content published. On the other hand, the user's need to send graphics and text is higher, if the user is allowed to make a choice every time, it will affect the user's operational efficiency.

3. Auxiliary emotional expression

Long press is a high threshold behavior, requiring users to invest more in the operation cost, so video products have added long press interactive forms on the like to meet the needs of user emotional expression.

For example, when today's headline video is liked, clicking and long pressing will only increase the number of likes in the end, but the long time increases the eruption effect, which helps to express the user's emotions when the user encounters the video that they really like.

A summary thought on the design of "long press" interactions

A long-press like on a watermelon video will make the video highly recommended, and users can drain the main stream for their favorite UP. In the B station video, the long-press like function can achieve one-click 3 consecutive, which not only improves the user's behavior efficiency, but also better assists the user's emotional expression.

Fourth, write at the end

For users, whether cognitively or behaviorally, long-press interaction costs higher. Therefore, it is not a mainstream form of interactive operation, but more as a supplement to the click action, providing users with a shortcut.

However, the long-press function does not actively guide users to use it as an important operation item, but seems to be an Easter egg function waiting for users to dig. Therefore, the long-press function usually needs to have other entrances or operation methods to make up for the lack of user perception.

A summary thought on the design of "long press" interactions

#专栏作家 #

This article was originally published by everyone who is a product manager, and reproduction without permission is prohibited.

The title image is from Unsplash, based on the CC0 protocol