moneytrackin’
La tagline lo dice todo: contabilidad online para gente real
.
Es un proyecto que destaca por sus utilidades y puesta en marcha.
moneytrackin’ ha conseguido su hueco “web 2.0” como uno de los proyectos mas importantes e internacionales.
Con esta aplicación el usuario puede controlar sus gastos personales, administrar sus finanzas y llevar la contabilidad de una forma más real y cercana.
Imágenes
Acerca del proyecto
He tenido el orgullo de asesorar y dirigir el rediseño de este proyecto, en colaboración con quinti.net quien ha realizado un buen trabajo con el logotipo y algunos aspectos de la portada del nuevo sitio web.
Este proyecto esta cargado de ganas e ilusión, es uno de esos trabajos que te inspiran fuerza y confianza desde su inicio. Y creo que el resultado final refleja todo esto 
A continuación desarrollo la información y datos correspondientes al proyecto finalizado en la fase que me ha tocado, pero posteriormente en la fase de implementación (php, ajax) han podido variar debido a la actuación del equipo de programación del proyecto.
Por cierto, no hay nada mejor que trabajar para gente que tiene las cosas tan claras como Victor y Albert (administradores del proyecto), les mando un saludo.
Objetivos
Los objetivos que me he marcado han sido:
- Diseñar con creatividad y trasmitir eficazmente la información.
- Desarrollar completamente bajo los estándares web.
- Dotar a la información de un carácter más semántico.
- Optimizar el código teniendo en cuenta el SEO.
- Usabilidad y diseño centrado en el usuario.
En definitiva, trate de buscar potenciar los datos facilitados por la aplicación de una forma creativa, clara e intuitiva.
Desarrollo
- Se ha empleado CSS2, compatibilizando la maqueta web lo máximo posible con los diferentes agentes de navegación.
- El marcado se encuentra en XHTML Strict.
- Mejora de la arquitectura de la información.
- Implementación de rutas limpias en el sistema de navegación.
Diseño
Robusto, sencillo y elegante con una interfaz visualmente clara y cómoda de interactuar.
Para los elementos de interfaz: button, inputs, textarea, etc, he usado en todo momento los estándares, rompiendo con el estilo clásico anterior. Me parece una solución satisfactoria para este tipo de controles.
Más información sobre la paleta de colores en COLOURlovers.
Las cifras
- 9 Directorios
- 3 Ficheros .css (estilo)
- 1 Fichero .ico (icono)
- 33 Ficheros .gif (imágenes)
- 49 Ficheros .php (páginas)
- 1 Fichero .rfd (meta)
- 1 Fichero .htaccess
- 1 Librería jQuery (javascript)
- Tamaño aproximado de aplicación completa: 318K.
- Tamaño medio de página servida: 2K.
- Tamaño aproximado de todas las imágenes: 33K.
- Tamaño de estilo general 4K (style.css) y estructura 7K (layout.css).
- Tamaño de home: 5K.
(*) solo datos exclusivos de la maqueta
“Disputas”
La versión de moneytrackin’ anterior usaba para prácticamente todo, ventanas popups y ajax. En ciertos casos esto implicaba un problemas y ha sido cambiado para mejorar la usabilidad, accesibilidad y semántica del sitio web.
Y aquí es donde surge la típica disputa sobre el papel de ajax en la aplicación. Yo sigo erré que erré opinando que ajax debe ser un complemento nunca una alternativa.
Al final hemos llegado a un término medio entre ambas posturas.
Finalizando
Deseo que os guste el nuevo trabajo realizado para moneytrackin’ y que sobre todo su uso os resulte amigable (con todo lo que esta palabra conlleva).