Mariano Rodriguez | Life 2.0

Business, Technology & Networking

User friendly

User Friendly

En mi experiencia en el area de desarrollo de software una de las buenas prácticas que siempre intenté aplicar fué la de poder abstraerme por un momento de la implementación técnica de la aplicación para poder entrar unos instantes en la mente de nuestros futuros usuarios. ¿Qué expectativas tenían los usuarios del nuevo soft?. Y sobre todo: ¿Cuál era el problema que intentaban solucionar?

En mis charlas con clientes, independientemente de cuál era el rubro al que perteneciera, algo que se repetía constantemente era la necesidad de cumplir con tres requisitos: una aplicación usable, rápida y confiable. Y si bien esto parece una obviedad, a veces se tienden a relegar algunos puntos, sobre todo el de la usabilidad.

En general se invierten muchísimas horas hombre en la planificación de tareas que permitan que la aplicación sea rápida y confiable, pero muchas veces se subestima el valor que representa para un cliente que el soft sea usable y visualmente interesante. Y si bien las aplicaciones Desktop tuvieron una amplia mejoría a nivel visual, hubo un marcado retroceso en los primeros pasos del proceso de migración hacia tecnologías Web.

Hoy se puede observar una madurez en cuanto a frameworks de desarrollo web sobre todo a nivel de Backend y Middleware, pero también a nivel de capa de presentación, y sin ir más lejos voy a contar la experiencia que estamos teniendo en nuestra empresa.

Desde hace unos diez meses aproximadamente estamos desarrollando una aplicación cuyo interfaz gráfica esta basada en el framework ExtJs.

ExtJS es una librería construida con JavaScript que proporciona una interfaz a las famosas librerías de Yahoo!, jQuery y Prototype + Scriptaculous, su potencia radica en la gran colección de componentes para el diseño de GUI’s del lado del cliente haciendo uso extensivo de Ajax.

Entre los componentes más interesantes se encuentran los siguientes:

  • Grillas (pueden ser editables, paginables, filtrables, etc)
  • Layouts (permite el desarrollo de paneles totalmente customizables, y aplicaciones tipo “portal”)
  • Windows
  • Toolbars y Menu

Y no solo la apariencia visual es muy buena, sino que también posee una serie de efectos de transición que hacen a la aplicación bastante dinámica.

Les dejo algunos screenshots de la aplicación que estamos desarrollando:

Grilla con agrupación dinámica y menú de acceso a la izquierda.

Grilla agrupada

Popup de filtro para búsqueda y Searchbar a la derecha

Grilla con filtro

Form de alta con calendario

Form de alta

Gráficos dinámicos utilizando Flash

Gráficos en flash

5 comentarios »

  Maxi wrote @

Che muy copado lo de utilizar Gráficos Dinámicos con flash… ya mismo me puse a buscar sobre el tema!

Un abrazo!

  Maxi wrote @

Excelente lo de utilizar flash para Gráficos Dinámicos, ya mismo estoy buscando sobre ese tema… antes me la pasaba haciendo cosas con flash… sql me regresó a la época de las cavernas! jaja

Abrazo!

  Javier Lecuona wrote @

Mariano, quería agregar que hay una nueva manera de hacer este tipo de productos con la facilidad de hacerlo solo en java.
Se llama GWT (Google Web Toolkit) y proporciona una interfaz para programar la parte visual de nuestras aplicaciones webs en java. A diferencia de un IDE de programacion como el eclipse, el GWT “traduce” de código java para obterner la vista mucho mas fácil.

  Gabriel Rodriguez wrote @

Muy interesante el comentario respecto de este tópico tan debatido hoy en día, tanto por grandes y pequeñas empresas, como por los usuarios mismos.
Habiendo tenido la oportunidad de usar la aplicación en desarrollo que mencionaste, o, más bien, hacer un breve testing, pude comprobar e interactuar con la interfaz “amigable” que desarrollan, y he de decir que realmente cumple con los puntos que nombraste necesarios para hacer que una aplicación sea “User-Friendly”. Espero que el proyecto siga adelante de la mejor manera y puedan seguir desarrollando aplicaciones de esta versatilidad en el futuro.

  emilianocontreras wrote @

Mariano, muy interesante el artículo. Comparto lo que decis de por un momento dejar el lado técnico y ubicarse del lado del usuario. Actualmente me encuentro desarrollando el Front de una web app y lo estamos haciendo con un framework denominado ZK. Tambien es muy rico en cuanto a componentes visuales y está constantemente en crecimiento. Dejo el link para aquellos que quieran interiorizarse ( http://zkoss.org )


Tu comentario

HTML-Tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>