3D Touch
3D Touch gives iOS 9 users a more interactive dimension. On supported devices, people can quickly select their own actions by pressing the app icon on the home screen. Within the app, people can use a variety of stressors to get a preview of a content, open content in another view, and get related actions. (See adopting 3D touch on iphone to learn more about supporting 3D touch in your code.) ）
Peek and Pop
Peek allows users to preview a content and perform related actions without leaving the current environment. Elements indicate that they support peek by displaying a small rectangular view (sometimes called a hint) on a light and on-time basis.
Peek:
- Displayed when the user presses an element that supports peek, disappears when the user's finger leaves
- Opens a detail view of an element-called pop-when the user slightly presses a bit deeper on the Peek view
- Provides quick action on elements when the user slides up on the Peek view
When the user taps the screen, the elements that support peek will imply that more interaction is available by showing a rectangle view that you provide. This view is big enough so that the user's finger doesn't block the content and is detailed enough so that the user can decide whether or not to look at the Peek view in a darker way.
ImportantIt is important to use peek and pop throughout the app. If you offer peek and pop in some places and do not provide it in other places, users will feel that your app or his device is out of the question.
use Peek to provide a vivid, content-rich preview of the elements. Peek is best able to give users enough information about the elements to complement their current tasks. For example, users can use Peek to preview a URL in a message, so they can decide whether they want to open a Web page in Safari or share a link to their friends. In a list view, Peek presents a detailed view of a row to the user.
provides a pop for each peek. Even if peek should give the user most of the information they need, you should always let the user jump to pop when deciding to leave the current task and focus on the content of the element. The pop should be the same view that the user gets when they click on the element.
do not provide both peek and edit menus for the same element. It becomes confusing when both attributes of the same element are provided. (view Edit menu to learn more about the editing menus.) ）
inside Peek, do not display elements that look like buttons. If the user releases their fingers and clicks on the element that looks like a button, peek disappears.
Peek Quick action is provided if appropriate. Within peek, the user can display the action associated with the element by sliding up. For example, peek quick actions for messages include replying to all, following, and moving messages. Not all peek requires quick action, but if you have a custom long-press operation for the element, it is a good practice to use peek for the element to provide the same action instead of a long push. (Note that the quick action of Web peek is automatically provided.) ）
do not use peek as the only way to get element-specific operations. Not all devices support peek and pop, and some users may choose to turn off the 3D touch feature, so finding other ways to make peek functionality available in your app is necessary. When your app is running on an old device, it makes sense for them to get the same view as the Peek shortcut when the user is long pressing the element.
Home Screen Shortcut action
Home screen shortcuts give users a convenient way to perform useful, app-specific actions on the home screen.
Home Screen Quick action:
- Appears when the user taps the icon on the home screen a little bit darker than long press the app icon
- Show a short title, an icon, and optional sub-headings that you provide
- No other customizations are supported
- Show new information when your app is up-to-date
Use the Home screen shortcut to deliver compelling, high-value tasks. For example, maps can allow users to search for things near their location or get their home direction without first opening the map app. Each app should provide at least one useful task for a home screen shortcut, and you can provide a total of four quick actions.
don't use the home screen shortcut to quickly navigate your app. If it's hard or time for users to access your app's important content, first fix your app's navigation so that all users can benefit. Then focus on providing quick home screen shortcuts that go deep into your app or do useful, creative tasks.
do not change the Home screen shortcut action in a way that the user cannot anticipate. It is best to update the shortcut based on an event or environment change that the user understands. For example, updating an element based on a user's current location in your app, or recent actions, events, or user settings, can make a difference.
do not use the Home Screen shortcut action as a way to notify users. iOS users expect other ways to get notifications from the app (see Notifications to learn these ways).
provides a concise title (as well as optional sub-headings) and a template icon for each Home screen shortcut action. The title should immediately show the result of the operation, for example, "Home direction", "Create new Contact", and "new information". You can also provide optional sub-headings to give users more content. For example, the message uses subheadings in the VIP Home screen shortcut to tell the user if they have unread messages. Do not include your app name or any external information in the title and sub-headings, and make sure to consider the location when writing the text.
It is important to keep the title as short as possible, which avoids truncation and helps the user to understand the operation quickly. If you provide a subtitle, the system truncates too long headings to fit one line; If you do not include subheadings, the system will truncate the long header to the second line.
You can choose from a number of system-provided templating icons or you can create a custom template icon yourself. Download the main screen shortcut action icon template from Https://developer.apple.com/design/downloads/Quick-Action-Guides.zip to get guidance on icon size, padding, and location. View the template icons to learn more about designing a templated icon.
The icon is automatically displayed to the left or right of the shortcut list, depending on where your app's icon is located on the user's home screen. (regardless of where the icon is in the list, the text is left-aligned and left-read to the right.) Here are some examples of the main screen shortcuts, showing their different display forms.
This article is translated from Apple's official development documentation
Reprint Please indicate the source, thank you
"IOS Human Interface Guidelines"--3d Touch
