Avec le CMS 5.0, la modernisation de l'interface utilisateur (UI) et l'amélioration de l'expérience utilisateur étaient une priorité absolue. L'interface avant la version 5.0 était efficace, mais CSS s'est développé en tant qu'entreprise et produit depuis, et notre interface reflète désormais notre croissance dans cette récente version. En tant que développeur chez CSS, j'ai eu la responsabilité de concevoir la nouvelle interface utilisateur pour CMS 5.0, et je suis impatient de partager tous les avantages que la nouvelle interface apportera à nos clients.
Cohérent
L'un des points forts de notre nouvelle interface utilisateur est la cohérence du style dans l'ensemble de la suite de solutions CMS. Qu'il s'agisse de CMS Enterprise, CMS Sapphire ou CMS VerdeTTo, nos produits web présentent la même mise en page et le même style de contrôle, avec des couleurs spécifiques à chaque produit.
Au-delà de la cohérence de l'ensemble de la suite CSS Solution, nous avons consacré du temps à l'uniformisation de chaque élément du produit à plus petite échelle. Les menus, les tableaux et les champs doivent avoir le même aspect et la même convivialité dans toutes les parties de la suite, ce qui améliore grandement la facilité d'utilisation. En outre, les boutons et les icônes doivent signaler des fonctionnalités similaires d'une page à l'autre, et vous devez être en mesure de comprendre intuitivement des fonctions qui vous sont peut-être inconnues en vous basant uniquement sur leur présentation.
Efficace
L'objectif de développement du nouveau design de l'UI était de créer un look qui fonctionne mieux. CMS 4.5 était un outil de gestion efficace, mais il était parfois compliqué à utiliser. CSS ne prétend pas adhérer à la règle de conception de la "règle des trois clics" dont on parle couramment dans le domaine de l'interface utilisateur, une règle qui, d'après mon expérience en matière de conception, est un mythe et n'est pas tout à fait pratique dans l'entreprise. Dans l'ensemble, vous trouverez l'interface utilisateur plus efficace.
Outre l'efficacité de l'utilisation du CMS, je souhaite prendre un moment pour souligner notre passage à une navigation horizontale. Nous avons abandonné la disposition verticale pour améliorer l'efficacité de l'espace de navigation. De nombreuses pages du CMS contiennent beaucoup de données et utilisent des tableaux qui s'affichent beaucoup mieux avec un espace horizontal pour se développer.
Outre l'amélioration de l'efficacité, prenons le temps de souligner notre passage d'une navigation verticale à une navigation horizontale. Nous sommes passés d'une présentation verticale à une présentation horizontale afin d'améliorer l'efficacité de l'espace de navigation. Les pages du CMS ont tendance à contenir beaucoup de données et à utiliser des tableaux qui s'affichent beaucoup mieux avec un espace horizontal pour se développer et s'étendre.
Familier
Les leaders populaires de l'interface utilisateur dans l'espace technologique ont influencé une grande partie du travail que nous avons effectué avec le design dans un effort pour renforcer l'accessibilité des produits. En s'inspirant de Google - Bootstrap en particulier -, d'Amazon et même de Stack Overflow, l'objectif était de rendre l'utilisation du CMS plus accessible aux nouveaux utilisateurs.
Vous remarquerez que nous avons adopté les Glyphicons, utilisés dans Bootstrap, et que la mise en page et le menu sont similaires à ceux d'Amazon ou de Stack Overflow. L'expérience utilisateur est ainsi beaucoup plus soignée et familière.
Comme vous pouvez l'imaginer, de nombreuses maquettes d'interface utilisateur, idées et esquisses créées peuvent être trouvées dans la poubelle au cours des six derniers mois. Par conséquent, le nouveau design de l'interface utilisateur de CMS 5.0 est le fruit des commentaires et des efforts de nombreux collègues, tant à l'intérieur qu'à l'extérieur de l'équipe de développement. Le processus de refonte des produits a été pour moi un défi que j'ai pris plaisir à relever et j'espère que vous, nos clients, apprécierez les fruits de notre travail.
