UI_UX Design

03.모바일 환경의 발전

jsBae 2022. 9. 13. 19:12

1.모바일 환경의 특징

하드웨어 구성과의 연관성
사용자와 24시간 함께 하는 밀접성
사용자와 상호작용하는 환경
터치와 제스처, 오디오를 이용한 입력
기기가 지닌 센서를 적용하는 환경
휴대성이 극대화된 환경
모바일 전용 운영체제 탑재

 

모바일 콘텐츠 사용자의 속성

개인화(Personalization)
편재성(Ubiquity)
편의성(Convenience)
차별성(Distinction)
즉시연결성(Instant Connectivity)
지역기반(Localization)

3.터치 제스처

손가락을 이용한 상호작용 UI
스크린을 동시에 한 손가락 또는 여러 손가락으로 터치하여 여러 가지 다양한 조작을 할 수 있는 행동
시각적인 부분뿐 아니라 센서 영역까지 확인하면서 디자인해야 한다.
사용자의 동작-결과 간 기대와 해당 시점에서의 맥락을 고려해 신중하게 설계해야 한다.

 
터치를 위해 필요한 공간은 10~14mm 정도인데, 이는 아이폰 기준으로 88pixels 정도이다. 손가락의 지문 영역을 고려할 때, 그 크기가 최소7 mm 또는 44pixels이 되어야 엄지로 터치할 수 있다.

한 손으로 사용하는 사람이 49%, 한 손으로 스마트폰을 받치고 다른 손으로 화면을 탭하는 사람이 36%, 스마트폰을 감싸고 양손으로 사용하는 사람이 15%.
스마트폰의 크기 및 비율이나 손의 위치에 따라서도 터치 영역이 달라진다.
 
 
 
(Tap) : 화면을 한 손가락으로 짧고 가볍게 두드리는 동작, 주로 아이템을 선택하고 실행하는 기본 제스처.
더블 탭(Double tap) : 화면을 재빨리 두 번 두드리는 동작, 화면을 축소 또는 확대할 때 주로 쓰이고 현재의 화면에서 빠져나오는 역할.
프레스(Press) : 화면을 2초 이상 손가락으로 길게 누르는 동작. 터치 앤드 홀드. 메뉴나 팝업과 같은 화면의 컴포넌트를 나타나게 하거나 글씨를 확대 또는 복사하는 용도
(Pan) : 손가락을 떼지 않고 길게 끄는 동작, 어느 방향으로든 움직일 수 있음. 화면의 오브젝트를 이동할 때, 선을 그릴 때, 다중 개체를 선택할 때, 확대한 이미지 화면을 상하좌우로 움직일 때 사용
드래그(Drag): 화면의 특정 오브젝트를 손가락으로 길게 끄는 동작, 아이템을 개별 이동할 때 사용. 오브젝트를 특정 영역으로 옮길 때는 드래그 앤드 드롭이라고 표현.
스와이프(Swipe) : 한 손가락으로 터치한 상태에서 일정 거리를 손가락으로 밀며 움직이는 동작. 화면을 좌우로 이동하며 탐색할 때 적합하며, 수직 방향으로 이동하는 것은 스크롤이라고도 함
플릭(Flick) : 화면을 이동하거나 페이지를 넘길 때 사용, 손가락을 터치하면서 수평 또는 수직 방향으로 빠르게 스크롤하는 동작. 스와이프와 유사하지만 좀 더 빠른 움직임.
핀치(Pinch): 두 손가락을 양방향으로 벌리거나 오므리는 동작, 화면 확대나 축소에 사용. 손가락이 움직이는 거리에 따라 확대나 축소 비율이 결정.
 

 

 

 

 

 

 

728x90
반응형