School ~ 🧑‍💻

Les surligneurs

UX/UI Designer

Partenariat école

2022

School ~ 🧑‍💻

Les surligneurs

UX/UI Designer

Partenariat école

2022

School ~ 🧑‍💻

Les surligneurs

UX/UI Designer

Partenariat école

2022

This project was done as part of a 2-week workshop, first focused on UX and then, during the second week, on UI. For this workshop, Vincent Couronne, founder of the Highlighters came to propose his project to us and explain to us what he expects as well as the current functioning of the group.


First of all, what are les Surligneurs?

Les Surligneurs is a non-partisan group of law professors and researchers who have set themselves the task of putting the law back at the heart of public debate, at a time when the rule of law is being dangerously abused.

“By disseminating a legal culture and therefore an ability to better analyze political discourse, the objective is to give citizens the means to debate and protect their freedoms."

🔗 You can find the prototype of the app at this link.

My role

I had 2 roles during this workshop. First I was Lead UX, being at the beginning of the year my classmates did not really know the methods and steps to carry out a UX project and being the most advanced I was able to guide our first week. Benchmark, empathy map, interview, wireframe and user test, I was able to coordinate our group while actively participating in each of these stages.

Then, during UI week, I was able to focus on my tasks and move forward with less concern for the group. So I took care of the Dashboard page, the project's UI kit as well as several elements present on other screens.

A non-exhaustive list of their tools:

  • WhatsApp

  • Messenger

  • Google docs

  • Google Sheets

  • Excel

  • Concept

  • Words

  • Pages

In addition, another very important point was the collaboration which was very complicated in particular because of the number of tools and the time of the process which could take several days. Annoying when it's fake news!

Finally, a positive point emerged from the majority of the exchanges that we had and it was the communication between the professors-researchers and the students. Being a project funded by the University of Paris-Saclay, students have an important place in the collective and this is a very attractive point for them. "I find it exceptional the communication between the teachers and their students, it's something that is not possible at the university and we offer that". Former student now in charge of the onboarding of the latter in the collective.

Bonus: An idea from the sponsor was to integrate an artificial intelligence that could recognize political biases when writing an article. Very ambitious but we still have to look for a solution for its integration.

Define the need

At the end of the sprint, we proposed several wireframes as well as a prototype to make article creation easier and faster according to the following issues:

  • How can we create a search engine capable of sorting and retrieving articles in an efficient and intuitive way?

  • How to set up a text editor specific to the software and which will facilitate the writing of articles?

  • How to improve communication between all stakeholders?

Solution

During the second week, we were able to propose a solution. We've taken several features and grouped them into several parts, each with its own application-level usage. It's features are as follows.

Dashboard

First steps in using the application, the dashboard allows you to manage your spaces, your groups, launch the creation of an article or report fake news but also search for an article. Why search for an article, for inspiration. In their creative process, lawyers seek out sources to find out if the issue has not already been addressed. In addition, they could find solutions to fake news or even recover quotes from other lawyers or legal texts. After finding an article, they can go read it and that's when we integrated a tool.

This tool or tooltip allows several things:

  • Create a link, to share this information in the different communication channels.

  • Copy the quote to simply paste it into its own article

  • Highlight this passage. This action is intimately linked to the writing process. Which brings us to the next part.

Text Editor

In its use, the text editor is completely consistent with what it already exists, we made this decision because the Highlighters are made up of teachers, students and volunteers who are already experienced with classic text editors. However we have added a feature, previously I mentioned the possibility of highlighting in the searched articles, this is where it comes into play.

We have 3 uses for these passages:

  • Drag and drop in our text to save time.

  • Use the suggested turns of phrase generated following these passages.

  • And finally used or not the corrections proposed by the artificial intelligence to correct the biases.

A "Discussion" tab similar to that of Figma has been integrated to allow live communication between the various editorial staff.

Proofreading

During our UX phase, we determined that the most friction-causing step in the release process was proofreading. This screen allows us to streamline this step by giving the possibility, via the same pattern as highlighting, to write a comment.

Two options are available:

  • Open the discussion on a subject. With a message that can be written and which will be notified on the Dashboard of the people responsible for this article.

  • Proposed a correction. Whether in terms of spelling or legal rights.

Conclusion

At the end of the two weeks, we presented our work to Vincent Couronne who was very happy with our work. Work that he used to present his project to a contest to have more funds and start the development of the application. Unfortunately we haven't heard from him and we don't know where the project is.

