As a citizen, it is important to be aware of the new laws or proposed amendments of your country. The idea behind this project is to create a web-app that allows anyone to view an article, follow a law or an amendment, to be aware of any updates or even compare amendements. The product was developed in collaboration with political journalists & politicians for the French Gov.
Generally a law is really complex. Reading it, interpreting it, you must be familiar with. Right now, in France, if you’re looking for a law, an article or even an amendment, you have to go through the raw version of it.
This observation was made by political journalists, in their daily work. We also received feedback from French citizens throughout the development of the project.
That being said, we also identified two different needs. A product with severals features and a simple law viewer.
What we wanted to achieve with this product is to combine the possibility of searching for a law, being notified of updates, following a law and compare an amendment. On desktop & mobile.
Design a web app that contains a hugevolume of written content with a lot of complex interactions between eachscreen.
Avoid any unnecessary elements & interactions
on a responsive version.
It was important to keep everyone involved and excited about the big changes we were planning. The first features was done for our key users, political journalists and politicians.
Failing to plan is planning to fail. I constantly toggle between working on the browser and mobile version. I like to work on tense flow.
Several global focus group were conducted online & offline.
User research was essential. We have two kind of workflows for the different user types. Their interactions needed to be laid out in detail. In order to achieve that, I gathered as much as I could from the end users to understand the challenges they face.
The research made it evident how different users would use the product differently. To cater to this, I’v categorized them into two user profiles based on their goals and tasks.
Out of all the problems solved I would like to showcase the Journalist Political & Politician case.
Like I said before, they were our key users.
It was the first thing we integrated.The project is separated in two views. A search and the view of an article.
We wanted to use a NLP (Natural Language Processing) enhanced search. We finally chose to do something more standard, with a normal search with autocompletion.
Why? Because the users were not too familiar with this search behavior. We wanted to stay as simple as possible.
After studying users filtering pattern, we wanted to separate them.
Progressive disclosure was used to reduce cognitive overload and make the law filter menu easy to use.
Now, we are in the core of the product. Research showed that users wanted a set of common filters.
On the left panel, you have the law’s pagination. Centered, the law and on the right a panel for filtering the content.
An another key feature, is to show an amendment of the law. When you’ll select an amendment, we’ll separate the content in two blocks.
We highlighted the modified content with colors to signify the differences. You’ll see the prototypes I’ve made in the next section.
Each module has a short description for user’s better understanding.
The idea with this timeline is to be able to view a different version of the law, in a glance.
We wanted to use a select but thanks to our interviews, we knew that the user wanted informations about his folder, like how many amendments are adopted, etc..
Notifications were crucial. You can follow a law or amendment & configure your notifications
When we started the responsive version, we didn’t want to keep all the actions. We changed our point of view thanks to the prototypes we made and shared with our users.
After studying users filtering pattern, we decided to keep all the features we currently have on desktop version.
The first step was to test and review user expectations, try to list all important components on a paper, then group elements by their usages.
During this process, I produced prototypes and differents version of the UI.
Testing was conducted during the discovery phase to identify the biggest pain points in the current version.
Testing was done at every milestone of the project. Invision prototypes were shared with stakeholders to get early feedback. After numerous surveys and user pilots, we launched the platform in June 2019 for our beta users.
The more eyes on a design, the more it’s exposed to varying opinions, experience, and critique — and this can only ultimately improve it.
For a project that is vast, you should have a precise roadmap to avoid getting lost in several possible paths and iterations, you must know how to stay the course.
Manitoba Ventures is a holding company incorporated in Ireland that invests in online tech companies.