본문

[2018.01.28] 07. 모바일 기기의 특징

도입

이번 포스팅에서는 모바일 기기의 특징을 알아볼 예정이다.



모바일 기기의 특징

모바일 기기의 가장 큰 특징은 마우스가 아닌 사용자의 손가락을 이용한다는 것

(출처 - http://uxmag.com/articles/excerpt-from-the-new-book-the-mobile-frontier)

그렇기 때문에 UI요소를 인체 공학적으로 고려해 터치를 최적화 하는 것이 중요하다.

MIT 터치 연구 보고서에 따르면 터치를 하기 위해서는 10mm에서 14mm 정도의 공간이 필요한데 이것은 아이폰을 기준으로 88pixels 정도라고 하며, 손가락의 지문 영역을 고려할 때 그 크기는 최소 7mm 또는 44pixels가 되어야 엄지로 터치가 가능하다는 연구 결과가 있다.

UI/UX 디자인 이론과 실습 p114



각 화면의 dp와 px의 비율

밀도

dp (Density Independent Pixel)

px (Pixel)

ldpi

1dp

0.75px

mdpi

1dp

1px

hdpi

1dp

1.5px

xhdpi

1dp

2px

xxhdpi

1dp

3px

xxxhpid

1dp

4px



모바일 기기의 최적화 영역

1. 스마트폰

 

 


2. 태블릿

 

(출처 - http://uxmag.com/articles/excerpt-from-the-new-book-the-mobile-frontier)



나의 생각

모바일 개발을 할 때 

1) 타겟 기기를 설정 한 후

2) 타겟 기기의 크기에 따라 버튼 크기 설정 (50pixels 내외)

3) 손가락의 위치와 내비게이션 위치를 생각

하며 개발하기



#모바일 디자인 #모바일 기기 특징

공유

댓글