Refonte graphique du manager : les pages internes

Nous avons complètement revu le design de l'intérieur du manager, des formulaires aux listing, en passant par la navigation interne. En supplément, nous avons prévu sur chaque bas de page un cadre d'aide et nous avons imaginé une page centralisant tous les paramètres globaux de votre site.

Des formulaires plus agréables à compléter

Les formulaires ont eu aussi le droit à leur petit lifting. Le but était de les rendre plus clairs et de rendre les pages de formulaires dans leur ensemble plus agréables à utiliser et plus faciles à comprendre.

Une des pages de formulaire la plus importante est celle de création de pages. C'est pourquoi nous avons travaillé particulièrement son ergonomie afin que la création de pages, qui constituent les fondations d'un site web, soit (et reste) un vrai plaisir.

C'est dans cette orientation, et aussi pour rendre l'outil plus simple, que nous avons mis par défaut la création de pages avec l'éditeur visuel. Ainsi, en un clic vous vous retrouverez sur l'éditeur visuel; plus besoin de le sélectionner via une étape intermédiaire. Et si vous souhaitez créer une page web avec un autre mode, en un clic sur une des boîtes en haut de la page (voir capture) vous changez de mode. Vous retrouverez d'ailleurs ces boîtes un peu partout sur le nouveau manager.

Des listings plus beaux et plus ergonomiques

Les listings (liste des pages, des billets de blog, etc) ont été également redésignés et, surtout, uniformisés. Il existera deux types de listing : les listings drag-and-droppable (l'ordre peut être modifié) et les listings fixes. Des couleurs communes à tout le manager ont été définies pour les liens de modification (orange), de suppression (rouge) et de publication (vert). Il en résulte une utilisation plus pratique et plus facile, et un risque d'erreurs amoindri !

Une navigation interne facilitée et plus lisible

Je vous le disais un peu plus haut, des petites boîtes accompagnées d'icônes viennent se greffer sur toutes les zones de navigation interne. Puisqu'un visuel et un titre efficaces valent mieux qu'un long discours, nous avons pris le parti de l'efficacité. Et pour ceux qui aiment avoir des explications avant de cliquer, il suffit de passer la souris sur une boîte pour obtenir une bulle d'aide !

Ainsi, il en résulte une interface plus simple à appréhender et beaucoup moins surchargée. Vous gagnerez en rapidité et apprécierez vite ce nouveau confort.

Enfin, concernant l'exemple précis de la page des modules (capture ci-dessus), nous avons retravaillé son fonctionnement. Outre la simplicité de lecture (décrite ci-dessus) de l'ensemble des informations de la page, les modules que vous utilisez (modules activés) et les modules non activés sont séparés. Ainsi, vous avez une information claire sur les éléments que vous gérez. Encore une fois, vous gagnerez en plaisir de travail et en efficacité !

Une aide présente sur chaque page

Enfin, dans un but d'apprentissage permanent et d'aide en cas de question sur l'utilisation d'une fonctionnalité, nous avons imaginé un cadre d'aide présent en bas de chaque page. Ce cadre vous donne un accès direct aux différentes formes de support (hotline, support en ligne et forum) mais aussi à une aide adaptée en fonction de la page sur laquelle vous vous trouvez.

Ainsi, nous avons sélectionné pour chaque page du manager les questions les plus fréquemment posées en rapport direct avec la page. Concrètement, si vous vous trouvez sur le module Blog, vous n'aurez que des questions de la FAQ en rapport avec ce module. Il en est de même pour les tutoriels qui vous sont proposés lorsque cela a une utilité pour vous.

Une page de préférences globales

Un des éléments que nous souhaitions changer est les préférences et paramètres du site. Ces derniers étaient disséminés un peu partout et, donc, par analogie, pas faciles à retrouver. D'où notre volonté de créer une page unique où se retrouvent toutes les options de configuration globales de votre site web. Cette page sera disponible dans le menu Configuration et s'appellera Préférences globales. Elle rassemblera donc les différentes options des pages : Site > préférences, Pages > Options, Page > Commentaires > Options et Configuration > Option.

Ainsi, sur une seule page vous pourrez accéder aux différentes options et préférences de votre site en cliquant sur les différentes boîtes clairement identifiées. Une fois de plus, nous avons voulu cette modification afin de rendre plus simple et plus agréable d'utilisation le manager.

Conclusion

Nous arrivons au terme de cette série de billet sur la refonte du manager, la prochaine étape étant la mise en ligne de cette nouvelle version lundi prochain (le 28 juin). Ainsi, nous sommes impatients de vous laisser découvrir à quel point cela peut être encore plus simple de créer un site et également de lire vos commentaires qui sont une source intarissable d'idées qui nous permettent de progresser.

A lundi donc, et d'ici là, n'hésitez pas à nous donner votre avis sur ces quelques explications et captures d'écrans dans les commentaires de ce billet.