Back

Senate

Overview

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.

Role

Product Designer

  • Product
  • UI/UX
  • Research
  • User focus
  • Prototyping

The Problem

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.

Solutions

1. A Web App

Design a web app that contains a hugevolume of written content with a lot of complex interactions between eachscreen.

2. A Viewer version on Mobile

Avoid any unnecessary elements & interactions
on a responsive version.

Challenge

1. Getting everyone onboard

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.

2. Planning & Priority

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.

User Research

Several global focus group were conducted online & offline.

Qualitative Interviews

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.

1. Journalist & Politician

  • Complete assigned tasks on time
  • Analyze law & compare amendment
  • Come back to an older version of the law
  • Track an amendment, receive updates

2. Citizen

  • Quickly find a law, often by curiosity
  • Be aware of something important for them
  • Often on mobile
Tasks performed by
Problems solved

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.

1- Find a law

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.

2- View a law

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.

3- Compare with Amendment

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.

4- Versioning via Folder History

Each module has a short description for user’s better understanding.

A quick story about a law

  • An article can have many amendments
  • An article is inside a folder
  • Before adopting a law, it must go through several steps

A timeline

The idea with this timeline is to be able to view a different version of the law, in a glance.

More details

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..

5- Notifications

Notifications were crucial. You can follow a law or amendment & configure your notifications

6- A Mobile Viewer

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.

Discovery & Prototypes

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 & Feedback

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.

Project Learning

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.

Next
Manitoba Ventures
Next project

Manitoba Ventures is a holding company incorporated in Ireland that invests in online tech companies.