Nueva interfaz de Tractis

¡Buenas noticias para todos! Desde hoy podéis utilizar la nueva interfaz de Tractis.com. A lo largo de estos meses, estuvimos trabajando duro para estudiar los problemas y las mejores soluciones. Así que, con las cosas claras, en un mes hicimos posible este nuevo lavado de cara y replanteamiento de algunas funciones. Como ya hemos hablado de lo que vendría en varias entradas del blog, nos limitaremos a comentar superficialmente los detalles más jugosos de la nueva interfaz:

Listados

Nuestro nuevo Tablero se ve así:

La sección de contratos, con su listado mejorado en el cual puedes ver los contratos firmados, bloqueados y borradores, ¡todo a un clic!. Las pestañas sirven para filtrar tipos de contratos según su estado y es uno de los nuevos elementos que agregamos a nuestro sistema de interfaz para organizar más información por documento y sección.

Las novedades de los listados:

1. Aumento notable de ítems por vista. De 10 a 25 ítems.
2. Información más relevante.
3. Sistema de tickets, para diferenciar estados.
4. Nuevo sistema de favoritos (ahora son una estrella al principio del listado).
5. Pestañas de filtrado rápido según el estado de cada ítem.

Vista de un documento

Cuando abras tu primer contrato o plantilla, notarás grandes cambios. Para empezar, implementamos pestañas, nuevos botones y menús de usuario. En esta captura podrás ver un documento de ejemplo:

Las novedades de los documentos:

1. Nuevo diseño de hoja de documento.
2. Hemos retirado los botones de la parte inferior y los hemos acomodado en la parte superior del menú de acciones.
3. Nuevo sistema para informar al usuario de sus posibilidades con el documento.
4. Organización con pestañas para editar, configurar alertas y otras opciones.
5. Nuevos menús de información, participantes, versiones.
6. Mejor redistribución y aprovechamiento de los espacios.
7. Menos código, páginas más rápidas.
8. Información de los firmantes en la página del contrato y no fuera como lo hacíamos antes.
9. Los equipos de participantes van en módulos separados para mejor identificación.

Formularios

Ya hablamos de los formularios en el blog y quería mostrarles el nuevo look de los mismos, por ejemplo, para crear un contrato:

O bien el formulario de preferencias de usuario:

Las nuevas mejoras de los formularios:

1. Mejor aprovechamiento de espacios.
2. Normalización de cientos de etiquetas.
3. Mejora en estilos de elementos: campos de texto, listas, botones.
4. Nuevos separadores.

El nuevo esquema aprovecha mejor el espacio dando más cabida a otro tipo de elementos de diseño que incorporamos como los separadores. Con los separadores podemos organizar varias mini-secciones de configuración e información en documentos y formularios. Como comentario final hemos normalizado todos los elementos de formulario para que tengan el mejor aspecto posible.

Ventanas modales

Como les venía comentando, las ventanas modales también han recibido un buen lavado de cara, ya habíamos comentado en un post esto, pero ahora dejan de ser unos bloques oscuros de información para tener una estructura más organizada y diferenciada, con botones de acciones normalizados a lo largo de todo el sitio. La información está actualizada y para los que venían usando la aplicación no tendrán problemas en reconocer dónde están las cosas. Una muestra de ello:

Las mejoras que podéis encontrar son:

1. Barra de títulos activas según el estado: de color verde y rojo cuando hay errores.
2. Nueva alerta dentro de la ventana modal para mejorar la legibilidad de posibles errores.
3. Normalización de botones y acciones.
4. Menos código y mejor semántica de estructuras.
5. Hace un mejor uso de los nuevos estilos de formularios.

Mejoras generales de la aplicación

Como hay cientos de mejoras en general, enumeraré las más importantes y visibles a lo largo de la aplicación:

1. Alertas:
   1. Nueva estructura y estilo.
   2. Mejora de los faldones informativos para los visitantes de Google y para las peticiones de información.
2. El spinner está rediseñado, para que ofrezca información sobre el proceso que se está realizando. ¡Adiós al spinner viejo de la versión beta!
3. Reducción notoria del código HTML y CSS:
   1. Las páginas ahora pesan menos y requieren de menos procesamiento en ordenadores, hace un mejor uso de los recursos.
   2. Todas las estructuras han sido revisadas y mejoradas para asegurar el uso correcto y evolutivo de la aplicación.
   3. Menos hojas de estilos y menos cantidades de clases y IDs.
4. Se han eliminado muchas imágenes en el sitio ganando así mucha velocidad de carga de páginas.
5. Textos:
   1. Corrección de muchos textos explicativos para mejorar la lectura general de la aplicación.
   2. Nuevos artículos en la sección de ayuda.
   3. Mejora general de denominaciones en las etiquetas de los formularios.

Y como siempre, esto no se queda aquí. Nuestra filosofía, como siempre, es la de seguir mejorando la aplicación como habéis comprobado a lo largo de 2 años no hemos dado respiro. Porque nos gusta y porque nuestra tarea es la de tener y mantener la que es la mejor plataforma web que permite negociar, gestionar y firmar contratos 100% online y con plena validez legal en el mundo offline.

Vuestros comentarios, tanto mediante la opción de Feedback de la aplicación como por el blog son más que bienvenidos.

Por Diego Lafuente
Guardado en: Anuncios, Diseño | Sin comentarios » | 27 de Mayo de 2009