안드로이드 위젯 디자인

위젯(Widget)은 웹 전문가 힌치클리프의 정의에 따르면 "웹에서 실행되는 작은 어플리케이션"이며, 사전적으로는 실용적 목적의 소형 장치를 뜻하는 단어에서 유래했다. 홈 화면에서 실행 없이 바로 정보를 확인하거나 조작할 수 있다는 점에서 일반 앱과 구별되며, 뱃지·모듈·버튼 등으로도 불린다. 안드로이드 위젯을 기획할 때는 어플리케이션을 축소한 것이 아니라 별도의 제약 조건을 가진 독립된 UI 형식으로 접근해야 한다.

위젯 기획의 첫 번째 고려사항은 유용성과 크기의 균형이다. 위젯이 설치될 확률은 유용성에 비례하고 크기에 반비례하는 경향이 있어, 같은 유용성이라면 최대한 작게 설계하되 크기를 줄이려다 핵심 유용성을 해치면 오히려 실패하기 쉽다. 두 번째는 터치 영역이다. 위젯은 화면 내 크기가 작아 터치 영역 확보가 까다로운데, 안드로이드 자체 가이드라인에 최소 터치 영역 기준이 없으므로 애플 HIG의 44px, 윈도우폰 가이드라인의 7~9mm(26~34px) 같은 타 플랫폼 기준을 참조해 설계해야 한다. 세 번째는 기능의 단순함으로, 위젯은 앱이 아니라 숏컷(Short cut) 개념으로 접근해야 하며 스크롤이나 트랜지션 같은 무거운 인터랙션은 지양해야 한다.

이 외에도 실무에서 검토해야 할 세부 사항들이 있다. 세로모드뿐 아니라 가로모드까지 지원해야 하는 단말이 있어 방향별 레이아웃을 추가로 준비해야 할 수 있고, 크기별로 작은·중간·큰 위젯 세트를 구성하면 선택 폭은 넓어지지만 선택 전에는 크기 외 정보를 알 수 없어 사용자 혼란을 키울 위험도 있다. 위젯 정보를 얼마나 자주 갱신할지도 성능과 최신성 사이의 트레이드오프이며, 자동 갱신 주기 설계 외에 수동 업데이트 버튼 제공 여부도 함께 검토해야 한다. 음악 재생처럼 멀티태스킹이 필요한 위젯은 단말이 잠금 상태에서도 조작 가능한 락스크린 UI까지 고려 대상에 포함된다.

핵심 내용

위젯은 앱의 축소판이 아니라 숏컷 개념의 독립된 UI — 스크롤·트랜지션 등 무거운 인터랙션 지양
설치 확률은 유용성에 비례, 크기에 반비례 — 유용성을 해치지 않는 선에서 최소 크기로 설계
안드로이드는 자체 최소 터치 영역 가이드라인이 없어 애플 HIG(44px), 윈도우폰 가이드(26~34px) 참조 필요
세로/가로 모드 동시 지원, 크기별 세트 구성 여부를 프로젝트 초기에 결정
정보 갱신 주기(자동/수동)와 락스크린 UI 필요 여부는 콘텐츠 특성(음악 등 멀티태스킹)에 따라 별도 검토

출처

[Mobile] 안드로이드 위젯 기획시 고려사항 — 2011-09-06, 위승용 uxdragon

안드로이드 위젯 디자인

핵심 내용

관련 개념

출처