{"id":15437,"date":"2021-01-28T11:06:17","date_gmt":"2021-01-28T11:06:17","guid":{"rendered":"https:\/\/e.foundation\/?p=15437"},"modified":"2021-01-28T11:09:44","modified_gmt":"2021-01-28T11:09:44","slug":"on-the-blog-e-os-user-interface-is-evolving-with-a-new-streamlined-visual-identity","status":"publish","type":"post","link":"https:\/\/e.foundation\/fr\/on-the-blog-e-os-user-interface-is-evolving-with-a-new-streamlined-visual-identity\/","title":{"rendered":"Vu sur le blog: l'interface utilisateur de \/e\/OS \u00e9volue avec une nouvelle identit\u00e9 visuelle simplifi\u00e9e !"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Vu sur le blog: l'interface utilisateur de \/e\/OS \u00e9volue avec une nouvelle identit\u00e9 visuelle simplifi\u00e9e !<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Comme vous le savez, le syst\u00e8me mobile d'exploitation mobile \/e\/OS est un fork d'Android et de plusieurs applications open source, comme nos applications par d\u00e9faut Etar<\/a> (agenda), OpenTasks<\/a>, et QKSMS<\/a> (SMS) pour en nommer quelques unes.<\/p>

Nous sommes globalement tr\u00e8s satisfaits avec les fonctionnalit\u00e9s des ces applications logicielles, et de leur contribution \u00e0 \/e\/OS. Nous profitons de cette occasion pour remercier les d\u00e9veloppeurs et les contributeurs de ces projets !<\/p>

N\u00e9anmoins, les origines vari\u00e9es de ces briques, qui n'ont pas \u00e9t\u00e9 con\u00e7ues dans le cadre d'une interface graphique utilisateur commune, conduit tr\u00e8s souvent \u00e0 un manque d'homog\u00e9n\u00e9it\u00e9 entre les apps et leurs interfaces, ce qui tend \u00e0 impacter l'exp\u00e9rience utilisateur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Nos besoins<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nous pensons qu'il est important pour \/e\/OS d'avoir une identit\u00e9 visuelle uniforme et la meilleure exp\u00e9rience utilisateur pour chacun.<\/p>

C'est pourquoi nous avons pour objectif de simplifier et de rationaliser autant que possible l'exp\u00e9rience du syst\u00e8me d'exploitation en unifiant les interfaces de nos diverses applications, pour cr\u00e9er une exp\u00e9rience utilisateur plus coh\u00e9rente et harmonieuse.<\/p>

Nous souhaitons aussi continuer \u00e0 ajouter des fonctionnalit\u00e9s int\u00e9ressantes comme le mode sombre ou, \u00e0 long terme, d'autres th\u00e8mes param\u00e9trables.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Le chemin parcouru<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Comme premier pas dans cette direction, nous avons travaill\u00e9 pendant plus d'un an sur les graphiques, les ic\u00f4nes, les couleurs et les styles, pour r\u00e9aliser une vision globale et unifi\u00e9e de nos applications.<\/p>

Les maquettes ainsi r\u00e9alis\u00e9es on form\u00e9 le socle des am\u00e9liorations visuelles que nous r\u00e9alisons avec cette nouvelle mise \u00e0 jour.<\/p>

Il y a aussi eu un travail technique approfondi pour unifier des composants comme
les couleurs et les ic\u00f4nes utilis\u00e9s \u00e0 travers le syst\u00e8me pour \u00e9viter les doublons.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Impl\u00e9mentation<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Les nouvelles fonctionnalit\u00e9s de cette mise \u00e0 jour sont le r\u00e9sultat de plusieurs mois de d\u00e9veloppements it\u00e9ratifs, enrichissant et am\u00e9liorant le projet tout au long du chemin. Il a \u00e9t\u00e9 construit autour de trois moments cl\u00e9s.<\/p>

Au d\u00e9but, une version exp\u00e9rimentale a \u00e9t\u00e9 livr\u00e9e en octobre dans le but d'avoir une meilleure compr\u00e9hension de la fa\u00e7on dont chaque application en jeu fonctionne et d'explorer les solutions techniques qui pourraient \u00eatre impl\u00e9ment\u00e9es pour unifier nos interfaces.<\/p>

Cette version a aussi constitu\u00e9 le premier brouillon de la nouvelle interface graphique avec la pr\u00e9sentation de notre couleur dominante qui sera le socle de notre nouvelle identit\u00e9 visuelle.<\/p>

La deuxi\u00e8me version de d\u00e9veloppement date de d\u00e9but d\u00e9cembre. Elle nous a permis de bien progresser sur les visuels de nos interfaces avec la d\u00e9finition et l'impl\u00e9mentation des couleurs choisies pour l'identit\u00e9 de \/e\/OS.<\/p>

La troisi\u00e8me version de fin d\u00e9cembre a int\u00e9gr\u00e9 un nouveau panel d'ic\u00f4nes permettant d'harmoniser cette dimension du syst\u00e8me.<\/p>

Depuis lors, nous continuions \u00e0 travailler dur sur ce projet \u00e0 long terme, pour continuer \u00e0 am\u00e9liorer l'exp\u00e9rience du syst\u00e8me.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Les difficult\u00e9s rencontr\u00e9es<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Malgr\u00e9 la complexit\u00e9 du projet, notre organisation et nos m\u00e9thodes de communication interne au niveau de l'\u00e9quipe de d\u00e9veloppement nous ont permis de surmonter les difficult\u00e9s les unes apr\u00e8s les autres.<\/p>

Nous avons eu l'occasion d'utiliser la fonction Design Management de GitLab<\/a> pour communiquer facilement sur les impl\u00e9mentations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Cette fonctionnalit\u00e9 permet l'ajout des designs techniques directement dans les issues GitLab, stock\u00e9s et accessibles depuis un endroit central, ce qui a simplifi\u00e9 la collaboration entre l'\u00e9quipe de design et les ing\u00e9nieurs d\u00e9veloppement l'interface.<\/p>

La phase de test a aussi ses propres contraintes, incluant les aspects chronophages du d\u00e9veloppement, la compilation, le t\u00e9l\u00e9chargement et l'installation du code.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

R\u00e9sultats<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nous sommes fiers de pr\u00e9senter les r\u00e9sultat de ces travaux et nous esp\u00e9rons qu'ils garantissent une am\u00e9lioration de l'exp\u00e9rience sur \/e\/OS.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"Screenshots
Capture d'\u00e9cran de la nouvelle interface - Contacts et T\u00e9l\u00e9phone<\/figcaption><\/figure><\/div>
\"Screenshots
Captures d'\u00e9cran de l'interface - Agenda et Notes<\/figcaption><\/figure><\/div>
\"Screenshots
Captures d'\u00e9cran de la nouvelle interface -Fichiers et Musique<\/figcaption><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Cette mise \u00e0 jour fait partie d'un projet continue de refonte visuelle et il y a encore quelques \u00e9l\u00e9ment que nous voulons unifier et int\u00e9grer dans les prochains mois, comme l'application mail et l'int\u00e9gration d'un mode sombre.<\/p>

Nous voulons remercier tout l'\u00e9quipe qui a contribu\u00e9 \u00e0 ce premier chapitre du projet, et en particulier Mahbub, Amit, Narinder et Mohit.<\/p>

La nouvelle interface utilisateur sera disponible sur \/e\/ Pie et Q \u00e0 partir de v0.14.<\/p>

Pour plus de d\u00e9tails sur la v0.14, lisez les notes de version (en Anglais)<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Suivez-nous sur les r\u00e9seaux sociaux<\/span><\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tTwitter<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tMastodon<\/span>\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

On the blog: \/e\/OS\u2019 user interface is evolving with a new, streamlined, visual identity As…<\/p>","protected":false},"author":76,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[],"class_list":["post-15437","post","type-post","status-publish","format-standard","hentry","category-blog","wpbf-post"],"_links":{"self":[{"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/posts\/15437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/comments?post=15437"}],"version-history":[{"count":5,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/posts\/15437\/revisions"}],"predecessor-version":[{"id":15450,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/posts\/15437\/revisions\/15450"}],"wp:attachment":[{"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/media?parent=15437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/categories?post=15437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e.foundation\/fr\/wp-json\/wp\/v2\/tags?post=15437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}