2024 — 2026 · Co-Founder, Technical Lead, Product Design · written in French
OutilsEnLigne.ca
Repenser comment l'expérience d'édition de documents sur le bureau fonctionne lorsqu'on travaille sur des projets multimodaux.
La vision de l’entreprise est de réunir tous les outils digitaux qu'un-e étudiant-e utilise sous un même toit, pour permettre la collaboration sur de grands projets intermodaux.
mise en contexte
la vision
Le projet a été fondé par Tommy-James Tremblay et moi, par une frustration commune sur l'utilisation d'outils gratuits sur le web : infestés d'annonces, exigeant une inscription pour des tâches simples, ou nous obligeant à utiliser les plateformes des géants du web, qui ne sont pas à l'écoute des étudiants ou de leur clientèle gratuite.
Outilsenligne possède la vision d'une plateforme d'outils interconnectés permettant aux étudiants de donner le meilleur d'eux-mêmes. Une preuve de concept a été bâtie en ne considérant que les images, laissant les autres médiums de côté.
les frictions
Le marché du logiciel de bureautique semblant inpénétrable, Nous avons fait l'effort de se concentrer sur les points de frictions connus de nous et de nos proches
La création de compte pour des outils niches tel que la conversion de document semblait farfelue.
Le travail de collaboration en édition de document est fragmenté par fichier. Chaque étudiant doit avoir un onglet ouvert par fichier pour avoir une collaboration complète. Chaque fichier comporte son écosystème de collaboration différent, pouvant disperser les conversations d'équipe.
l'effort initial
Nous avons commencé par concevoir l'expérience complète d'un éditeur de documents générique en se concentrant sur les fonctionnalités de l'édition d'images.
Les efforts initiaux de la première année de conception nous ont permis d'apprendre plus sur les patrons de conceptions d'architecture logicielle que sur l'expérience utilisateur. Nous avons donc lancé des recherches sur la population étudiante.
Les recherches initiales que nous avons effectuées nous ont permis de centrer nos efforts sur les fonctionnalités que les étudiants souhaitaient revisiter le plus, notamment la suite bureautique et le format PDF. Une année complète de recherche et développement a eu lieu pour la création d'un logiciel fonctionnel et stable.
le mode de pensée
Notre public est large et le logiciel doit répondre à plusieurs critères qui sont souvent en opposition sur différents personas.
Nous avons donc basé l'entièreté du travail de design sur une phrase de Paul Rand, paraphrasé d'une ancienne phrase de Lufwig Mies van der Rohe:
Don’t try to be original, just try to be good
Ce que je tentes d'exprimer, c'est que le but d'outilsenligne est d'avoir un logiciel fonctionnel et accessible à tous. Il est donc très favorable de s'inspirer des géants du web, sans toutefois les copier. Les inspirations de l'expérience utilisateur sont donc basés sur les comportements et agissements de logiciels existants.
La majorité de nos inspirations proviennent de Microsoft Office, Google Docs/Slides/Sheets, et LibreOffice pour l'utilisation bureatique. Miro et Figma sont des inspirations au niveau de l'innovation de l'expérience utilisateur.
le modèle
Au niveau du logiciel, seulement 4 niveaux de fenêtres sont possibles pour éviter la confusion. Leur hiérarchie a été pensée pour montrer les niveaux de fenêtres de façon dynamique à l'utilisateur.
Chaque niveau répond à une question :
- comment est organisé mon projet? Le Bureau.
- comment est organisé mon document? Vue Rapide - Ouvert sur Place
- comment je me concentre sur le travail? Mode Plein Écran
- comment je présente mon travail? Mode Présentation
Dans certains cas, la présentation n'est pas nécéssaire d'être ajoutée. Dans d'autres cas, la présentation et le plein écran est la seule méthode d'accès du document, lors du partage en lecture seulement.
les quatre niveaux
- 01
bureau
Le bureau : tous les fichiers du projet, disposés en cartes, avec des outils contextuels sur ce que vous sélectionnez.
- 02
ouvert sur place
Permet de consulter le document et les mises à jours en direct rapidement. Permet également la modification, pour les ajouts rapides. Permet aussi de voir grossièrement les changements sur le bureau, flouté.
- 03
plein écran
Le mode familier de tous sur les produits Google et Microsoft. Il permet de travailler sur un seul document sur le bureau, sans être distrait par le reste.
- 04
présentation
Le mode de présentation classique, permettant la vision finale du document. Disponible pour les présentations
en un coup d’œil
l’éditeur
la cohérence avant la nouveauté
Chaque parcours est conçu autour de gestes que les gens connaissent déjà. Les raccourcis sont pris des suites bureautiques de Microsoft et Google.
Cette technique nous a permis de créer des barèmes de conception rapidement, et de travailler davantage sur l'itération et l'innovation.
la plateforme en ligne
La plateforme est présentement locale seulement, permettant de démontrer les fonctionnalités de la plateforme aux utilisateurs. L'architecture logicielle est conçue pour être rapide d'exécution, une faiblesse habituelle des logiciels en ligne que nous avons pu contrer avec WebAssembly.
Le bureau est bâti avec l'accessibilité en première considération : React-Aria, une librairie permettant de faciliter les fonctionnalités accessibles de l'application, est utilisée pour nos composantes web. L'architecture logicielle d'outilsenligne nous a permis d'ajouter un raccourci clavier par fonctionnalité du logiciel.
Une version mobile est planifié et en phase de conception initiale. Pour l'instant, nous avons limité l'utilisation en lecture seulement.
état
Le bureau est fonctionnel dès maintenant, sans les fonctionnalités de collaboration. Plus de détails sont présents sur le site officiel.
Nous travaillons sur les fonctionnalités de collaboration, l'architecture web, ainsi qu'une application locale pour Windows et Mac.
Notre défi reste de rester engagé sur la mission d'outilsenligne et continuer nos démarches de tests auprès des utilisateurs.