Login flows
Create and validate multiple login flows for an app with a targeted audience of seniors and individuals with the need of a personal safety alarm.
Role
UX/UI designer
Industry
Welfare tech
Duration
3 months
Disclaimer
The mockups and some of the findings presented in this project have been revised to maintain client confidentiality.
Introduction
The login flow is often the first interaction users have with a service, making it a critical moment for shaping their overall experience. A smooth and intuitive login process is essential for user satisfaction. If logging in is difficult or overly complicated, users may become frustrated and may choose not to return, impacting both user retention and engagement.
Research and wireframing
The process began with research and analysis of common login methods used in applications and websites relevant to our target audience. Based on this, I developed a hypothesis that our users would prefer familiar login methods due to their limited interaction with technology in daily life. To clarify the design requirements and explore potential login options, I created user flows, wireframes, and sketches.
These initial concepts were presented and validated in collaboration with the development team. Once the designs were approved, I moved on to creating clickable prototypes in Figma, which were used in upcoming user tests to refine the login experience.
User testing
The test session consisted of three stages: an initial survey, user testing, and concluding interviews. It was conducted on-site at two locations. The participants, all within the targeted audience, had little to no experience with the app. Each participant was provided with a phone installed with the Figma app to test the prototype in a mobile environment, ensuring an accurate feel.
The usability test included four predefined scenarios with instructions on how to log in to the app. Each participant received a randomly assigned scenario with instructions. During the test, participants were asked to verbalize their thought process and choices at each stage of the prototype.
Scenario 1
You have previously created an account on the website. You provided your phone number, chose a username, and created a password. You have now downloaded the app and need to log in for the first time.
How do you proceed?
Scenario 2
When creating your account on the website, you notice that you can link your mobile BankID for easier verification and login to the app. You have the app downloaded on your phone and need to log in for the first time.
How do you proceed?
Scenario 3
A relative of yours has created an account and invited you as an alarm contact. You have received an SMS with the invitation and want to start using the app.
How do you proceed?
Scenario 4
A relative of yours has created an account on the website and added you as an alarm contact. Your friend has provided you with printed instructions with a QR-code to get started.
How do you proceed?
Results
Results
Positive themes
During user testing, many participants expressed strong preferences regarding login methods. In the first test session, five participants consistently favored BankID, citing its simplicity, security, and widespread use in other services they interact with regularly. Similarly, in the second user test, four participants noted that BankID was the most convenient option due to its ease of use. This indicates that 9 out of 17 participants preferred BankID as their method of choice.
One participant emphasized BankID’s essential role during an interview following Scenario 2, stating: “Since using BankID is essential for tasks like paying bills, it becomes a natural choice for many people. It's not unusual to have a BankID today.”
Another key insight from the tests revealed that the target audience feels more confident when using services with clear and straightforward flows. Familiarity with similar services reduces users’ fear of making mistakes, especially given their limited technical skills.
To enhance user confidence and trust, it is crucial to provide clear labels and recoverable flows. This approach ensures users feel secure in their interactions, reduces anxiety, and promotes a smoother overall experience.
+
Clarity
+
Prefferences
+
Recognition
Negative themes
The negative themes identified can be categorized into two main areas: frustration due to limited technical skills and the fear of making mistakes, both of which are common concerns among the senior audience when interacting with apps.
The most significant negative feedback was related to the QR code login method. One participant specifically expressed discomfort with QR codes, stating that they did not understand how they work.
Another common issue expressed by several test participants was the challenge of memorizing passwords and usernames, particularly given the varying requirements across different services.
-
Frustration
-
Requires technical skills
-
Fear of making mistakes
SEQ-score
Scenario 1
4,25
Scenario 2
6
Scenario 3
5,5
Scenario 4
5,25
