Digital Keys Application

Course Work
Image displaying the screenshots of 3 UI screens of the Digital Keys application
Project Duration
October 2020 - December 2020
Team Members
This school project team consisted of seven members, out of whom four of us (Federico, Isabella, Moa and I) were responsible for the UI/UX design of the application.
EXPECTED OUTCOME
We were aiming to answer the following research question: How can the “sharing digital key” feature in a mobile application to a smart lock system be designed so that the user feels safe?
Tools Used
I primarily used Figma for creating the wireframes and designs

Project Description

Our research aimed at exploring the user experience of sharing a digital key in a mobile application and how design can enhance the feeling of safety and security.

My role

Working together with 3 other group members, I was responsible for designing the mobile application.

What was my impact?

Designed a few screens of the application which were used in the surveys to answer our research question.

Research

Survey

The purposes of the survey were to get the problems surrounding the sharing of digital keys confirmed, to take part in users' previous experiences, and to gain input on potential design solutions and methods.

Design

Since we followed an iterative design process, we kept these survey results in mind and made the necessary changes to the high-fidelity wireframes in order to ensure that the application would invoke a feeling of safety for the users.

Home page UI
Home Page

Guest Screen UI
Guests Screen

History Screen
History

Other Screens

No items found.
Lock Screen displaying the notification
Invite Screen
Guest Screen
Select Lock screen
No items found.

Post Design Research

Survey

The results of our concept study divided the user group into four, where the first division was created to differentiate participants who have used a digital key or not, and the second division was to identify whether they -if yes- have shared a digital key or not. As can be seen from the graph, three features were graded as more “safe” than the others.

Bar graph showing the results of the design survey that our team conducted
Survey Results


State of the art analysis

The applications that were included in the state-of-the-art analysis allowed us to identify the features that were essential to include in the prototype. Those were to see if the door is currently locked or unlocked, the ability to share the key with two different permission types (temporary and one-time access), see who locked or unlocked the door, change or remove permission to guest as well as a history view to see all of the interactions with the lock through a timeline.

No items found.
Before the Redesign
After the Redesign
No items found.

Result

The digital keys application that we designed felt safe with the majority of our sample user set.

What could I have done differently?

I was not too involved in the research steps of the project since the other three team members had taken responsibility for that. Looking back, I feel like I could have delved more into the survey and analysis that was conducted as it would have been beneficial for me in my future projects.

Learnings

Some key takeaways from this project are:

  • My familiarity and skills with Figma improved during the course of the project.
  • As the tool was a collaborative one, the planning of our teamwork was smooth and efficient. The design team and I had several Zoom calls where we worked simultaneously on the design of the application. In my opinion, designing together on call is the best way to work together during a pandemic.
  • This project had a steady learning curve for me and I had a great experience working with my other six group members.

Conclusion

Considering the initial survey feedback, we designed the digital keys application to be secure and intuitive. This approach garnered positive feedback during the research phase when testing the design.

Other Projects

IntroResearchDesignConclusion