McAfee Security Home Screen Redesign
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의 기존 홈화면에 대한 내/외부 고객의 VOC
Users
In depth interview - 10명의 외부 고객들의 피드백
• 대부분의 참가자들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 내용을 구별하기 어려워 함.
• 이 홈스크린에서 무엇을 기대해야하고 무엇 부터 수행해야하는지에 대해서 모호하다고 함.
• Feature 리스트를 우선적으로 보려고 하는 참가자들은 주요 기능을 바로 찾는 것에 어려움이 있다고 함.
Internal Users
유관부서들의 피드백
• 유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조함.
• 파트너들이 Key feature를 찾는 것을 어려워 한다고 보고되었다. 홈스크린에서 feature가 더 인지될 수 있는 개선이 필요함
• 쉽게 Paid plan으로 업그레이드 할 수 있는 방법이 필요하다. 유료 사용자의 전환율이 너무 낮음.
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
Users
In depth interview - 10명의 외부 고객들의 피드백
• 대부분의 참가자들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 내용을 구별하기 어려워 함.
• 이 홈스크린에서 무엇을 기대해야하고 무엇 부터 수행해야하는지에 대해서 모호하다고 함.
• Feature 리스트를 우선적으로 보려고 하는 참가자들은 주요 기능을 바로 찾는 것에 어려움이 있다고 함.
Internal Users
유관부서들의 피드백
• 유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조함.
• 파트너들이 Key feature를 찾는 것을 어려워 한다고 보고되었다. 홈스크린에서 feature가 더 인지될 수 있는 개선이 필요함
• 쉽게 Paid plan으로 업그레이드 할 수 있는 방법이 필요하다. 유료 사용자의 전환율이 너무 낮음.
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의
기존 홈화면에 대한 내/외부 고객의 VOC
Users
In depth interview - 10명의 외부 고객들의 피드백
• 대부분의 참가자들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 내용을 구별하기 어려워 함.
• 이 홈스크린에서 무엇을 기대해야하고 무엇 부터 수행해야하는지에 대해서 모호하다고 함.
• Feature 리스트를 우선적으로 보려고 하는 참가자들은 주요 기능을 바로 찾는 것에 어려움이 있다고 함.
Internal Users
유관부서들의 피드백
• 유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조함.
• 파트너들이 Key feature를 찾는 것을 어려워 한다고 보고되었다. 홈스크린에서 feature가 더 인지될 수 있는 개선이 필요함
• 쉽게 Paid plan으로 업그레이드 할 수 있는 방법이 필요하다. 유료 사용자의 전환율이 너무 낮음.
McAfee Security Home Screen Redesign
홈화면을 사용자들이 좀더 능동적으로 인터랙션할 수 있는 컨텐츠와 구조로 재구성하여 유료 사용자의 비율을 높임.
Role
프로덕트 PM, 컨텐트 라이터, 리서쳐, 일러스트레이터 그리고 다른 UX 디자이너와 함께 collaboration 하며 전반적인 UX디자인을 리드함.
문제 정의 기존 홈화면에 대한 내/외부 고객의 VOC
Users
In depth interview - 10명의 외부 고객들의 피드백
• 대부분의 참가자들은 홈 화면의 각 카드 속 정보의 많은 양을 부담스러워 했고, 또한 카드가 반복되는 구조의 유사성으로 인해 각 카드간의 내용을 구별하기 어려워 함.
• 이 홈스크린에서 무엇을 기대해야하고 무엇 부터 수행해야하는지에 대해서 모호하다고 함.
• Feature 리스트를 우선적으로 보려고 하는 참가자들은 주요 기능을 바로 찾는 것에 어려움이 있다고 함.
Internal Users
유관부서들의 피드백
• 유관부서들의 대부분의 의견은 이 홈화면이 사용자의 보안을 어떻게 보장하는지에 대한 확실한 내용 및 가치가 전달될 필요가 있다고 강조함.
• 파트너들이 Key feature를 찾는 것을 어려워 한다고 보고되었다. 홈스크린에서 feature가 더 인지될 수 있는 개선이 필요함
• 쉽게 Paid plan으로 업그레이드 할 수 있는 방법이 필요하다. 유료 사용자의 전환율이 너무 낮음.
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.
Design GOAL
Design GOAL
Design GOAL
사용자들의 피드백을 수렴하여 개선이 필요한 주요 영역을 디자인 목표로 크게 3가지로 설정했으며, 비즈니스 영향과 관련된 측면을 개선하는 데 중점.
사용자들의 피드백을 수렴하여 개선이 필요한 주요 영역을 디자인 목표로 크게 3가지로 설정했으며, 비즈니스 영향과 관련된 측면을 개선하는 데 중점.
Increase User Engagement
Increase User Engagement
Feature 인식과 활용도가 낮은 이유를 찾고 효과적으로 개선하여 궁극적으로 유저의 Awareness와 Feature참여도를 높인다.
Feature 인식과 활용도가 낮은 이유를 찾고 효과적으로 개선하여 궁극적으로 유저의 Awareness와 Feature참여도를 높인다.
Increase Usability
Increase Usability
사용자의 혼란을 줄이고 원활한 사용자 경험을 보장하기 위해 사용자의 피드백을 고려하여 레이아웃을 구조화 한다.
사용자의 혼란을 줄이고 원활한 사용자 경험을 보장하기 위해 사용자의 피드백을 고려하여 레이아웃을 구조화 한다.
Strengthen Monetization
Strengthen Monetization
유저로 하여금 무료 버전을 사용하는 동안 유료 Feature들의 가치를 느낄 수 있게 하여 유료 플랜으로의 전환율을 높인다.
유저로 하여금 무료 버전을 사용하는 동안 유료 Feature들의 가치를 느낄 수 있게 하여 유료 플랜으로의 전환율을 높인다.
홈화면 분석 / Ideation
홈화면 분석 / Ideation
홈화면 분석 / Ideation
이슈의 원인을 예측해보고 이슈를 해결하는 방안에 대해 Quick Ideation을 진행함.
이슈의 원인을 예측해보고 이슈를 해결하는 방안에 대해 Quick Ideation을 진행함.
IDEATION을 바탕으로한 Quick Solution
IDEATION을 바탕으로한 Quick Solution
IDEATION을 바탕으로한 Quick Solution
아이디어 발상을 바탕으로 특정 정보를 모듈화하고, 정보의 우선순위에 따라 해당 모듈을 상단 또는 하단에 표시하는 IA를 설계함.
또한 와이어프레임속 요소들이 Design Goal에 얼마나 부합하는지 확인함.
아이디어 발상을 바탕으로 특정 정보를 모듈화하고, 정보의 우선순위에 따라 해당 모듈을 상단 또는 하단에 표시하는 IA를 설계함.
또한 와이어프레임속 요소들이 Design Goal에 얼마나 부합하는지 확인함.
사용자 테스트
사용자 테스트
사용자 테스트
참가자들에게 Task를 부여하고 테스트하면서 이 디자인이 Design Goal을 얼마나 달성했는지 점검함.
참가자들에게 Task를 부여하고 테스트하면서 이 디자인이 Design Goal을 얼마나 달성했는지 점검함.
테스트 방법
테스트 방법
Unmoderated first-클릭 테스트
60명 (미국), 나이 30-55, 중간 정도위 기술 숙련도, UsabilityHub에서 리크루트 됨.
Unmoderated first-클릭 테스트
60명 (미국), 나이 30-55, 중간 정도위 기술 숙련도, UsabilityHub에서 리크루트 됨.
테스트 목적
테스트 목적
1. 사용자가 주요 작업을 쉽게 완료할 수 있도록 함.
2. 사용자가 맥아피의 서비스들을 설정하고 참여하도록 유도함.
3. 사용자의 현재 보호 상태에 대한 인식을 높이고 McAfee 서비스에 대한 신뢰도를 높임.
4. 사용자에게 유료구독을 독려함.
1. 사용자가 주요 작업을 쉽게 완료할 수 있도록 함.
2. 사용자가 맥아피의 서비스들을 설정하고 참여하도록 유도함.
3. 사용자의 현재 보호 상태에 대한 인식을 높이고 McAfee 서비스에 대한 신뢰도를 높임.
4. 사용자에게 유료구독을 독려함.
절차
절차
Total 6 Key tasks
참가자들은 아래의 Task들을 완료하기위해 그들이 화면을 통해 인터랙션할 수 있음을 안내받는다. 그리고 인터랙션의 쉬움 정도를 평가하도록 안내받음. (SEQ)
1.Run wi-fi scan (와이파이를 스캔하세요!)
2.Set up safe browsing (안전한 브라우징 기능을 설정해보세요!)
3.Turn on VPN (지금 VPN을 켜세요)
4.Upgrade subscription (유료 버전으로 업그레이드 해보세요!)
5.Increase protection score by addressing a breach (Discover For today) 개인정보 유출을 확인해보시고 보안 점수를 올려보세요 (Today 모듈에서)
6.Learn more about ways to protect your mobile device (Discover more for you) 당신의 모바일 디바이스를 보호하는 방법을 배워보세요! (More for you 모듈에서)
First impressions/인지
참가자들은 페이지에서 어떤 섹션이 가장 눈에 띄었는지를 나열하고 , For today, My overview, and Our services groupings 모듈의 차이점에 대해서 얘기하도록 안내 받음.
Total 6 Key tasks
참가자들은 아래의 Task들을 완료하기위해 그들이 화면을 통해 인터랙션할 수 있음을 안내받는다. 그리고 인터랙션의 쉬움 정도를 평가하도록 안내받음. (SEQ)
1.Run wi-fi scan (와이파이를 스캔하세요!)
2.Set up safe browsing (안전한 브라우징 기능을 설정해보세요!)
3.Turn on VPN (지금 VPN을 켜세요)
4.Upgrade subscription (유료 버전으로 업그레이드 해보세요!)
5.Increase protection score by addressing a breach (Discover For today) 개인정보 유출을 확인해보시고 보안 점수를 올려보세요 (Today 모듈에서)
6.Learn more about ways to protect your mobile device (Discover more for you) 당신의 모바일 디바이스를 보호하는 방법을 배워보세요! (More for you 모듈에서)
First impressions/인지
참가자들은 페이지에서 어떤 섹션이 가장 눈에 띄었는지를 나열하고 , For today, My overview, and Our services groupings 모듈의 차이점에 대해서 얘기하도록 안내 받음.
테스트 결과
테스트 결과 반영
테스트 결과 반영
테스트 결과 반영
테스트 결과를 반영하면서 여러번의 iteration이 있었음. Monetization 부분을 배너만으로 어필하기엔 한계가 있어 보여 플랜을 업그레이드 해야지만 보여질 수 있는 보안 피쳐들을 Lock아이콘을 포함, 상품을 전시하듯 따로 나열하여 유료 기능에 관심이 있는 유저들이 선택할 수 있게함.
테스트 결과를 반영하면서 여러번의 iteration이 있었음. Monetization 부분을 배너만으로 어필하기엔 한계가 있어 보여 플랜을 업그레이드 해야지만 보여질 수 있는 보안 피쳐들을 Lock아이콘을 포함, 상품을 전시하듯 따로 나열하여 유료 기능에 관심이 있는 유저들이 선택할 수 있게함.
최종 디자인
최종 디자인
최종 디자인
여러 차례의 디자인 수정을 거친 후, 최종 디자인이 완성되었고 개발자들에게 상세한 디자인 구현 가이드와 시각장애인을 위한 접근성 가이드가 전달되었음. 모든 칼라의 Contrast는 안정적인 접근성 범위하에서 고려되었음.
여러 차례의 디자인 수정을 거친 후, 최종 디자인이 완성되었고 개발자들에게 상세한 디자인 구현 가이드와 시각장애인을 위한 접근성 가이드가 전달되었음. 모든 칼라의 Contrast는 안정적인 접근성 범위하에서 고려되었음.
디자인 구현 리뷰
디자인 구현 리뷰
디자인 구현 리뷰
앱개발자들이 구현한 내용과 디자인 원본을 비교 점검하여 구현이 잘못된 부분을 피드백하고 이를 수정하여 최대한 디자인 원본과 동일할 수 있도록 함.
앱개발자들이 구현한 내용과 디자인 원본을 비교 점검하여 구현이 잘못된 부분을 피드백하고 이를 수정하여 최대한 디자인 원본과 동일할 수 있도록 함.
디자인 개선 결과
디자인 개선 결과
디자인 개선 결과
주요 Top Geo에서 모바일 앱의 ATP⁽¹⁾가 2.5%에서 9%로 3배 증가 되었으며, 이로 인해 앱사용율이 12%증가됨.
B2C 연간 매출이 400만 달러에서 1,780만 달러로 증가했습니다.
주요 Top Geo에서 모바일 앱의 ATP⁽¹⁾가 2.5%에서 9%로 3배 증가 되었으며, 이로 인해 앱사용율이 12%증가됨.
B2C 연간 매출이 400만 달러에서 1,780만 달러로 증가했습니다.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.
(1) ATP는 'Activation to Paid'의 준말로 Free plan에서 유료사용자의 전환율을 의미.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.
(1) ATP는 'Activation to Paid'의 준말로 Free plan에서 유료사용자의 전환율을 의미.
주요 요인은 사용자들이 화면속 Task를 좀더 간단하게 인식하게 되었고 그로 인해 능동적으로 개인정보와 디바이스를 보호하려 한다는 것을 발견하게 됨. 또한 정보영역과 테스크 영역을 구분하여 표기해서 좀더 정보가 직관적으로 인식되었기 때문이라 가정함. 결과적으로 유저가 홈스크린속의 정보를 기존 보다 좀더 가치 있다고 느끼는 것으로 판단됨.
(1) ATP는 'Activation to Paid'의 준말로 Free plan에서 유료사용자의 전환율을 의미.