Con CMS 5.0, la modernización de la interfaz de usuario (UI) y la mejora de la experiencia del usuario era una prioridad. La interfaz de usuario anterior a la versión 5.0 era eficaz, pero CSS ha crecido como empresa y producto desde entonces, y nuestra interfaz de usuario refleja ahora nuestro crecimiento en esta reciente versión. Como desarrollador en CSS, tuve la responsabilidad de diseñar la nueva interfaz de usuario para CMS 5.0, y estoy encantado de compartir todos los beneficios que la nueva interfaz de usuario aportará a nuestros clientes.
Consistente
Uno de los puntos fuertes de nuestra nueva interfaz de usuario es la coherencia de estilo en todo el conjunto de soluciones CMS. Ya sea CMS Enterprise, CMS Sapphire o CMS VerdeTTo, nuestros productos web presentan el mismo diseño y estilo de control, con colores específicos para cada producto.
Más allá de la coherencia en todo el conjunto de soluciones CSS, hemos invertido tiempo en hacer que cada pieza del producto sea uniforme a menor escala. Los menús, las tablas y los campos deben reflejar el mismo aspecto en todas las partes del paquete, lo que mejora enormemente la usabilidad. Además, los botones y los iconos deben señalar una funcionalidad similar entre las páginas, y usted debe ser capaz de entender intuitivamente las características que pueden ser nuevas para usted sólo sobre la base de su presentación.
Eficaz
El objetivo de desarrollo en el nuevo diseño de IU era crear un aspecto que simplemente funcionara mejor. El CMS 4.5 era eficaz como herramienta de gestión, pero a veces resultaba complicado de manejar. CSS no pretende adherirse a la regla de diseño de la "Regla de los tres clics" de la que se habla comúnmente en el espacio de la IU , una regla que en mi experiencia de diseño es un mito y no es del todo práctica en la empresa. En general, la interfaz de usuario es más fácil de navegar.
Además de la eficacia de utilizar CMS, quiero dedicar un momento a destacar nuestro cambio a una navegación horizontal. Pasamos de un diseño vertical para mejorar la eficiencia del espacio del navegador. Muchas páginas del CMS contienen muchos datos y utilizan tablas que se visualizan mucho mejor con espacio horizontal.
Además de la mejora de la eficiencia, permítanos destacar nuestro cambio de una navegación vertical a una horizontal. Pasamos de un diseño vertical para mejorar la eficiencia del espacio del navegador. Las páginas en CMS tienden a tener muchos datos y a utilizar tablas que se muestran mucho mejor con espacio horizontal para crecer y expandirse.
Conocido
Los populares pioneros de la interfaz de usuario en el espacio tecnológico influyeron en gran parte del trabajo que hicimos con el diseño en un esfuerzo por reforzar la accesibilidad de los productos. Tomando como referencia el diseño de Google (Bootstrap en particular), Amazon e incluso Stack Overflow, el objetivo era hacer que el uso del CMS fuera más accesible para el nuevo usuario.
Notarás que hemos cambiado a Glyphicons, utilizados en Bootstrap, y que el diseño y el menú son similares a los de Amazon o Stack Overflow. Esto conduce a una experiencia de usuario mucho más pulida y familiar.
Como se puede imaginar, en la papelera se pueden encontrar múltiples maquetas de interfaz de usuario, ideas y bocetos creados en los últimos 6 meses. Como resultado, el nuevo diseño de la interfaz de usuario de CMS 5.0 es el producto de los comentarios y el esfuerzo de muchos colegas, tanto dentro como fuera del equipo de desarrollo. El proceso de rediseñar los productos ha sido para mí un reto que he disfrutado afrontando y espero que ustedes, nuestros clientes, disfruten de los frutos de nuestro trabajo.