본문 바로가기

IT/Tip

사용자의 편리성을 고려한 모바일 어플리케이션 디자인 -`버튼` 편




경험이 없을 초창기에는 모바일 어플리케이션을 디자인 하면서 난항을 겪는 부분이 있기 마련입니다.
그 중 한가지가 바로 '버튼의 크기'인데요. :)

iOS에서 기본으로 제공하는 버튼을 사용하는 경우는 예외지만, 대체로 디자인을 하다보면 새로 버튼을 디자인 하기 마련입니다.
하지만, 막상 예상치 못하게 크기가 너무 크거나 작은 경우가 있지요.
과연 사용자가 편리하게 사용할 수 있는 버튼의 크기는 어떻게 고려해야 할까요?
몇 가지 어플리케이션으로 살펴봅시다 (!) 

* 버튼의 크기는 모두 직접 측정하였으며, Shadow나 기타 Stroke에 외부 요인을 일부 배제하고 실질적인 버튼 영역만 계산하고자 하였습니다.
   실질적인 개발과정을 고려해 치수를 대부분 짝수로 맞추고자 하였습니다. (!) 
   + dpi 72의 640x960 기준입니다. 


 - 아이폰 어플리케이션 디자인을 하시는 분 들은 실제로 비교해 보시면서 감을 잡으시면 될 것 같네요. :)





'다음' 어플리케이션입니다. 실제 기기로 보시면 텍스트로 이루어진 버튼들은 작은 편 입니다.


그린 몬스터의 Flava 앱입니다. Flava는 대체로 아기자기 하기 보다는 큼직큼직한 버튼들이 눈에 확 들어옵니다. :)


개인적으로 SNS 앱 중 디자인이 가장 예쁘다고 생각하는 Path 입니다. 아기자기함이 바로 매력이라고 생각하는데요.
기기에서는 마냥 아기자기 해보였는데 , 예상외로 수치상으로는 작지 않은 편이네요. 최소한 이 정도 선은 고려하여 디자인 해야하지 않을까 합니다.