# Refonte complète de l'interface d'admin ![Gentil polatouche](http://f.ldd.fr/images/spipoulet/polatouche-2.png)
Cela fait plus de dix ans que SPIP a sensiblement la même interface d'édition et d'administration. Nous avons fait quelques améliorations par-ci par-là au fur et à mesure, mais uniquement par petits morceaux, par ajouts, ou par **pansements**. L'ergonomie générale, elle, n'a absolument pas changé, alors même que :
* depuis qu'il y a les plugins, le contexte n'est plus le même et de nombreuses informations peuvent et doivent pouvoir être visibles et éditables sans avoir des pages imbuvables * les connaissances en ergonomie sont plus importantes * les modes et périphériques de lecture, les usages et les habitudes ont changé
Nous pensons qu'il est important de lancer un groupe de travail sur un chantier de longue haleine de refonte complète de l'admin. Donc pas de pansements ponctuels, mais faire de la (re)conception sur le long terme de tous les gros morceaux : navigation générale, édition de contenus, configuration, profil utilisateur, médiathèque, etc.
# 1. Pourquoi l'interface actuelle pose problème
SPIP a sensiblement la même interface d'édition et d'administration depuis ses débuts, les améliorations ont été progressives, par petits morceaux, par ajouts, ou par pansements. Cette interface a été pensée à l'époque où il n'y avait qu'un type de contenu restreint et connu (des rubriques et des articles en gros), moins de connaissances en ergonomie et moins de modes et périphériques de lecture, et où il n'y avait pas de framework sur lequel s'appuyer (éventuellement !).
* L'activation de plugins qui ajoutent des éléments dans l'interface rend vite celle-ci surchargée * Pas responsive donc difficilement utilisable sur tablettes / smartphones * Manque d'éléments d'interface, de styles dans la charte (pour les plugins) * Largeur limitée : ça oblige souvent à des contorsions pour tout faire rentrer
![Interface avec beaucoup de plugins](http://f.ldd.fr/images/spipoulet/interface/interface-plugins.jpg)
# 2. Pourquoi il faut une refonte complète
[TODO] Dire pourquoi il faut une refonte complète plutôt que des corrections/pansements les uns par dessus les autres, sans repenser la chose dans sa globalité.
# 3. Exemples d'autres refontes D'autres logiciels libres ont été confrontés à la même problématique, à savoir une interface « historique » qui n'était plus adaptée et nécessitait une refonte complète. Voici quelques exemples.
## 3.1. Drupal
Dans le cadre de la refonte de l'interface de Drupal 7, un groupe de travail a été mis en place. Ce projet a été initié (et partiellement financé) par la compagnie Acquia, et mené par différents développeurs/experts UX (Mark boulton, Leisa Reichelt et Johnny Holland -les 2 premiers ayant déjà travaillé à la refonte du site drupal.org), tout en restant en étroite relation avec la communauté : http://buytaert.net/mark-boulton-to-help-with-drupal-7
Le but était de rendre Drupal plus accessible aux non développeurs et plus facile à utiliser. la communication s'est effectuée par le biais d'un blog dédié au projet http://www.d7ux.org/ (dont les articles étaient également postés sur les forums), par le biais de vidéos sur une chaîne youtube, de comptes twitter et flickr, des rencontres Drupal (Drupalcon). Johnny Holland résume cette expérience sur son blog en concluant qu'un projet mené dans ce cadre est compliqué :) http://johnnyholland.org/2009/04/drupal-7-ux-design-in-the-open/ Toujours est-il que ce groupe de travail perdure à travers « l'usability team » et un site dédié http://drupalux.org/ qui centralise la documentation, les discussions, les contributeurs et les sprints.
### Avant : Drupal 6 ![Drupal 6](http://f.ldd.fr/images/spipoulet/interface/drupal-3-6.jpg)
### Après : Drupal 7 ![Drupal 8](http://f.ldd.fr/images/spipoulet/interface/drupal-3-8.jpg)
## 3.1. GIMP
En 2006, un projet d'amélioration de la facilité d'utilisation (usability) de GIMP a été lancé suite à un atelier tenu pendant les Libre Graphic Meeting : http://gui.gimp.org/index.php/GIMP_UI_Redesign Il a débouché sur des améliorations notables de l'interface de GIMP, dont le mode fenêtre unique, les onglets avec vignettes de prévisualisation, etc.
L'équipe de GIMP a été aidée par Peter Sikking, un expert en interaction homme/machine. Dans un 1er temps, ils ont remis à plat la « vision » de GIMP (product vision) : qu'est-ce que GIMP, à qui s'addresse-t-il, quels sont les scénarios d'utilisations, etc. Un blog a également été lancé pour accueillir les propositions de la communauté : http://gimp-brainstorm.blogspot.fr/
### Avant : GIMP 2.6 ![GIMP 2.6](http://f.ldd.fr/images/spipoulet/interface/gimp-2-6.jpg)
### Après : GIMP 2.8 ![GIMP 2.9](http://f.ldd.fr/images/spipoulet/interface/gimp-2-8.jpg)
## 3.3. Blender
Blender est un logiciel libre de création 3D. Depuis sa création en 1995 et sa libération en 2002, il a beaucoup évolué et de nombreuses fonctionnalités ont été ajoutées, le tout au sein d'une interface qui était restée sensiblement la même (wink wink spip !) https://www.blender.org/foundation/history/ Cet aggregation progressive de pleins de fonctions disséminées partout avait rendue l'interface un peu chaotique et inadaptée aux futures évolutions.
Une refonte majeure était nécessaire et a été initiée en 2008, avec une présentation initiale des fondements lors de la conférence Blender : https://wiki.blender.org/index.php/Dev:2.5/Source/Development/Proposals/UI/2.50_UI_design Elle a débouché en 2011 sur la branche 2.5 qui a posé de nouvelles fondations solides (réécriture complète de l'interface), et la mise en place d'une équipe dédiée à ces question d'UI : https://developer.blender.org/project/view/12/
### Avant : Blender 2.4.x ![Blender 2.4](http://f.ldd.fr/images/spipoulet/interface/blender-2-49.jpg)
### Après : Blender 2.5 ![Blender 2.5](http://f.ldd.fr/images/spipoulet/interface/blender-2-77a.jpg)
# 4. Feuille de route possible