Creative Connection

June 19, 2018 /UX/UI Design /

Free Adobe XD UI Kit: Private File Sharing that Priorities Security

Easy-to-use, enjoyable interfaces may delight your users, but they’re likely to reject your designs if they don’t feel secure using your app and sharing their data. That’s why it’s important for user experience (UX) designers to prioritise security features in their products, and properly communicate those features (and how to use them) effectively. Do security right, and you can win the UX jackpot — do it wrong, and you’ll find your users will quickly look for another app or service.

The Vault UI Kit is the latest free user interface (UI) resource for Adobe XD, and it has a host of beautiful and functional components for building an app or website with secure elements (from passcodes to encrypted file sharing). You can download the Vault UI Kit here, and for more user interface resources for Adobe XD, check out our five latest free UI kits and icon sets.

Vault UI Kit: Secure login features, private file sharing, and end-to-end encryption elements

The Vault UI Kit was created by San Francisco multidisciplinary designer Kerem Suer and Ame Elliott, design director of the educational nonprofit Simply Secure, which is devoted to advancing the causes of security, privacy, and transparency in product design. It features tons of UI elements to help you build an app or website in Adobe XD with security elements, such as:

  • Phone number login.
  • Touch ID login.
  • The ability to secure files in your Private Vault.
  • The ability to view your shared files/folders.
  • The ability to audit your file/folder activity with Activity Log.
  • Send a secure copy of a file, protected with end-to-end encryption.
  • Secure public-key barcode scan.
  • Profile card.
  • List edit mode.

In short, the Vault UI Kit provides you with important tools to transform the security demands of your next app or service into an opportunity. With it, you’ll be able to delight your users with a spectacular UX. It is built in Adobe XD, allowing designers to:

  • Simply change the colour of the whole app within clicks.
  • Be consistent with assets with the devoted asset manager.
  • Create fixed elements used to reflect a more realistic prototype (navbar).
  • Create overlays to be used for action sheets.
  • Publish design specs.
  • Use repeat grid to replicate security checks across features.

 

Meet the designer: Kerem Suer

Kerem is an Istanbul-born interdisciplinary designer with more than 14 years of experience designing and prototyping human interfaces. Kerem began his career as the first interaction designer of Fitbit during its very early stages, and then later went on to start his own design studio. There, he’s helped companies create and define visual design systems across web, mobile, and desktop. His clientele includes companies such as Dropbox, Pinterest, Intuit, Omada Health, MyFitnessPal, and Zendesk. Kerem is based out of foggy San Francisco and is rarely seen without his four-legged assistant designer, Lola.

Meet the designer: Ame Elliott

Ame (sounds like Amy) Elliott is a design director for Simply Secure, an educational nonprofit building a community of professional practitioners who put people at the centre of privacy, security, transparency, and ethics. She uses a human-centred design approach to the challenges of privacy and forges relationships with multidisciplinary teams of software engineers, user experience designers, and researchers. She is based in Berlin, Germany, where she works on software design for information security with Trust7. In 2018 Ame was recognised as one of Fast Company’s Most Creative People in Business.

Want more UI kits? Check out Adobe XD’s latest design resources

Adobe XD has many other free UI resources available, including five recent UI kits and icon sets designed to help you build everything from a restaurant website to a fashion e-commerce hub. After you’ve explored Vault, check out these UI kits below:

  • E-Commerce UI Kit: Everything you need to design e-commerce solutions, and some added “Pawtastic” dog and cat-related UI elements for pet app fun.
  • Travel Companion UI Kit: From hotel, flight, and activity listings to buttons and icons, here’s a comprehensive kit for travel-themed apps or websites.
  • Transportation UI Kit: With more than 60 customisable screens full of symbols and other elements, like navigation, Navigo helps you design transportation experiences for apps or websites.
  • Apple iOS Design Resources: These new UI materials make it easier to quickly design iOS apps.
  • Google Material Sticker Sheet: Provides elements like light and dark symbols for status bars, app bars, bottom toolbars, cards, drop-down menus, and more to design Android apps.
  • Windows UI Kit: Allows you to start designing Universal Windows Platform (UWP) apps.
  • Office UI Fabric Design Kit: Helps you design seamless Office and Office 365 experiences.
  • Smartwatch UI Kit: A comprehensive UI kit for the smartwatch, with more than 20 customisable components and more than 30 customisable icons.
  • Dashboard UI Kit: Includes 100 customisable components across 10 screens, with more than a dozen charts (the backbone of many dashboards) to help simplify the dashboard design process.

Not sure where to start? Check out our full list of tools and resources for everything you need to get started designing, prototyping, sharing, and working with unique UI kits in Adobe XD. And for UX insights sent straight to your inbox, sign up for Adobe’s experience design newsletter.

UX/UI Design

Join the discussion