Role: UX/UI Designer
Client: Polizia Criminale
Client: Polizia Criminale
Overview
Arianna is an application with whom Criminal Police Staff deals with documents, files, registries, archives, and databases. They use Arianna as an archive and as a useful tool of investigation, that highlights links between information.
Users also use Arianna as a way to communicate between different offices and departments.
Users also use Arianna as a way to communicate between different offices and departments.
My role
I worked on Arianna as UX/UI Designer. We were asked to analyze the previous version of the application and make some procedures clearer.
I had the opportunity of confronting the creator of Arianna, and some of the police officers that work with the application.
After the analysis of the Information Architecture my team and I designed new user flows, and then I made high-fidelity wireframes and the prototype.
After the analysis of the Information Architecture my team and I designed new user flows, and then I made high-fidelity wireframes and the prototype.
The officers with which I confronted were constantly updated about design progress, so they could try the prototype and testing changes and proposals.
As the final step, I designed the Design System and the definitive layout of interfaces.
As the final step, I designed the Design System and the definitive layout of interfaces.
The challenge
The main necessity in this project was that users have to explore and navigate information without losing the path where that came from.
Indeed documents and information came from different databases, and having a global view of the situation could be difficult. There were a lot of panels and the research were very split up. Users could hardly find the right way to reach information at first attempts.
Indeed documents and information came from different databases, and having a global view of the situation could be difficult. There were a lot of panels and the research were very split up. Users could hardly find the right way to reach information at first attempts.
Findings
The previous version of Arianna had a lot of panels and finding the right path to reach a function could be difficult.
Moreover, users need to navigate a lot of information without leaving their path of navigation.
So there were two main questions that began relevant in this context.
1) How might we make the interface clearer without losing the complexity of the app?
2) How might we give users a way to navigate between information, and find links between them in a single flow of research?
So there were two main questions that began relevant in this context.
1) How might we make the interface clearer without losing the complexity of the app?
2) How might we give users a way to navigate between information, and find links between them in a single flow of research?
The first thing to do was to define clearer flows so that users could follow determined flows and keep track of their navigation
Wireflow
After that I had to define interfaces that could help users manage different elements at the same time, and I tested that through wireframes
Wireframe
Solutions
Talking with users, it was evident that a lot of research panels that were fragmented could be centralized, giving more control over the research itself, improving the possibilities of reaching out the right information and proceeding with the investigation.
To allow users to make clear research and navigate elements without losing the research inputs I designed a research that, with the use of tabs and cards, gave the users the opportunity of exploring results and read and modify the information inside them.
To allow users to make clear research and navigate elements without losing the research inputs I designed a research that, with the use of tabs and cards, gave the users the opportunity of exploring results and read and modify the information inside them.
