F-Secure KEY Application

GUI and UX design

F-Secure KEY

Overview

A typical email address in the EU is linked more than 100 online accounts, all full of personal information.

Enter F-Secure KEY, an app developed by F-Secure, a leading cybersecurity international company. 


After оnboarding you log into the F-Secure KEY app which autofills passwords in your browser using master password verification.


Challenges

Which function would it be a good idea for us to incorporate and test in the application?

To find a harmony between the Security versus Usability.

Data engineering: how best to organise 100s of things on a small amount of screen estate, regardless of whether that be records, gatherings, classifications and so forth.

Users and audience

user demographic: 20–70, carefully mindful. with extra cash.

Roles and responsibilities

I was a Senior UX Designer, my team was formed by the two UX Designers, three web application developers.

Coat color trait chart

Scope and Constraints

To design the mobile, web and desktop applications to fulfil the user’s requirements in storing and using of their online credentials.


My key contributions in this project:
• Participation in Research Strategy Direction
• Service Blue Prints
• Participation in user Interviews
• Product backlog / Feature prioritisation
• Wireframes / Hi-Fi Prototype


Disciplines: UX Research, Design Thinking, Agile, Lo-Fi and Hi-Fi Prototype, Usability Testing.


Team’s approach for this project:

An Agile UX, Lean-Start Up, Design Thinking coined by Dave Landis.

Total of 7 sprints were ran in the 60-day period.

Discovery

An initial proto persona workshop helped define our personas: 20–70, carefully mindful, with extra cash.

However to accomplish an increasingly adjusted perspective on the clients and their dispositions/practices we required to led 12 client interviews.

User Interviews

After the interviews we conclude some helpful fundamental discoveries: The big part of Clients come up short on the thought of what could occur them if one of their records gets hacked; they additionally need the consciousness of the situations which could prompt an information break. 

Most clients have three passwords or less that they use for contemporary records, and some have 1 ‘universal’ one. Comfort beats security: clients would prefer to be less secure than need to use 2-factor validation to login. 

From these discoveries, we had the option to create an essential persona and user journey.

MyCatDNA

Development

To design a good user experience, we needed to select some critical flows. We have specified a list of features we wanted to include in the app, and now the task was to sort them into the three essential patterns. 


Having decided on features, we did workshops to create some flows that would be essential to our persona Martta and settled on:


1 Adding an account manually

2 Applying passwords

3 Changing the password

Prototype

We, at that point, ideated these critical flows in a workshop to make a paper model. We started usability testing the wireframe flows in low-fidelity, then in high-fidelity. 


At each round, we were collecting our notes and synthesise our findings to iterate the user experience, making improvements at every stage.

Prototype
Speed

Outcome

This app is a part of F-Secure portfolio and helping users to make their online experience secure. 


The stakeholders were particularly happy with the layout of the accounts page and the adherence to the F-Secure brand, look and feel.


My group and I all thought that it was illuminating and agreeable working on this project and feel happy with the work we delivered.