This workshop was very interesting from a UX / UI point of view but also from a managerial point of view, where I was able to test my skills in a school environment but in a professional group. The project was also very informative given the complexity and the resources available to us.

🔗 You can find the prototype of the app at this link.

This project was done as part of a 2-week workshop, first focused on UX and then, during the second week, on UI. For this workshop, Vincent Couronne, founder of the Highlighters came to propose his project to us and explain to us what he expects as well as the current functioning of the group.


First of all, what are les Surligneurs?

Les Surligneurs is a non-partisan group of law professors and researchers who have set themselves the task of putting the law back at the heart of public debate, at a time when the rule of law is being dangerously abused.

“By disseminating a legal culture and therefore an ability to better analyze political discourse, the objective is to give citizens the means to debate and protect their freedoms."

🔗 You can find the prototype of the app at this link.

My role

I had 2 roles during this workshop. First I was Lead UX, being at the beginning of the year my classmates did not really know the methods and steps to carry out a UX project and being the most advanced I was able to guide our first week. Benchmark, empathy map, interview, wireframe and user test, I was able to coordinate our group while actively participating in each of these stages.

Then, during UI week, I was able to focus on my tasks and move forward with less concern for the group. So I took care of the Dashboard page, the project's UI kit as well as several elements present on other screens.

A non-exhaustive list of their tools:

  • WhatsApp

  • Messenger

  • Google docs

  • Google Sheets

  • Excel

  • Concept

  • Words

  • Pages

In addition, another very important point was the collaboration which was very complicated in particular because of the number of tools and the time of the process which could take several days. Annoying when it's fake news!

Finally, a positive point emerged from the majority of the exchanges that we had and it was the communication between the professors-researchers and the students. Being a project funded by the University of Paris-Saclay, students have an important place in the collective and this is a very attractive point for them. "I find it exceptional the communication between the teachers and their students, it's something that is not possible at the university and we offer that". Former student now in charge of the onboarding of the latter in the collective.

Bonus: An idea from the sponsor was to integrate an artificial intelligence that could recognize political biases when writing an article. Very ambitious but we still have to look for a solution for its integration.

Define the need

At the end of the sprint, we proposed several wireframes as well as a prototype to make article creation easier and faster according to the following issues:

  • How can we create a search engine capable of sorting and retrieving articles in an efficient and intuitive way?

  • How to set up a text editor specific to the software and which will facilitate the writing of articles?

  • How to improve communication between all stakeholders?

Solution

During the second week, we were able to propose a solution. We've taken several features and grouped them into several parts, each with its own application-level usage. It's features are as follows.

Dashboard

First steps in using the application, the dashboard allows you to manage your spaces, your groups, launch the creation of an article or report fake news but also search for an article. Why search for an article, for inspiration. In their creative process, lawyers seek out sources to find out if the issue has not already been addressed. In addition, they could find solutions to fake news or even recover quotes from other lawyers or legal texts. After finding an article, they can go read it and that's when we integrated a tool.

This tool or tooltip allows several things:

  • Create a link, to share this information in the different communication channels.

  • Copy the quote to simply paste it into its own article

  • Highlight this passage. This action is intimately linked to the writing process. Which brings us to the next part.

Text Editor

In its use, the text editor is completely consistent with what it already exists, we made this decision because the Highlighters are made up of teachers, students and volunteers who are already experienced with classic text editors. However we have added a feature, previously I mentioned the possibility of highlighting in the searched articles, this is where it comes into play.

We have 3 uses for these passages:

  • Drag and drop in our text to save time.

  • Use the suggested turns of phrase generated following these passages.

  • And finally used or not the corrections proposed by the artificial intelligence to correct the biases.

A "Discussion" tab similar to that of Figma has been integrated to allow live communication between the various editorial staff.

Proofreading

During our UX phase, we determined that the most friction-causing step in the release process was proofreading. This screen allows us to streamline this step by giving the possibility, via the same pattern as highlighting, to write a comment.

Two options are available:

  • Open the discussion on a subject. With a message that can be written and which will be notified on the Dashboard of the people responsible for this article.

  • Proposed a correction. Whether in terms of spelling or legal rights.

Conclusion

At the end of the two weeks, we presented our work to Vincent Couronne who was very happy with our work. Work that he used to present his project to a contest to have more funds and start the development of the application. Unfortunately we haven't heard from him and we don't know where the project is.

This workshop was very interesting from a UX / UI point of view but also from a managerial point of view, where I was able to test my skills in a school environment but in a professional group. The project was also very informative given the complexity and the resources available to us.

