3. Page.3
멀티터치? 포스터치?? 3D터치???
아이폰 초기의 햅틱엔진(Haptic Engine)에 기반하여 만들어진 기본적인
인터랙션 방법으로 모든 OS에서 공통적으로 사용되고 있습니다.
초기 멀티터치에서 약간 발전된 형태로 기본적인 인터랙션 외에도
Soft Press(화면에 약한 압력을 가하는 동작)를 구분할 수 있는 민감도가
더해졌습니다.
예를 들어, 애플워치의 특정 어플리케이션 화면에서 화면을 약한 압력을 가하면,
부가기능이 호출되거나 특정 액션의 수행이 가능해졌습니다.
Hard Press
Soft Press
Tap, Swipe,
Long/Short
Press,
Pinch 포스터치(Force Touch) 2014년
멀티터치(Multi Touch) 2007년
포스터치와 3D터치는 동일한 햅틱엔진에 기반하며 화면을 강하게
누름으로써 특정 액션을 즉각적으로 수행하거나 누르는 강도를 조절하여
차별화된 액션 수행이 가능해졌습니다.
뿐만 아니라 3D터치의 민감도를 사용자가 관리할 수 있게 되었습니다.
3D터치(3D Touch) 2015년
※포스터치와 3D터치를 구분하지 않는 경우도 많다.
4. Page.4
iOS 9.0 이상
iOS 9.0 이상에서 제공하는 추가 인터랙션(interaction) 기법으로
화면을 누르는 강도에 따라 지정된 액션을 수행하도록 설계된 기능입니다.
3D터치란
iPhone 6S, iPhone 6S plus
3D터치는 iOS 9.0를 충족하면서 iPhone 6S 이상에서 동작합니다.
접근성 강화
3D터치는 어플리케이션에 진입하지 않고 홈스크린 화면에서 핵심기능에
접근할 수 있습니다.
뿐만 아니라 어플리케이션 내에서 화면을 누르는 강도에 따라 지정된 액션
수행이 가능합니다.
예를 들어, 어플리케이션 내에서 특정 썸네일 이미지를 지정된 강도로 누르면
해당 썸네일의 원본 이미지를 미리보기 할 수 있으며 누르기를 중지하면 본래 화면으로 복귀합니다.
5. Page.5
3D터치 켜짐/꺼짐
3D터치 민감도
3D터치 강도 테스트
화면을 누르는 강도에 따라 지정된 액션을 수행할 수 있는
사용자 옵션을 켜고 끌 수 있습니다.
3D터치의 강도(누르는 강도)를 사용자가 직접 지정하여
지정된 액션이 발생하는 조건을 설정할 수 있습니다.
예를 들어, 3D터치의 강도를 ‘강하게’ 설정하면
화면을 누르는 강도가 강하게 입력되지 않는 이상 지정된 액션이 수행되지 않습니다.
이미지를 눌러 봄으로써 위에서 설정한 3D터치의 민감도를
체감할 수 있습니다.
3D터치 시스템 설정
6. Page.6
3D터치 기능이 실행되면 시스템바는 노출되지 않으며 전체 화면이
반투명 처리된 상태에서 핵심기능 목록을 제공합니다.
3D터치를 통해 기능목록을 노출시킨 후 각 기능을 선택하거나,
3D터치를 통해 노출된 기능목록에서 원하는 기능 목록으로
터치영역을 이동시킨 후 손을 때면 액션이 수행됩니다.
홈스크린에서 핵심기능 접근하기
시스템바 미 노출, 전체화면 반투명 처리
핵심기능 목록 노출 후 선택 또는 누른 상태에서 손 때기
3D터치로 노출된 기능목록은 해당 기능을 의미하는 텍스트 + 아이콘
또는 아이콘 + 텍스트 순으로 구성됩니다.
추가로, 어플리케이션 내 특정 보관함의 상태정보를 제공할 수도 있습니다.
텍스트 + 아이콘
7. Page.7
컨텐츠 미리보기
어플리케이션 내에서 특정 컨텐츠에 대한 3D터치 실행 시
해당 컨텐츠에 대한 미리보기 화면으로 전환되며 화면에서 손을 때면
컨텐츠 미리보기 상태가 해지됩니다.
뿐만 아니라 화면을 누른 상태에서 터치영역을 상단으로 향하면
아래와 같은 부가기능 리스트를 제공합니다.
컨텐츠 미리보기
8. Page.8
줌인/줌아웃
오락/게임에서 화면의 특정 부분을 확대하기 위해서는 Pinch Out이 주로
활용되었으나 3D터치를 통해 특정 영역의 확대 수준과 한 손 조작이
가능 해졌습니다.
덧붙여, 오락/게임에서의 재미요소(Fun Factor)로써 누르는 강도에 의해 무기강도가 조절되는 등의
방법으로 좀 더 빠르고 임팩트 있는 진행이 가능할 것으로 보입니다.
특정 영역의 확대
3D터치가 아닌 Tap 및 Long Press를 이용한 특정영역 확대 사례(Gif 실행: Shift+F5)
9. Page.9
동일 버튼에 두 가지 액션 제공
화면에 공간적인 제약이 많거나 특정 버튼에 차별화된 기능을
제공하고자 할 때 3D터치는 그 대안이 될 수 있습니다.
예를 들어, 각 색상을 Tap 시 색상 변경이되며
3D터치 시에는 해당 색상을 디테일하게 설정할 수 있습니다.
색상의 변경 또는 색상
3D터치 시 제공 팝업
10. Page.10
강도 조절
스케치 패드 등과 같은 어플리케이션에서 화면을 누르는 강도를 조절하여
액션수준의 강/약을 결정할 수 있게되었습니다.
예를 들어, 이전과 같이 연필의 굵기를 굳이 선택할 필요가 없어졌다는 것을 의미합니다.
화면을 누르는 강도에 따른 액션수준 결정
11. Page.11
제한적인 사용범위 및 그 효용성 문제
어플리케이션 3D터치 반영유형
Facebook 홈스크린 액션
Instagram
홈스크린 액션
컨텐츠 미리보기 + 부가액션
Warhammer 40,000 확대
Wunderlist
홈스크린 액션
컨텐츠 미리보기 + 부가액션
Hotels.com 홈스크린 액션
Tayasui Memopad
홈스크린 액션
확장기능 호출
Confide 홈스크린 액션
Endless Reader 확대
Clips 홈스크린 액션
instapaper 부가액션
Shazam 홈스크린 액션
Kitchen Stories
홈스크린 액션
컨텐츠 미리보기
3D터치는 각 앱의 특정 기능에 대한 접근성을 높일 수 있으며
상세화면에 진입하지 않고 미리보기 할 수 있다는 장점을 제공하고 있습니다.
뿐만 아니라 동일 링크에 두 가지 액션을 수행할 수 있게 지원합니다.
하지만 홈스크린에서 특정 액션을 수행하는 것이 어플리케이션 내에서
수행하는 것보다 어떤 효용성이 있는지 고민해 볼 문제입니다.
또한, iOS 뿐만 아니라 다른 OS에서도 제공되는 서비스라면
3D터치를 활용한 기능들을 어떻게 대응시킬지도 고민해보아야 할 것이며,
Android에서 Long Press 시 선택/편집모드로 전환되는 보편화된
사용성 흐름과 충돌되는 부분이 없을지도 염두 해야 합니다.
홈스크린 액션 / 컨텐츠 미리보기 / 부가기능 호출
12. Page.12
3D터치의 타 OS 대응
포스터치와 3D터치는 한 끝차입니다.
화면의 누르는 강도가 특정 액션의 수준을 결정하는 것이 아니라면
Long Press 및 포스터치로도 컨텐츠 미리보기, 부가기능 호출 구현이
가능합니다.
단, 좌측 Android 인스타그램의 컨텐츠 미리보기 상태에서 관련기능을 수행하는데
차이가 있음에 주목할 수 있습니다.
포스터치와 3D터치의 그 애매한 경계
Instagram : Android(넥서스5) – Long Press
iOS(아이폰5C) – Long Press iOS(아이폰6S) – 3D Touch