UX DESIGN / user testing

Designed encrypted communication app

My task was to design the structure of the interface, making sure that the user's interaction with the application was clear and that navigation was simple. I designed and conducted participatory testing with users, which helped identify and fix difficulties.

Business goal

Creation of a B2B application enabling encrypted communication with customers and partners. An important element was to take care of structured communication - possible improvement for companies using mainly email inboxes.

Ideation & Research

The product targeted companies operating in industries where strict privacy of processed data is important. One of the target groups was law firms exchanging important documents and personal information with clients.

My task at this stage was to create user research (empathy map, use cases, journey mapping).

Design phase

We started our work by preparing a list of the most important functions together with the Project Manager and the main Backend Developer. We then proceeded to outline the basic structure in the form of lo-fi sketches.

Next, my task was to create an audit of sketches and design lo-fi wireframes to represent the target application architecture.

After noting the possible difficulties, I suggested creating information architecture tests early in the design phase. However, I failed to convince the decision makers, so the next steps were performed on an untested architecture.

After verifying the wireframes with the design team, I proceeded to create hi-fi mockups based on the MantineUI library. I then created an interactive prototype, which was used to gather feedback from stakeholders already at the design stage.

Development phase

In the meantime, I participated in meetings with programmers, so I could verify the possibilities and technical limits of the proposed solutions. The work with the development team took place in an iterative system, which made it possible to quickly find bugs and possible improvements. At this stage, together with the UX writer and front-end developer, we made sure that the interactions were properly designed. We created onboarding, messages, empty states, and designed a way to filter messages.

The project had a strong emphasis on the rapid start of the implementation stages, so the demo version of the application was created before usability tests were performed with users.

Testing Phase

After the demo version of the application was created, I proceeded to design usability tests. I conducted participatory testing with 5 users. The test subjects performed tasks to test the usability of all features of the application.

Excerpt from the usability report:

Problem 2

The user did not see the option to use filters when searching for a long time. When asked, he felt that the button was poorly visible and appeared to be separated from the search box.

Proposed solution

Combination of the search field and the "Filter" button, highlighting the borders of both fields when the search is clicked.

Problem 4

Mass marking of items seemed unintuitive. The user said he wasn't sure when items would mark as favorites and when they would deselect. The user clicked mass actions before marking any item.

Proposed solution

1. display mass actions only when any item is selected.
2.The mass action should first perform a positive action (e.g. mark as favorite, archive).

This means that when at least one selected item is not marked as favorite - the icon should perform "Mark as favorite". Only when all marked items are already marked as favorite - the icon should perform "Deselect from favorites".

UX process summary

The main aspect of the UX process that I would approach differently is the use of testing early in the design process. This would save a lot of time that was used during the design and implementation of elements that required significant changes.