2020. 1. 13. 23:00ㆍiOS/HIG (Human Interface Guidelines)
Widgets
위젯은 알맞은 때에 앱의 특정기능이나, 유용한 정보를 표시하는 확장판입니다. 예를 들어 뉴스 위젯은 가장 핫한 기사의 헤드라인을 보여주고, 날씨 위젯은 현재 기후를 표시해주죠. 달력은 오늘의 이벤트와 내일의 할일을 표시해주는 두개의 위젯이 있습니다. 노트를 사용하여 최근 사용한 노트를 미리보고, 사진 및 도면을 신속하게 작성할 수도 있죠. 이렇듯 버튼, 텍스트, 레이아웃, 이미지 등 커스텀화가 가능합니다.
앱을 꾹누르는 일명 '3D터치'를 사용해서 목록이 표시되게도 가능합니다. 홈 화면과 잠금화면을 오른쪽으로 스위핑(맨 왼쪽 검색 창? 바? 밑 )후, edit를 눌러 추가 및 삭제가 가능하다.
애플문서에 있는 특징 10가지
Design a great glanceable experience
간단한 업데이트, 작업수행 -> 적절한 양의 정보와 상호작용성을 전달함이 필수, 위젯내 패닝, 스크롤링 지원되지 않음.
Show content quickly
위젯을 보는데 거의 시간을 쓰지 않으며, 콘텐츠가 로드되는데 기다릴 필요가 없다.
정보를 로컬로 캐쉬하여 업데이트를 받는 동안 항상 최신 정보를 표시할 수 있다.
Provide ample margins and padding
위젯의 모서리로 콘텐츠를 확장하지 말 것.(각 모서리별 콘텐츠와 몇 픽셀의 마진제공)
위젯의 상단 아이콘을 중심으로 정렬수행
아이콘과 버튼의 그리드를 행당 4개로 제한권고(가급적)
Be adaptable
위젯의 너비는 기기의 크기와 방향(랜드스케이프)에따라 다르다.
위젯이 표시하는 높이와 정보는 모드에따라 다르다.(모든 위젯이 확장을 지원하는건 아님) 대략 2.5배 차이
NCWidgetDisplayMode .compact, .expanded를 말하는 것 같음
예시) 날씨 위젯경우 기본 현재 날씨표기, 확장시 시간별표기
Avoid customizing the background of a widget
시스템에서 제공하는 빛과 위젯의 흐릿한 배경은 일관성과 가독성을 위해 설계되었음.
잠금 및 홈 스크린 벽지와 충돌할 수 있으므로, 사진을 배경으로 사용하지 말 것.
In general, use the system font in black or dark gray for text
시스템 글꼴은 가독성을 고려하여 설계되었으며, 어두운 색은 표준 위젯과 잘 동작함.
When appropriate, let people jump to your app to do more
기본적으로 위젯과 앱은 독립적, 위젯이 제공하는 이상의 것을 원할 때 자리만 차지하는 '열기' 버튼 대신에
컨텐츠 자체를 눌러 앱에서 보거나, 편집하도록 할 것.
다른 앱을 열기위해 위젯을 사용하지 말 것.
Pick a good widget name
각 위젯의 콘텐츠 위에 앱 아이콘과 제목이 표기되고, 일반적으로 위젯의 이름은 앱의 이름과 일치.
앱에서 여러 위젯을 제공하는 경우 기본 위젯에 대한 앱 이름을 사용하고 다른 위젯에 대한 명확하고 간결한 이름을 사용.
예) 앱 이름 000 / 위젯 이름 000쿠폰, 000이벤트
Let people know when authentication adds value
사용자가 앱에 로그인할 때 위젯이 추가 기능을 제공하면, 다른 사용자가 이 사실을 알고 있는지 확인할 것.
예) 예약 앱에는 "예약을 보기 위해 앱에 서명하십시오"라는 메시지가 포함될 수 있음.
Choose a widget for the quick action list
앱에 여러 위젯이 있는 경우, 사용자가 3D 터치를 사용하여 홈 화면의 앱 아이콘에 압력을 가할 때 나타나는 빠른 액션 메뉴에 표시할 위젯을 선택.