1# Typical Input Modes 2 3 4## Interaction Types 5 6**Touch-based Interaction** 7 8Many devices have a screen that supports user interaction with fingers or styluses. Their touch status, touch quantity, and motion behavior are identified as touch gestures. They support a variety of interaction functions such as touch, scroll, zoom in/out, and rotation. In most cases, touch-based interaction should be used as the primary interaction manner. 9 10The table below describes the basic gestures. 11 12| **Gesture**| **Description**| **Illustration**| 13| -------- | -------- | -------- | 14| Touch| Touch an element to trigger a function or open a page.|  | 15| Long press| Long press an element to trigger a menu or a specific mode, or enter a page. This gesture is not easy to recognize. Do not use it to trigger basic functions.<br>Scenarios:<br>- Long press to display a pop-up menu. For example, long press a contact in the contacts list.<br>- Long press to display a shortcut menu. For example, long press an icon on the home screen.<br>- Long press to trigger multi-choice, generally on a list or grid page. For example, long press the message list of Messaging or the grid page of Gallery.<br>- Long press to enter editing or sortable mode, with device vibration. For example, long press the list page of Alarm or a blank area on the home screen.<br>- Long press to trigger text selection. For example, long press the text entered in the text box.<br>- Long press an icon to access the function details page. For example, long press a function icon on the notification panel.|  | 16| Scroll| Scroll a list vertically or swipe the screen horizontally.<br>Scenarios:<br>- Scroll a list.<br>- Switch between pages in the content area by scrolling.<br>- Swipe around the map by scrolling.|  | 17| Drag| Move an element from one position to another.|  | 18| Double-touch| Quickly touch twice to zoom in or zoom out, select text, or trigger a specific function.|  | 19| Pinch| Pinch open or close with two fingers to zoom in or zoom out.<br>Scenarios:<br>- Zoom in or zoom out on an image. For example, pinch an image on Gallery.<br>- Zoom in or zoom out on the content. For example, pinch a browsing page or camera viewfinder interface. |  | 20 21**Cursor-based Interaction** 22 23When users interact with an application using a pointing device (such as a mouse, a touchpad, an AR/VR handle, or an air gesture), an object to which the cursor points and the cursor itself must be visually appropriate to deliver the interactivity of the object and the accuracy of arrival. In addition, the cursor must support refined operations and hover state to improve application productivity, simplify interactive tasks, and optimize information display. 24 25The cursor-based interaction design can be extended to spatial interaction scenarios such as AR/VR handles and air gestures. 26 27**Focus-based Interaction** 28 29When users interact with an application by using a non-pointing device (such as a keyboard, a remote control, or a vehicle-mounted joystick/knob), focus-based interaction is an important input means. 30 31 32## Typical Input Devices 33 34**Mouse** 35 36A mouse is a typical cursor-based pointing device with pixel-level precision. It is most suitable for productivity applications and high-density UIs that require high precision for user interaction. 37 38Generally, the mouse consists of the left button, right button, and scroll wheel. Its interaction must comply with the industry standards and user habits. The mouse can be used together with the keyboard to provide shortcut operations. 39 40**Touchpad** 41 42A touchpad has both a multi-finger touch gesture input (touchscreen) feature and a refined pointing input (mouse) feature. It is applicable to UIs that support touch-based interaction and productivity applications that have relatively high requirements on pointing precision. 43 44**Keyboard** 45 46A keyboard is an important productivity input device. An excellent keyboard usage experience allows users to quickly and accurately enter text, navigate within the system and applications without leaving the keyboard, access all functions, and enjoy accessibility experience. 47 48**Stylus** 49 50A stylus is an extension of refined finger operations on touchscreens and is a pointing device with pixel-level precision. It provides a direct and natural way to write, draw, and annotate digital content. 51 52**Air Gesture** 53 54As a new manner of interaction, air gestures (non-touch gestures) allow users to conveniently interact with devices without holding or touching them. Air gestures apply to devices such as the default device, tablet, telematics device, smart TV, speaker, and AR/VR device. Air gestures should conform to the intuition and cultural habits of users and be easy to use. 55
