모바일 웹에서 버튼 크기·비례·위치에 대한 GUI 디자인 연구 (A study of GUI Design about Button's Size, Ratio and Position on the Mobile Web)

서지정보

· 발행기관 : 한국일러스아트학회
· 수록지 정보 : 조형미디어학 / 14권 / 1호 / 129 ~ 140페이지
· 저자명 : 송수진, 김세화, 성치경

초록

본 연구에서는 모바일 웹의 사용성을 높이기 위해, 모바일 웹사이트 사례 조사를 실시하여 버튼 배치의 유형을 분류하고, 버튼의 사용성 검증을 위해 버튼 크기, 비례, 위치에 따라 실험을 실시하며, 그 결과에 따라 모바일 웹 버튼의 디자인에 대해 제안하고자 한다.
먼저, 포털사이트, 공공기관, 은행, 인터넷쇼핑몰 등 사용자의 접속이 많은 모바일 전용 웹사이트 27개를 조사 대상으로 선정하여, 하이퍼링크가 발생하는 버튼 유형을 검색버튼, 박스버튼, 텍스트버튼으로 분류하였다. 이를 바탕으로 모바일 웹 화면 버튼의 크기·비례·위치에 대해 변화를 주어 웹 게임형의 실험자극을 제작하였고, 사용자 65명에게 버튼이 있는 모바일 웹 게임형의 실험자극을 조작하도록 하고 데이터베이스에 터치 오류 유무 로그를 기록하여 분석하였다.
실험 결과, 버튼 크기 4가지에 대해서는 터치 성공과 실패가 통계적으로 유의미한 차이가 있었다. 버튼 비례 5가지에 대해서도 유의미한 차이가 있었다. 버튼 위치에 대해서는 크기 80%와 크기 100%, 비례 50*80pixel과 비례 50*50pixel에 대해서 터치 성공과 실패가 통계적으로 유의미한 차이가 있었다. 실험 결과에 근거하여 모바일 웹에서 사용하는 버튼의 크기와 비례와 위치에 대해서 제안하였다.

영어초록

This thesis is that as we researched mobile website examples to enhance mobile web's usability, We classified button's type and performed experiment by button's size, ratio, and position. consequently, We suggests web design's buttons.
At first we selected 27 exclusive mobile web sites that have frequent access like web potals, public institutions, banks and internet malls etc, for target survey.
Button's patterns coming out hyperlink were classified as a research button, a box button, a text button. Base on this, we produced web game style's experiment stimulation making a change in mobile web screen's buttons of size, ratio, and position. and we handled web game style's experiment stimulation having buttons to 65 users. and then we recorded touch success or fail about database.
As a result, touch screen's success, fail and 5button's ratio had meaningful differences. also statistically button's success, fail about button's position had differences to 80%size and 100%size, ratio 50*80pixel and ratio 50*50 pixel. Base on this experiment result, We suggest using button's size, ratio, and position on mobile web.

참고자료

· 없음