Interfaz
Uno de los principales objetivos durante el diseño de Navigate CMS fue mantener ordenadas y simples las distintas pantallas de todas las funciones. La interfaz que hemos creado no sólo es limpia, clara y funcional, ¡también es bonita y agradable!
Por otra parte, la mayoría de las funciones de Navigate CMS están compuestas por el mismo tipo de elementos de interfaz: Tabla, Barra de acciones, Formulario con pestañas, Navegador de ficheros/carpetas, Ventanas flotantes, Paneles...
Antes de explicar cada elemento vamos a echar un vistazo a una captura de pantalla de Navigate CMS para tener todo más claro.
Todas las pantallas de la aplicación comparten la misma estructura dividida en 5 secciones horizontales:
- Cabecera
- Menú
- Barra de acciones
- Contenido principal
- Barra de estado
Cabecera
La cabecera contiene (de izquierda a derecha):
- Logo de Navigate CMS — haz clic en él para volver a la pantalla inicial
- Selector de sitio web activo
- Haz clic en la pestaña para cambiar la web con la que quieres trabajar
- Haz clic en el icono de la casa para abrir la página principal de un sitio web en una nueva pestaña
- Botones de acción rápida
- Crear elemento (elemento de contenido, opción de estructura, bloque)
- Ayuda — abre la documentación de Navigate CMS para ayudar a resolver posibles dudas
- Salir
- Elementos recientes (desplegable)
- Usuario conectado — haz clic para cambiar tus preferencias de usuario
Si estás trabajando con un netbook u otro tipo de dispositivo con una pantalla pequeña puede ser útil ocultar el encabezado y el menú para ganar más espacio de trabajo. Esto se consigue haciendo clic en el icono de la flecha en la parte inferior derecha de la pantalla (al final de la barra de estado).
Menú
El menú de Navigate CMS tiene dos partes: categorías y lista de funciones. Cada función de Navigate CMS pertenece a una categoría. Por ejemplo, la función Comentarios (para gestionar los comentarios de los usuarios en un blog) está relacionada con la categoría "Contenido".
El menú sigue el diseño de un solo clic. Eso significa que sólo tienes que hacer clic una vez para abrir cualquier función. Al colocar el cursor sobre una categoría, la lista de funciones inferior cambiará para mostrar las relacionadas con la categoría.
Si mueves el cursor del ratón fuera de la zona del menú, después de algunos segundos, la categoría y función activas serán seleccionadas de nuevo.
Barra de Acciones
Después de cargar una función, Navigate CMS mostrará una lista de posibles acciones en forma de botones. Las acciones se agrupan en pequeñas islas para ayudar a encontrar fácilmente lo que necesitas hacer.
La mayoría de las funciones tienen un campo de búsqueda como última acción en la barra.
Hay que tener en cuenta que al hacer clic en una acción se reemplazará la vista actual y se perderán las modificaciones no guardadas.
La primera sección de la barra de acciones muestra la función activa, la acción activa y la identificación numérica del elemento con el que se está trabajando.
Barra de estado
En la parte inferior de la ventana se encuentra la barra de estado. Se utiliza para informar de la situación actual de la aplicación:
- Preparado — Navigate CMS está cargado y listo para seguir tus instrucciones.
- En proceso — existe un proceso ejecutándose (carga de un archivo)
- Consejo — la aplicación explica brevemente cómo hacer algo
- Aviso — ha terminado un proceso en segundo plano (guardado automático completo)
- Error — Navigate CMS encontró un error y probablemente necesita tu atención para resolverlo
El lado derecho de la barra de estado muestra la versión y revisión de Navigate CMS, así como el copyright. El último elemento, situado en la parte inferior derecha de la pantalla, es un botón (triángulo) que sirve para ocultar las secciones de cabecera y el menú, ampliando la zona de trabajo principal. Otro clic en el botón restaurará todos los elementos al instante.
Contenido principal
Esta es la sección principal que más utilizarás para trabajar. La vista que se muestra cambia según la función y la acción que elijas. La mayoría de vistas más utilizadas son: Tabla, Formulario con pestañas y Rejilla.
Tabla
Las tablas permiten buscar los elementos que deseas modificar. Haz clic en una fila para marcar ese elemento. Haz doble clic en una fila para cargar ese elemento. Si tienes algunas filas seleccionadas se puede ejecutar una acción de grupo sobre ellas (Eliminar seleccionadas, por ejemplo).
Dos pequeñas funciones avanzadas: puedes mantener presionada una fila (pulsación larga) para cargarla, lo que es útil en tabletas y dispositivos sin cursor. También puedes pulsar Ctrl mientras haces doble click sobre un elemento para abrirlo en una pestaña/ventana independiente del navegador.
Puedes ordenar la tabla por las columnas que lo permiten. Algunas tablas (como la de la imagen) tienen acciones especiales dentro de las filas. Haz clic izquierdo en su icono para activarlas.
Por último, el pie de la tabla muestra las acciones comunes a la izquierda y el número de elementos mostrados y totales a la derecha.
Las tablas de Navigate CMS no muestran ningún paginador. El componente es lo suficientemente inteligente como para permitirte navegar a través de miles de filas con sólo mover la barra de desplazamiento.
Formulario con pestañas
Los formularios se utilizan para introducir y modificar cualquier tipo de contenido. Están compuestos por etiquetas, campos, botones, casillas de verificación y otros controles. Navigate CMS hace un uso intensivo de pestañas para organizar grupos de campos relacionados.
Salvo en algunos pocos casos, tendrás que hacer clic en el botón Guardar (ubicado en la barra de acciones) para confirmar los cambios. Todos los campos de todas las fichas se guardan al pulsar el botón, por lo que no es necesario hacer clic en Guardar cada vez que quieras cambiar a otra pestaña.
Rejilla
Una rejilla muestra una lista de elementos encapsulando cada uno de ellos en una caja. Si la función lo permite, se puede hacer una selección de artículos con estos comandos:
- Haz doble clic en un elemento para abrirlo / ejecutarlo
- Ctrl + clic para agregar o quitar un elemento
- Haz clic en un espacio vacío y arrastra para crear una zona de selección
- Una vez que tengas una selección, puedes hacer clic en uno de los elemento seleccionado y arrastrar el grupo para moverlo.
- Haz clic en un espacio vacío para anular la selección de cualquier elemento.
Algunas rejillas no permiten seleccionar elementos o arrastrar. En ese caso, seguramente habrá algunos botones o iconos de cada elemento para realizar acciones.
Notificaciones
Otro componente de la interfaz común son notificaciones. Cada vez que hagas una acción con un resultado, Navigate CMS mostrará un mensaje temporal informando del éxito o fracaso de la operación.
Las notificaciones pueden ser cerradas haciendo clic en el icono x de su derecha.
Los mensajes positivos se muestran sólo unos segundos antes de desaparecer automáticamente a menos que pongas el cursor del ratón sobre ellos. Los mensajes de error que requieren tu atención, no se ocultan automáticamente, deben cerrarse manualmente.
Algunas notificaciones incluso incluiyen un enlace o botón de acción para hacer algo o para obtener más información.
0 Comentarios