Components | SystemExperience → Notifications

Notifications 

- 한눈에 이해할 수 있게 시기 적절하고 가치 있는 정보를 제공하는 기능

 

 

 

Anatomy 

 

 

- 연락과 관련된 알림은 비통신 알림(noncommunication notifications)과 명확히 구분되도록 앱 아이콘이 아닌 연락과 관련된 정보로 제공할 수 있음 

 

 

Best Practice 

1. 간결하고 유익한 알림 제공 

2. 같은 내용에 대해 여러 번 알림 보내지 않기 

→ 동일 내용에 대해 여러 번 알림을 보낼 경우 사용자가 앱에서 모든 알림을 끄는 경우가 있음 

3. 특정 작업을 수행하라는 내용의 알림을 보내지 않기 

→ 앱을 열지 않고도 수행할 수 있는 간단한 작업을 가능하도록 'Notification actions' 제공 

 

4. 에러 메시지는 알림을 통해서 표시하지 말 것 

5. 앱이 foreground일 때는 알림을 표시하지 않지만, 알림에 해당하는 처리 수행 

6. 개인정보, 기밀정보 포함하지 않기 

 

 

Content 

1. title이 포함된 경우 통신과 관련된 알림일 경우 자동으로 제목 영역에 보낸 이의 이름 표시, 통신이 아닌 알림에서는 제목을 제공하지 않으면 앱 이름을 표시 

 

 

2. 알림 콘텐츠에 문맥을 제공하는 짧은 제목 만들기(일반적인 제목이라면, 앱 이름을 표기하는 게 더 좋은 경우도 있음)

3. 간결하고 읽기 쉬운 알림 콘텐츠 설명 

Apple Watch 화면 : title을 통해 정보 제공

 

4. 알림 미리보기를 사용할 수 없을 때 표시할 일반적인 설명 텍스트(친구 요청, 리마인더, 새 댓글 등)를 제공

5. (Title에) 앱 이름이나 아이콘을 포함하지 않도록 하기 

6. 알림에 소리를 제공하는 것을 고려 

→ 알림음에 진동을 제공하는 것은 프로그래밍적으로 불가능함(소리 + 진동이 안된다는 의미인 듯)

 

 

Notification actions

1. 최대 4개의 버튼을 포함할 수 있는 사용자 정의 세부 뷰를 제공함 

 

2. 알림과 관련된 맥락에서 텍스트 등을 사용하여 의미 있는 작업을 제공, 앱을 열지 않고도 작업을 수행할 수 있는 동작 제공 

3. 앱을 단순히 열기만 하는 작업을 제공하지 않도록 

4. 파괴적인 작업(데이터 삭제 등)을 제공하지 않도록

5. 각 알림 작업에 간단하고 인식하기 쉬운 인터페이스 아이콘 제공(닫기 > X)

 

 

Badging 

 

 

1. 읽지 않은 알림 수만 표시하기 위해 사용 

2. 중요 정보를 전달하는 데 사용하는 유일한 방법으로 사용하지 않기 

3. 뱃지를 최신 상태로 유지하기 → 해당 알림을 보았을 때, 카운트 줄이기 

4. 뱃지의 외관이나 동작을 모방하는 사용자 정의 이미지나 구성요소 만들지 않기 

→ 사용자가 선택적으로 알림 뱃지를 끌 수 있으며 뱃지와 유사한 것을 보게 되면 사용자가 좌절(?, frustrated)할 것

 

 

 

 

 

 

 

 

 

watchOS

Short looks

- 착용자의 손목이 들어올 때 나타나고 내려갈 때 사라짐

 

1. 중요 정보 전달시 유일한 방법으로 사용하지 않기 -> 중요한 정보를 제공하기에 시간이 너무 짧음

2. 개인 정보 보호를 고려

 

 

Long looks

- 알림에 대한 자세한 정보를 제공 

- 필요한 경우 사용자는 long look을 수직으로 swipe 하거나 Digital Crown을 사용하여 스크롤 할 수 있음

- sash, content, buttons, Dismiss 버튼이 포함 되어 있음 

 

 

1. 앱을 시작하지 않고도 필요한 정보를 얻을 수 있도록 풍부한 custom long-lock 알림을 사용하세요 

2. 가능한 동적 인터페이스를 제공하되, 시스템이 제공하는 정적 인터페이스에서 사용할 리소스도 함께 준비해둘 것 

→ 네트워크가 없거나 iphone 동반 앱에 액세스할 수 없을 때 시스템은 정적 인터페이스를 기본값으로 사용함 

3. sash 배경 모양 선택, 콘텐츠 영역의 배경색 선택 

4. 콘텐츠 영역 아래 최대 4가지 custom 작업 제공 

 

---

https://developer.apple.com/kr/design/human-interface-guidelines/notifications

알림 | Apple Developer Documentation