McAfee Security Home Screen Redesign
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의 기존 홈화면에 대한 내/외부 고객의 VOC
External
In depth interview - 10명의 외부 고객들의 피드백
대부분의 고객들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 보안 컨텐츠를 구별하기 힘들어했다.
Internal
유관부서들의 피드백
유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조하였다.
McAfee Security Home Screen Redesign
Redesign the home screen of the McAfee Security app to emphasize its security benefits and boost user engagement, thereby increasing the rate of paid users.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의
기존 홈화면에 대한 내/외부 고객의 VOC
External
In depth interview - 10명의 외부 고객들의 피드백
대부분의 고객들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 보안 컨텐츠를 구별하기 힘들어했다.
Internal
유관부서들의 피드백
유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조하였다.
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의
기존 홈화면에 대한 내/외부 고객의 VOC
External
In depth interview - 10명의 외부 고객들의 피드백
대부분의 고객들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 보안 컨텐츠를 구별하기 힘들어했다.
Internal
유관부서들의 피드백
유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조하였다.
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의 기존 홈화면에 대한 내/외부 고객의 VOC
External
In depth interview - 10명의 외부 고객들의 피드백
대부분의 고객들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 보안 컨텐츠를 구별하기 힘들어했다.
Internal
유관부서들의 피드백
유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조하였다.
McAfee Security Home Screen Redesign
Redesign the home screen of the McAfee Security app to emphasize its security benefits and boost user engagement, thereby increasing the rate of paid users.
홈화면 분석 / Quick Ideation
홈화면 분석 / Quick Ideation
홈화면 분석 / Quick Ideation
이슈의 원인을 예측해보고 이슈를 해결하는 방안에 대해 Quick Ideation을 진행함.
이슈의 원인을 예측해보고 이슈를 해결하는 방안에 대해 Quick Ideation을 진행함.
Information Architecture and Wireframes
Information Architecture and Wireframes
Information Architecture and Wireframes
이전 단계에서의 아이디어를 바탕으로, IA를 정의해보고 이를 와이어프레임을 통해 시각화 함.
이전 단계에서의 아이디어를 바탕으로, IA를 정의해보고 이를 와이어프레임을 통해 시각화 함.
INFORMATION ARCHITECTURE
INFORMATION ARCHITECTURE
Wireframes
Wireframes
사용자 테스트
사용자 테스트
사용자 테스트
In-depth Interview : 와이어프레임속 기능들을 사용자들이 얼마나 잘 이해하고 능동적으로 사용하려고 하는지 테스트. 화면속 보안 기능에 대한 가치를 얼마나 잘 인식하는지 인터뷰함.
In-depth Interview : 와이어프레임속 기능들을 사용자들이 얼마나 잘 이해하고 능동적으로 사용하려고 하는지 테스트. 화면속 보안 기능에 대한 가치를 얼마나 잘 인식하는지 인터뷰함.
참가자 구성
참가자 구성
Userzoom으로 리쿠르된 12 참가자 (미국)/ 나이 : 28 ~50 / Tech savvy : Novice (2), Intermediate (8), Advanced (2)
Userzoom으로 리쿠르된 12 참가자 (미국)/ 나이 : 28 ~50 / Tech savvy : Novice (2), Intermediate (8), Advanced (2)
What we found
테스트 결과
테스트 결과
테스트 결과
For today section
For today section
참가자들은 'For today' 섹션에 있는 Task가 무엇인지를 잘 파악했고 Task를 수행하려함
참가자들은 'For today' 섹션에 있는 Task가 무엇인지를 잘 파악했고 Task를 수행하려함
Pagination이 있음에도 불구하고 더 많은 Task가 있다는 것을 잘 알아차리지 못함.
Pagination이 있음에도 불구하고 더 많은 Task가 있다는 것을 잘 알아차리지 못함.
My Overview section
My Overview section
'My Overview' 섹션의 기능의 제목과 보안 상태를 보고 참가자들은 이 앱이 보호하려는 것이 무엇인지를 잘 파악하게 됨.
'My Overview' 섹션의 기능의 제목과 보안 상태를 보고 참가자들은 이 앱이 보호하려는 것이 무엇인지를 잘 파악하게 됨.
'For today' 섹션과 마찬가지로 참가자들은 더 많은 기능들을 볼 수 있다는 것을 한번에 알아차라지 못함.
'For today' 섹션과 마찬가지로 참가자들은 더 많은 기능들을 볼 수 있다는 것을 한번에 알아차라지 못함.
Protection score
Protection score
참가자들은 이 Protection Score가 무엇을 의미하는지 잘 예측하기 힘들어했고, 이것이 무엇인지를 물어보는 질문을 많이함.
참가자들은 이 Protection Score가 무엇을 의미하는지 잘 예측하기 힘들어했고, 이것이 무엇인지를 물어보는 질문을 많이함.
테스트 요약
테스트 요약
각 보안 기능의 상태(예: 안전, 위험, 보유 데이터 수 등)가 기능 이름과 함께 표시되어있는 것을 보고, 참가자들은 개인 정보와 Wi-Fi의 보안 상태를 모니터링할 수 있었으며, 이 앱을 통해 본인들의 네트웤과 개인정보가 좀더 잘 보호받을 수 있다고 생각 함.
각 보안 기능의 상태(예: 안전, 위험, 보유 데이터 수 등)가 기능 이름과 함께 표시되어있는 것을 보고, 참가자들은 개인 정보와 Wi-Fi의 보안 상태를 모니터링할 수 있었으며, 이 앱을 통해 본인들의 네트웤과 개인정보가 좀더 잘 보호받을 수 있다고 생각 함.
기존 버전에서는 카드 내 Task content가 간결하지 않고 너무 설명적이여서 오히려 Task를 수행하는데 부담이 되었던 것에 반해 와이어프레임 속 간결한 컨텐츠의 Task는 참가자들에겐 덜 부담이 되고 그로인해 더 적극적으로 보안 Task를 완료하려는 경향이 보임.
기존 버전에서는 카드 내 Task content가 간결하지 않고 너무 설명적이여서 오히려 Task를 수행하는데 부담이 되었던 것에 반해 와이어프레임 속 간결한 컨텐츠의 Task는 참가자들에겐 덜 부담이 되고 그로인해 더 적극적으로 보안 Task를 완료하려는 경향이 보임.
Visual Design (위의 사용자 테스트의 결과를 디자인에 반영)
Visual Design
(위의 사용자 테스트의 결과를 디자인에 반영)
Visual Design
(위의 사용자 테스트의 결과를 디자인에 반영)
McAfee 브랜드와 시각적 일관성을 유지하기 위해, McAfee 디자인 라이브러리의 컴퍼넌트와 색상을 사용했습니다. 새롭게 정의되는 스크린이라 라이브러리에 없는 컴퍼넌트들과 새롭게 재정비 되어야할 컴퍼넌트들은 아래와 같이 테스트하고 수정한 후에 디자인 라이브러리를 업데이트 함.
McAfee 브랜드와 시각적 일관성을 유지하기 위해, McAfee 디자인 라이브러리의 컴퍼넌트와 색상을 사용했습니다. 새롭게 정의되는 스크린이라 라이브러리에 없는 컴퍼넌트들과 새롭게 재정비 되어야할 컴퍼넌트들은 아래와 같이 테스트하고 수정한 후에 디자인 라이브러리를 업데이트 함.
최종 디자인
최종 디자인
최종 디자인
여러 차례의 디자인 수정을 거친 후, 최종 디자인이 완성되었고 개발자들에게 상세한 디자인 구현 가이드와 시각장애인을 위한 접근성 가이드가 전달되었음. 모든 칼라의 Contrast는 안정적인 접근성 범위하에서 고려되었음.
여러 차례의 디자인 수정을 거친 후, 최종 디자인이 완성되었고 개발자들에게 상세한 디자인 구현 가이드와 시각장애인을 위한 접근성 가이드가 전달되었음. 모든 칼라의 Contrast는 안정적인 접근성 범위하에서 고려되었음.
디자인 구현 리뷰
디자인 구현 리뷰
디자인 구현 리뷰
앱개발자들이 구현한 내용과 디자인 원본을 비교 점검하여 구현이 잘못된 부분을 피드백하고 이를 수정하여 최대한 디자인 원본과 동일할 수 있도록 함.
앱개발자들이 구현한 내용과 디자인 원본을 비교 점검하여 구현이 잘못된 부분을 피드백하고 이를 수정하여 최대한 디자인 원본과 동일할 수 있도록 함.
디자인 개선 결과
디자인 개선 결과
디자인 개선 결과
분기 내 무료 사용자에서 유료 사용자로 전환하는 비율이 30% 증가함.
분기 내 무료 사용자에서 유료 사용자로 전환하는 비율이 30% 증가함.
분기 내 무료 사용자에서 유료 사용자로 전환하는 비율이 30% 증가함.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.