BankID gives you a safe and secure digital ID and signature.
Who: BankID.
What: Sign-in experience on mobile.
Why: Make a more accessible and simple sign-in experience on smartphones.
Role: UI and UX designer.
Tool: Figma.
When: February, 2023.
Disclaimer: This is a case study. It isn't real. I was inspired when I read a LinkedIn post from Nicolai Hope Møller. I don't work for BankID, do you? Steal this and use it to improve. Give me a reference if you're kind.
Before and after redesign
Bigger buttons, less noise
I removed excess text and wrote exactly what is expected of you to use the BankID app.
Every button has gotten full width, for easier touch. No matter if you're right, left, or any handed.
A safer, faster, and easier sign-in
You can choose to use your face or finger to sign straight into BankID without having to fill in your social security number and password every single time. That's easier, faster, and simpler. Every time.
Or you can sign-in like you have always done.
Social security number
What is a social security number (fødselsnummer in Norwegian)? Is it the date that I'm born? It's easy to misunderstand, especially if you're not born and raised in Norway.
Your social security number is your unique ID that shows that you're a Norwegian citizen. It is for example used by healthcare to verify that you're you.
The social security number is built up by 11 numbers. Your birth date that is 6 numbers (DDMMYY) and a personal number that is 5 numbers.
So I used that as a helper text under the field. To make it easier to understand.
Your social security number is not sensitive or confidential information and it is fairly safe to share. As long as you don't add more personal information.
Speech to text
What if you could say the numbers of your social security number out loud and have that written into the field? Speech to text is nice to have, so I added it.
UX writing
Writing texts for UX for user interface is a task that is often pushed to the very end of development, or not even focused on at all.
That's dumb.
Because the text in the micro elements, like buttons, is what tells me, the user, what is happening. It's that text that helps me to navigate your app, to understand how everything works.
What does Go back mean? Does it mean back to start, back to the view that I came from, back to a different process? If the button cancels the process and takes you back to start, then write that. Write Cancel.
As we say in Norway, call a shovel a shovel. Write what happens when a user clicks or taps, with few words and clear language.
I'll discuss whether an action that takes you back should be a button or a link, and why, another time.
Usable design
A door should be possible to open and close without much thought. Opening the door (action) should be self explanatory. That's good design.
Pleasant experiences look like each other because your expectation is the same.
Great experiences is when you get more for less.
Do you need an app or website that is easier to use?
Send me an email and I might be able to help you with a UI or UX audit.