🔗 You can find the prototype of the app at this link.

This project was done as part of a 2-week workshop, first focused on UX and then, during the second week, on UI. For this workshop, Vincent Couronne, founder of the Highlighters came to propose his project to us and explain to us what he expects as well as the current functioning of the group.


First of all, what are les Surligneurs?

Les Surligneurs is a non-partisan group of law professors and researchers who have set themselves the task of putting the law back at the heart of public debate, at a time when the rule of law is being dangerously abused.

“By disseminating a legal culture and therefore an ability to better analyze political discourse, the objective is to give citizens the means to debate and protect their freedoms."

🔗 You can find the prototype of the app at this link.

My role

I had 2 roles during this workshop. First I was Lead UX, being at the beginning of the year my classmates did not really know the methods and steps to carry out a UX project and being the most advanced I was able to guide our first week. Benchmark, empathy map, interview, wireframe and user test, I was able to coordinate our group while actively participating in each of these stages.

Then, during UI week, I was able to focus on my tasks and move forward with less concern for the group. So I took care of the Dashboard page, the project's UI kit as well as several elements present on other screens.

A non-exhaustive list of their tools:

  • WhatsApp

  • Messenger

  • Google docs

  • Google Sheets

  • Excel

  • Concept

  • Words

  • Pages

In addition, another very important point was the collaboration which was very complicated in particular because of the number of tools and the time of the process which could take several days. Annoying when it's fake news!

Finally, a positive point emerged from the majority of the exchanges that we had and it was the communication between the professors-researchers and the students. Being a project funded by the University of Paris-Saclay, students have an important place in the collective and this is a very attractive point for them. "I find it exceptional the communication between the teachers and their students, it's something that is not possible at the university and we offer that". Former student now in charge of the onboarding of the latter in the collective.

Bonus: An idea from the sponsor was to integrate an artificial intelligence that could recognize political biases when writing an article. Very ambitious but we still have to look for a solution for its integration.

Define the need

At the end of the sprint, we proposed several wireframes as well as a prototype to make article creation easier and faster according to the following issues:

  • How can we create a search engine capable of sorting and retrieving articles in an efficient and intuitive way?

  • How to set up a text editor specific to the software and which will facilitate the writing of articles?

  • How to improve communication between all stakeholders?

Solution

During the second week, we were able to propose a solution. We've taken several features and grouped them into several parts, each with its own application-level usage. It's features are as follows.

Dashboard

First steps in using the application, the dashboard allows you to manage your spaces, your groups, launch the creation of an article or report fake news but also search for an article. Why search for an article, for inspiration. In their creative process, lawyers seek out sources to find out if the issue has not already been addressed. In addition, they could find solutions to fake news or even recover quotes from other lawyers or legal texts. After finding an article, they can go read it and that's when we integrated a tool.

This tool or tooltip allows several things:

  • Create a link, to share this information in the different communication channels.

  • Copy the quote to simply paste it into its own article

  • Highlight this passage. This action is intimately linked to the writing process. Which brings us to the next part.

Text Editor

In its use, the text editor is completely consistent with what it already exists, we made this decision because the Highlighters are made up of teachers, students and volunteers who are already experienced with classic text editors. However we have added a feature, previously I mentioned the possibility of highlighting in the searched articles, this is where it comes into play.

We have 3 uses for these passages:

  • Drag and drop in our text to save time.

  • Use the suggested turns of phrase generated following these passages.

  • And finally used or not the corrections proposed by the artificial intelligence to correct the biases.

A "Discussion" tab similar to that of Figma has been integrated to allow live communication between the various editorial staff.

Proofreading

During our UX phase, we determined that the most friction-causing step in the release process was proofreading. This screen allows us to streamline this step by giving the possibility, via the same pattern as highlighting, to write a comment.

Two options are available:

  • Open the discussion on a subject. With a message that can be written and which will be notified on the Dashboard of the people responsible for this article.

  • Proposed a correction. Whether in terms of spelling or legal rights.

Conclusion

At the end of the two weeks, we presented our work to Vincent Couronne who was very happy with our work. Work that he used to present his project to a contest to have more funds and start the development of the application. Unfortunately we haven't heard from him and we don't know where the project is.

This workshop was very interesting from a UX / UI point of view but also from a managerial point of view, where I was able to test my skills in a school environment but in a professional group. The project was also very informative given the complexity and the resources available to us.

🔗 You can find the prototype of the app at this link.

Copyright © 2023 Mehdi Bouakkadia. All rights reserved.