Account and Payment protection
Account and Payment protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Role
Lead UX and worked collaboratively with the PM, another product designer, an illustrator, and a content writer
What is Account and Payment protection?
McAfee Account and Payment Protection, a browser-based extension, is a subscription-based service that provides protection against identity theft and fraud. It offers two features: Safe Emails and Safe Cards.
Safe Emails allows you to create a unique email address that can be used to sign up or sign in to any third-party website. You can also use this email address to send or receive emails.
Safe Cards allows you to create a virtual credit card that can be used for online transactions. This virtual card is linked to your real credit card, but it has a different number and security code. This way, you can protect your real credit card information from being stolen by hackers or scammers.
Account and Payment protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Role
Lead UX and worked collaboratively with the PM, another product designer, an illustrator, and a content writer
What is Account and Payment protection?
McAfee Account and Payment Protection, a browser-based extension, is a subscription-based service that provides protection against identity theft and fraud. It offers two features: Safe Emails and Safe Cards.
Safe Emails allows you to create a unique email address that can be used to sign up or sign in to any third-party website. You can also use this email address to send or receive emails.
Safe Cards allows you to create a virtual credit card that can be used for online transactions. This virtual card is linked to your real credit card, but it has a different number and security code. This way, you can protect your real credit card information from being stolen by hackers or scammers.
Account and Payment protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Role
Lead UX and worked collaboratively with the PM, another product designer, an illustrator, and a content writer
What is Account and Payment protection?
McAfee Account and Payment Protection, a browser-based extension, is a subscription-based service that provides protection against identity theft and fraud. It offers two features: Safe Emails and Safe Cards.
Safe Emails allows you to create a unique email address that can be used to sign up or sign in to any third-party website. You can also use this email address to send or receive emails.
Safe Cards allows you to create a virtual credit card that can be used for online transactions. This virtual card is linked to your real credit card, but it has a different number and security code. This way, you can protect your real credit card information from being stolen by hackers or scammers.
Account and Payment protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Role
Lead UX and worked collaboratively with the PM, another product designer, an illustrator, and a content writer
What is Account and Payment protection?
McAfee Account and Payment Protection, a browser-based extension, is a subscription-based service that provides protection against identity theft and fraud. It offers two features: Safe Emails and Safe Cards.
Safe Emails allows you to create a unique email address that can be used to sign up or sign in to any third-party website. You can also use this email address to send or receive emails.
Safe Cards allows you to create a virtual credit card that can be used for online transactions. This virtual card is linked to your real credit card, but it has a different number and security code. This way, you can protect your real credit card information from being stolen by hackers or scammers.
Account and Payment protection
Balancing tight timelines with UX integrity, from initial design to incorporating research-based improvements in 'Account and Payment Protection
Not All Projects Can Conduct Full User Research, but…
Not All Projects Can Conduct Full User Research, but…
Not All Projects Can Conduct Full User Research, but…
While it would be ideal for all projects to start with research and concept work, and then validate the concept to build a solid UX, the reality is that not all projects operate in this way. The 'Account and Payment Protection' project had a very tight timeline, with the final build being handed over to a partner company. Initially, the flow and screens were designed according to the requirements listed. However, towards the end, we were able to validate the concept and usability of the product through research, and some of the results were incorporated into the product. The process is as follows.
While it would be ideal for all projects to start with research and concept work, and then validate the concept to build a solid UX, the reality is that not all projects operate in this way. The 'Account and Payment Protection' project had a very tight timeline, with the final build being handed over to a partner company. Initially, the flow and screens were designed according to the requirements listed. However, towards the end, we were able to validate the concept and usability of the product through research, and some of the results were incorporated into the product. The process is as follows.
User research
User research
User research
Unmoderated research with Userzoom
Shared the final designs of Safe Email and Cards with participants to see how valuable they found these features by letting them interact with the main functions via prototypes. We also aimed to evaluate the usability of each feature. (Validate Safe Email and Cards individually)
Shared the final designs of Safe Email and Cards with participants to see how valuable they found these features by letting them interact with the main functions via prototypes. We also aimed to evaluate the usability of each feature. (Validate Safe Email and Cards individually)
Research Participants
Safe email : 10 USA participants recruited from UserZoom / Age : 25 ~54 / Tech savvy : Novice (1), Intermediate (5), Advanced (4)
Safe email : 10 USA participants recruited from UserZoom / Age : 25 ~54 / Tech savvy : Novice (1), Intermediate (5), Advanced (4)
Safe cards : 11 USA participants recruited from UserZoom / Age : 28 ~50 / Tech savvy : Novice (1), Intermediate (8), Advanced (2)
Safe cards : 11 USA participants recruited from UserZoom / Age : 28 ~50 / Tech savvy : Novice (1), Intermediate (8), Advanced (2)
What is SUS score?
The System Usability Scale (SUS) is an industry-standard, quick and dirty scale for rating users' subjective views on the usability of a system, delivered after task-based usability testing and applicable even to small studies.
The System Usability Scale (SUS) is an industry-standard, quick and dirty scale for rating users' subjective views on the usability of a system, delivered after task-based usability testing and applicable even to small studies.
Results
Safe Email
Safe Email
Safe Email
Value of this service
Value of this service
A large number of participants mentioned that Safe Emails solution will protect their personal information and help with privacy.
A large number of participants mentioned that Safe Emails solution will protect their personal information and help with privacy.
LEVEL OF CONFIDENCE
LEVEL OF CONFIDENCE
Most participants feel confident about the service, that the app is very secure, and it would protect them online.
Most participants feel confident about the service, that the app is very secure, and it would protect them online.
Safe Cards
Safe Cards
Safe Cards
Value of this service
Value of this service
A large percentage of participants said this feature was valuable because it was looked easy and convenient.
A large percentage of participants said this feature was valuable because it was looked easy and convenient.
LEVEL OF CONFIDENCE
LEVEL OF CONFIDENCE
7/11 participants thought this virtual card solution will protect them online because it's virtual and it's from McAfee brand (Well known security brand).
7/11 participants thought this virtual card solution will protect them online because it's virtual and it's from McAfee brand (Well known security brand).
Issues
The issues commonly pointed out by most participants
The issues commonly pointed out by most participants
When making payments with the Safe Card, most participants found it quite tedious to copy and paste each piece of credit card information individually.
It was decided to update the UX in the future when it becomes technically feasible, as there are still technical limitations to copying multiple pieces of information from the Safe Card and pasting them all at once into the payment site, making implementation currently not possible.
When making payments with the Safe Card, most participants found it quite tedious to copy and paste each piece of credit card information individually.
It was decided to update the UX in the future when it becomes technically feasible, as there are still technical limitations to copying multiple pieces of information from the Safe Card and pasting them all at once into the payment site, making implementation currently not possible.
Some users mentioned that initially, it was difficult to recognize what the Copy button's icon meant. This feedback was common for both Safe Email and Safe Cards. After several design iterations, we ultimately designed the button with the text ‘COPY’.
Some users mentioned that initially, it was difficult to recognize what the Copy button's icon meant. This feedback was common for both Safe Email and Safe Cards. After several design iterations, we ultimately designed the button with the text ‘COPY’.
Final design
Final design
Final design
Home screen
Home screen
Safe email - Main screens
Safe email - Main screens
Safe cards - Main Screens
Safe cards - Main Screens
App icon
App icon
Cards
Cards
