알림 디자인을 위한 가이드라인
카테고리
[디자인]
태그
UX
프로덕트 전략
요약
더 나은 알림 디자인을 통한 더 나은 사용성
알림은 제품 사용성에 주요한 기능입니다.
'시스템 상태의 가시성' 은 Nielsen Norman Group의 "사용자 인터페이스 디자인을 위한 10가지 사용성 휴리스틱" 목록에서 첫번째 항목 입니다. 이 규칙은 "시스템은 적절한 시간 내에 적절한 피드백을 통해 사용자에게 무슨 일이 일어나고 있는지에 대한 정보를 항상 제공해야 한다."라고 말합니다.
알림 시스템은 디지털 제품 UX의 많은 부분을 차지하므로, 알림 시스템이 없으면 제품은 마치 무언가가 빠진 것처럼 느껴질 것입니다. '시스템 상태의 가시성'과 피드백이 없다면 대시보드 없이 자동차를 운전하는 것과 같습니다.
모든 유형의 알림은 디지털 제품에서 없어서는 안될 부분입니다.
유용한 알림 프레임워크 구축하기
알림 디자인을 나중에 생각하지 마세요
우리는 작지만 중요한 UX개선사항을 마지막으로 생각하는 경향이 있습니다. 경고, 오류메시지, 확인, 공지 등의 알림 디자인은 나중에 생각하는 경우가 많습니다. 이러한 접근방식은 UX를 손상시키는 조잡한 프랑켄슈타인과 같은 결과물을 만들기도 합니다.
이러한 상황을 피하려면 알림 디자인에 대한 통합 접근 방식을 사용해 제품 디자인 프로세스의 초기에서 부터 사용자 경험을 향상시켜야합니다.
'주의 수준'으로 알림을 분류하세요
알림 프레임워크를 잘 설계하려면 알림을 '주의 수준' 측면에서 생각하는 것이 도움이 될 수 있습니다. 예를 들어 테스크를 수행하는데에 큰 방해가되는 문제에는 "강력한 알림"이 필요하고, 그렇지 않은 경우에는 "조용한 알림"이 필요합니다.
알림 디자인에 대한 초기 접근 방식은 [높음, 중간, 낮음]의 세가지 수준으로 분류해보세요. 그 다음 경고, 확인, 오류, 성공메시지 등 특정 속성 내에서 추가로 유형을 정의할 수 있습니다.
높은 주의
Alerts 즉각적인 주의 필요
Errors 즉시 조치 필요
Exceptions 시스템 이상으로 무언가 작동하지 않음
Confirmations 진행하려면 사용자 확인이 필요해 잠재적인 주의요인
중간 주의
Warnings 즉각적인 조치가 필요하지 않음
Acknowledgments 사용자 작업에 대한 피드백
Success messages 성공 메시지
낮은 주의
Informational messages 볼 수 있게 준비된 항목
Badges 일반적으로 아이콘 위에 노출되며 마지막 상호작용 이후 새로운 것을 표시함
Status indicators 시스템 피드백
알림 유형에 맞는 디자인 시스템을 설계하세요
알림 목록이 준비되면 다음 단계는 원하는 주의 수준과 속성에 따라 알림을 분류하는 것입니다. 알림은 방해가 되어서는 안 되므로 신중하게 수행해야 합니다. 아래 질문에 따라 알림을 유형화하고 이에 맞는 색상코드, 아이콘, 위치, 동작 등 상세한 UX와 알림 디자인 시스템을 설계하세요. 이 과정에서 디자이너는 알림이 표시되는 모든 상황과 예외케이스들을 고려할 수 있어야합니다.
알림을 트리거하는 것은 무엇입니까?
어떤 유형의 피드백이 전달되고 있습니까?
알림은 어디에 어떻게 표시됩니까?
즉각적인 상호 작용이 필요한 알림은 무엇입니까?
알림이 지속적입니까 아니면 비지속적입니까?
사람들에게 적절한 양의 알림을 보내는것은 균형을 유지하는 작업이며, 이를 과도하게 사용되면 위험이 따릅니다.
과도한 알림이 사용되는 경우 제품에 대해 부정적인 피드백을 받을 수도 있고 최악의 경우 제품을 포기하는데에도 영향을 미칠 수 있습니다.
알림을 사용하는 시기와 방법을 이해하는 것은 뛰어난 사용성을 제공하고 제품 메시지의 일관성을 구축하는 데 필수적입니다. 적절한 순간에 표시되어야 하는 주변 메시지를 신중하게 평가함으로써 디자이너는 제품의 효율성을 높이고 UX를 향상시킬 수 있습니다.🧑🏻⚕️ 요약자
관심 분야
타겟 오디언스
공유 날짜
2022/05/09
5 more properties