3D Touch

3D Touch adds an additional dimension to touch-based interaction. On supported devices, people can access additional functionality by applying varying levels of pressure to the touchscreen. Apps can respond by displaying a menu, showing additional content, or playing an animation. People don’t need to learn new gestures to interact with 3D Touch. They quickly discover the additional interactive dimension when they press lightly on the screen and get a response.

3D Touch는 터치 기반 상호 작용에 추가 차원을 추가합니다. 지원되는 장치에서 사람들은 다양한 수준의 압력을 터치 스크린에 적용하여 추가 기능에 액세스 할 수 있습니다. 앱은 메뉴 표시, 추가 텐츠 표시 또는 애니메이션 재생으로 응답 할 수 있습니다. 사람들은 3D Touch와 상호 작용하기 위해 새로운 제스처를 배울 필요가 없습니다. 그들은 화면을 가볍게 누르고 응답을 얻을 때 추가 상호 작용 차원을 신속하게 발견합니다.

Home Screen Interaction

On the Home screen, pressing the icon of an app that supports 3D Touch displays an action view. This view lets you quickly perform common app-specific tasks and see interesting information. Calendar, for example, provides a shortcut for creating an event. It also shows the next event on your schedule. For design guidance, see Home Screen Actions and Widgets.

홈 스크린에서 3D 터치를 지원하는 앱의 아이콘을 누르면 액션뷰가 표시됩니다. 이 보기에서는 일반적인 앱 별 작업을 빠르게 수행하고 흥미로운 정보를 볼 수 있습니다. 예를 들어, 캘린더는 일정 만들기를 위한 바로 가기를 제공합니다. 또한 다음 일정을 일정에 표시합니다.

Peek and Pop

A peek lets people use 3D Touch to preview an item, such as a page, link, or file, in a view that appears temporarily above the current context. To peek at an item that supports this functionality, apply a little pressure to the item with your finger. Simply lift your finger to exit the peek. To open the item and see more detail, press a little harder until the item pops and fills the screen. In some peek views, you can swipe up to reveal related action buttons. For example, while peeking at a link in Safari, you can swipe up to reveal buttons for opening the link in the background, adding the link to your reading list, and copying the link.

peek(엿보기)을 사용하면 사람들이 3D Touch를 사용하여 현재 컨텍스트 위에 일시적으로 나타나는 뷰에서 페이지, 링크 또는 파일과 같은 항목을 미리 볼 수 있습니다. 이 기능을 지원하는 항목을 peek하려면 손가락으로 항목을 조금 누르십시오. 손가락을 들어 peek을 빠져 나가기만 하면 됩니다. 항목을 열고 세부 사항을 보려면 항목이 튀어나와 화면을 가득 채울 때까지 조금 더 세게 누릅니다. 일부 픽뷰에서는 위로 스와이프하여 관련 액션 버튼을 표시 할 수 있습니다. 예를 들어 사파리의 링크를 peek하면서 위로 스와이프하여 백그라운드에서 링크를 여는 데 필요한 버튼을 공개하고 읽기 목록에 링크를 추가하고 링크를 복사 할 수 있습니다.

Use peeking to provide live, content-rich previews. Ideally, peeking gives enough information about an item to augment the current task, or helps you decide whether to fully engage the item. For example, preview a link in a Mail message before deciding to open it in Safari or share it with friends. Peeking is often used in tables to view detailed row information before the row is selected.

생생하고 풍부한 내용의 미리보기를 제공하기 위해 peek을 사용하십시오. 이상적으로, peek은 항목에 대한 충분한 정보를 제공하여 현재 작업을 보완하거나 항목 참여를 결정하는 데 도움을줍니다. 예를 들어 Safari에서 열거나 친구와 공유하기로 결정하기 전에 메일 메시지에서 링크를 미리 봅니다. Peeking은 행을 선택하기 전에 자세한 행 정보를 보기 위해 테이블에서 자주 사용됩니다.

Design big-enough peek views. Design a peek view that's large enough so that fingers don’t obscure its content. Make the peek detailed enough for people to decide whether to press a little deeper to fully open (pop) the item.

