File
Attachments
UX and UI design of the file attachments feature — from user testing to crafting intuitive flows and clean interfaces that support secure document storage.
Overview
NordPass Premium users wanted to attach files—like documents or passport scans—to their saved items, but the feature was missing. This limitation compromised the user experience and left NordPass behind key competitors.
Solution
Solving real user problems by bringing secure file attachments to life
With support for multiple file types and 3 GB of encrypted storage, the feature added immediate value—making NordPass the password manager with the highest storage capacity on the market.
Iconografy
The icons use distinct colors and shapes to clearly represent file types, making the interface more intuitive and visually organized across platforms.
The color palette was carefully chosen to work well in both light and dark mode.
User testing on file preview experience
User testing was conducted on desktop to evaluate how users expected to preview attached files and to identify the most intuitive interaction patterns.
User testing 1 – Clickable File Name with Tooltip
Users could preview the file by hovering over the file name and clicking it, with a tooltip saying “View file.”
While clean, this interaction wasn’t intuitive—most expected to click the full row or see a visible button. Discoverability was limited, especially for less experienced users.
User testing 2 – Dedicated “View” Button
This version introduced a clear “View” button alongside each file. Users quickly understood its purpose, and the interaction aligned better with their expectations —so we decided to move forward with this approach.