충분히 큰 화면을 디자인하십시오. 손가락이 그 내용을 흐리게하지 않을만큼 충분히 큰 픽뷰를 디자인하십시오. 사람들이 항목을 완전히 열려면 (팝) 좀 더 깊게 누르는지 여부를 결정하기에 충분히 자세히 픽하게 만드세요.

Adopt Peek and Pop consistently. If you support Peek and Pop in some places but not others, people won’t know where they can use the feature and may think there’s a problem with your app or their device.

Peek 및 Pop을 일관되게 채택하십시오. Peek 및 Pop을 일부 장소에서 지원하지만 다른 곳에서는 지원하지 않으면 사람들이 해당 기능을 사용할 수있는 위치를 알지 못해 앱 또는 장치에 문제가 있다고 생각할 수 있습니다.

Avoid displaying button-like elements in a peek view. If a user lifts a finger to tap an element that looks like a button, the peek disappears.

픽뷰에서 버튼과 같은 요소를 표시하지 마십시오. 사용자가 버튼 모양의 요소를 탭하고 올리면 픽이 사라집니다.

Allow every peek to be popped. Even though peeking should give people most of the information they need, always let them transition to the pop if they decide to switch away from the current task and focus on the item. Popping should show the same thing as tapping the item.

모든 픽이 튀어 나오도록 허용하십시오. peeking은 사람들에게 필요한 정보를 대부분 제공해야하지만, 현재 작업에서 벗어나 항목에 집중하기로 결정한 경우 항상 팝으로 전환하십시오. Popping은 항목을 탭하는 것과 똑같은 것을 보여 주어야합니다.

Don’t enable peeking and an edit menu for the same item. It can be confusing to users and hard for the system to detect intent when both features are enabled for one item. For additional guidance, see Edit Menus.

동일한 항목에 대해 peeking 및 편집 메뉴를 활성화하지 마십시오. 사용자에게 혼란을 줄 수 있으며 한 항목에 두 기능이 모두 활성화되어있을 때 시스템이 의도를 감지하기 어려울 수 있습니다.

Provide action buttons when appropriate. Not every peek needs action buttons, but they’re a great way to offer shortcuts for common tasks. If your app already provides custom touch-and-hold actions for items, it’s good practice to include the same actions during peeks.

필요할 때 액션 버튼을 제공하십시오. 모든 픽이 액션 버튼을 필요로하지는 않지만 일반적인 작업을위한 바로 가기를 제공하는 좋은 방법입니다. 앱에서 이미 항목에 맞춤식 터치 및 홀드 작업을 제공하는 경우에는 픽 하는 중에 동일한 작업을 포함하는 것이 좋습니다.

Avoid providing an action button that opens a peeked item. People generally press deeper to open an item they’re peeking. As a result, there’s typically no need to provide an explicit Open button.

픽 항목을 여는 액션 버튼을 제공하지 마십시오. 사람들은 일반적으로 픽한 항목을 열려면 더 깊이 누릅니다. 따라서 일반적으로 명시적인 열기 버튼을 제공 할 필요가 없습니다.

Don’t make peek the only way to perform item actions. Not every device supports peek and pop, and some people may turn off 3D Touch. Your app should provide other ways to trigger item actions in situations like these. For example, your app could mirror a peek’s quick actions in a view that appears while touching and holding an item.

항목 동작을 수행하는 유일한 방법을 픽으로 만들지 마십시오. 모든 장치가 peek 및 pop을 지원하지는 않으며 일부 사용자는 3D Touch를 끌 수도 있습니다. 앱에서 이와 같은 상황에서 항목 작업을 트리거하는 다른 방법을 제공해야합니다. 예를 들어 항목을 길게 터치하는 동안 표시되는보기에서 앱에서 픽의 빠른 동작을 미러링 할 수 있습니다.

Live Photos

Apps can incorporate pressure into the photo viewing experience by supporting Live Photos. Live Photos come to life when you press them, using movement and sound to show the moments just before and after the photo was taken. For design guidance, see Live Photos.

앱은 라이브 사진을 지원하여 사진 감상 경험을 강하게 만들 수 있습니다. 라이브 사진은 움직임을 감지하고 소리를 사용하여 사진을 찍은 순간의 순간을 보여줍니다.

3D Touch - User Interaction - iOS - Human Interface Guidelines - Apple Developer