GX ConsultingDevelopment Framework: Usabilidad de sus aplicaciones utilizando GeneXus X y K2B Tools<br />Carolina Torrado ...
GeneXusConsultingDevelopment Framework<br />
GeneXusConsultingDevelopment Framework<br />
GeneXusConsultingDevelopment Framework<br />
Definición ISO/IEC 9126:<br />&quot;La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, ...
Desventajas<br />Aplicaciones poco usadas<br />Asociación negativa con el sistema<br />Mayores costos<br />
Ventajas<br />
Web 2.0 – Cultural wave<br />
Web 2.0 - Criterios<br />Búsqueda<br />InterfazUsuarioEnriquecida<br />Notificaciones (Feeds)<br />Aplicacioneshíbridas (M...
Pautas<br />
K2B Tools – K2B Entity<br />Beneficios:<br />Interfacesestándares<br />Desarrollado basado en criterios de usabilidad<br /...
K2B Tools – K2B Entity<br />
K2B Tools – K2B Entity<br />Debe responder<br />Dónde estoy<br />Dónde he estado<br />Dónde quiero ir<br />
K2B Tools – K2B Entity<br />Que cosas nuevas nos brinda<br />K2B TrnWebForm<br />Agrupación de controles<br />Webformbuild...
Pautas<br />
GeneXus X Evo 1<br />
GeneXus X Evo 1<br />Menos POST (ajax)<br />Más reglas ejecutan en el cliente<br />Full TextSearch<br />Drag & Drop<br />T...
Pautas<br />
¿Qué es el diseño?<br />Así, básicamente, el “diseño” es lo que hacen “los diseñadores” cuando “diseñan.”<br />Extracto de...
¿Por qué es necesario incluir diseño en el desarrollo de una aplicación web?<br />
5 Conceptos básicos<br />Navegabilidad<br />Interactividad<br />Usabilidad<br />Arquitectura de la información<br />Intera...
Una buena Aplicación Web debe responder a las necesidades del usuario.<br />
Diseñando una aplicación<br />¿Cómo nos ayuda un buen diseño en la aplicación?<br />¿Qué posiblidades tenemos?<br />¿Aumen...
Metodología de trabajo<br />Incorporar el trabajo de un diseñador al inicio de un proyecto específico.<br />Incorporar el ...
Enterprise 2.0 - Login<br />
Login - Refresh<br />
Enterprise 2.0 - Dashboard<br />
Dashboard - Refresh<br />
Enterprise 2.0 – View Contacts<br />
ViewContacts - Refresh<br />
Enterprise 2.0 - Calendar<br />
Calendar - Refresh<br />
Enterprise 2.0 – Workwith<br />
Workwith -Refresh<br />
Usabilidad de sus aplicaciones utilizando GeneXus X Ev1 y K2B Tools<br />Carolina Torrado ctorrado@genexusconsulting.com<b...
¡Mucha Gracias!<br />
Upcoming SlideShare
Loading in...5
×

098 Usabilidad De Sus Aplicaciones Utilizando Gene Xus X Y K2 B Tools

574

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
574
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Esta charla esta dentro del GenexusConsultingDevelopment Framework
  • Específicamente en la parte de diseño de la aplicación
  • Y como todo lo que involucra diseño también esta dentro de la construcción del sistema
  • Hace un par de días estaba buscando en una reunión con Gonzalo Echague y Daniel Dávila como mostrarles la diferencia entre una aplicación Usable y una aplicación no usable. Y mirándolos apareció la diferencia. Estaban los dos con sus celulares sin darme mucha atención, Gonzalo peleaba con su i-mate mientras que Daniel jugaba con su iphone. Ambos son celulares y con más o menos la misma funcionalidad pero la forma de trabajo y uso de ambos celulares es diferente, la experiencia del usuario después de usarlo es diferente. Y esa es la diferencia que tenemos al tener aplicaciones usables y no usables.
  • Esta será nuestra agenda para esta charla
  • Comenzaremos viendo los conceptos de usabilidad y como nos afectan en el desarrollo de nuestra aplicación
  • La usabilidad esta definida como la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario. Si nos damos cuenta se refiere mucho a la experiencia de uso del usuario en el sistema.
  • Una forma de medir la usabilidad de las aplicaciones es a través de la capacidad que tienen los usuarios en 5 aspectos. ElAprendizaje: Se refiere a que tan fácil es para los usuarios lograr cumplir las tares la primera vez que se encuentran con el diseño. La Eficiencia: Mide una vez que el usuario aprendió el diseño, que tan rápido ellos logran cumplir sus tareas?La perdurabilidad en la memoria: Mide cuando un usuario retorna al diseño luego de un período de tiempo de no utilizarlo, que tan fácil es que vuelva a ser competente. Errores: Cuantos errores los usuarios realizan, que tan severos son estos errores, y que tan fácil se recuperan de los errores (y no nos referimos a errores del sistema, sino a errores en el uso del sistema)La Satisfacción: Mide que tan placentero es utilizar el sistemaEstos 5 atributos son medibles y nos ayudan a medir que tan usable es nuestro sistema.Para cumplir estos atributos debemos lograr que nuestro sistema sea intuitivo, estandarizado y seguir las convenciones que rigen a cualquier aplicación web. Por eso es que los patrones de diseño nos ayudan a cumplir estos atributos. Obviamente, siempre tengo que tomar en cuenta ciertos factores, como son:Quienes son mis usuarios, que saben ellos y que es lo que pueden aprender? Que necesitan hacer los usuarios?Cual es el background de los usuarios?En que contexto trabajan?No es lo mismo desarrollar aplicaciones para niños que para adulos, pero en esta charla nos vamos a referir a usabilidad para aplicaciones genéricas de gestión.
  • Las desventajas de no desarrollar aplicaciones usables es que hacen que por más que nuestra aplicación esta bien desarrollada suele ser menos usada o es evitada.Nuestros usuarios tienden a tener una asociación negativa con el sistema, debido a que su experiencia con el sistema es conflictiva y esto nos hacen incurrir en mayores costos, por ejemplo por que debemos re-diseñar el sistema o por que no utilizar el sistema hace que no se cumplan con los objetivos del propuestos al desarrollar el sistema.
  • Los beneficios de desarrollar aplicaciones usables son muchísimos, y los podemos catalogar en dos grupos(1) los beneficios que nos dan al usuario y (2) los beneficios que nos dan a las empresas.Los beneficios para el usuario son :(1) Mejora en productividad, por ejemplo por que se cometen menos errores al utilizar el sistema(2) Mejora la calidad de vida de los usuarios, debido a que la experiencia con el sistema no es conflictiva(3) Reduce su estrés, ya que al entender lo que estoy haciendo puedo cumplir mis tareas sin inconvenientes(4) Incrementa la satisfacción, por que puedo realizar mis tareas sin inconvenientes(5)Reduce las pérdidas de tiempo: encuentro lo que quiero, no tengo que estar buscando por todo el sistema la información que quiero, la encuentro ordenada de una forma entendibleLos beneficios para la Empresa (1) Reduce los costos de desarrollo de la aplicación (de re-hacer) o corregir problemas de usabilidad de la aplicación(2) Reducción de costos de capacitación a los usuario(3) Reduce los costos de asistencia a los usuarios
  • Las aplicaciones web 2.0 son aplicaciones muy interactivas, que hacen que sean muy fáciles de usar para los usuarios. Con muchísimos controles que interactúan mucho con el usuario, logrado a través de javascript u otra tecnología.Comúnmente, en las aplicaciones web 2.0 la comunidad de usuarios que utiliza dicha aplicación enriquece la aplicación compartiendo información, con feeds por ejemplo. En una aplicación web 2.0 los usuarios pueden interactuar con otros usuarios o cambiar el contenido de la aplicación a diferencia de otras aplicaciones web que simplemente son espectadores del sitio.El mejor ejemplo de una aplicación conceptualmente 2.0 es la wikipedia o cualquier aplicación wiki.
  • Para que nuestras aplicaciones sean usables y web 2.0 en donde realmente lo necesitamos lo que nosotros realizamos es una combinación de las siguiente técnicas o herramientas:La utilización de patrones como K2B Entity en todas las partes de la aplicación donde lo que tenemos que realizar es simplemente alta, baja y modificación de datos. Reforzamos en ciertas partes de la aplicación la usabilidad utilizando técnicas de aplicaciones web 2.0 utilizando controles que nos provee GeneXus Evolution o los construimos.Y por último incorporamosun diseñador en nuestros proyectos, para que nos apoye en el diseño de las aplicaciones.
  • Nos brinda la funcionalidad de ubicación y navegación para el usuario, le responde Dónde estoyDonde he estadoDonde quiero ir
  • En estepunto se presentarálaimportanciadeldiseñoenelproceso de trabajo y de desarrollo de una aplicación.Se describiránlosbeneficios que se obtienen, lasposibilidades existentes y elsinfin de cosas que se puede lograr.- Principalmente le aportamos un valor agregado a nuestroproducto: eldiseño.- Eldiseño nos ayuda a leer y entender mejor una aplicaciónweb.- Podemos jerarquizar, diferenciar y agrupar lainformación de multimplesmaneras.Definimos el público al cuálva dirigida nuestraaplicación, usuarios, etc, y generamosunplus a nivel visual haciaellos.- Refuerzaelaprendizaje y experiencia previa que todos tenemos acerca del uso de una interfazgrafica.- Posiciona de manera diferencial nuestraherramientaenel mercado frente a nuestros competidores.Optimizatiempos de trabajo, generando una mayorproductividad (todo em conjunto conlautilizacion de GX X + las K2B Tools.No eleva de manerasustancialnuestroscostos de desarrollo/producción.De este PPT pasamos a el “cómosería uma buenametodología de trabajo”, entonces nos encontramos conlosiguiente:
  • Hacemos mencion a las capturas de la ENTERPRISE 2.0 XU3, presentando capturas estáticas de eso.Elañopasadofuedesarrolladocon GX X y tuvoundiseño básico.El foco no estuvoeneldisñeo, sino enhacer funcionar de maneracorrectanuestraaplicacion.(Contar unpoco que eslo que hace).PASO 2Incluímos um diseñador em nuestroproceso de trabajo com elfindemejorarlainterfaz gráfica de nuestraaplcacion, sólo um rediseño de lamisma, aprovechando al máximo lasnuevasfeatrus que nos proponoeGeneXus Ev1 + K2B Tools...y logramos esto:Acá se mostraría capturas estáticas con el refresh de la aplicación para finalmente pasar a una breve demo de la misma (CAROLINA) con la interfaz rediseñada y funcionando. Hablamos de los skills de las K2B Tools, GX X más algun concepto general para reforzar la idea de porque necesitamos incluir diseño en nuetras aplicaciones (openinggambit).--Características de las K2B Tools:(Aumento de la productividad, Mejora de la calidad de las aplicaciones generadas, Propagacion de cambios y desarrollo incremental)--
  • Hay veces que parte de nuestras aplicaciones tienen un fuerte componente visual por ejemplo y por eso es necesario que utilicemos web 2.0 en estas partes o que es necesario aumentarle el valor de la información que le damos al usuario.
  • 098 Usabilidad De Sus Aplicaciones Utilizando Gene Xus X Y K2 B Tools

    1. 1. GX ConsultingDevelopment Framework: Usabilidad de sus aplicaciones utilizando GeneXus X y K2B Tools<br />Carolina Torrado <br />GenexusConsulting<br />Hernán Hiriart<br />Crudo Media<br />
    2. 2. GeneXusConsultingDevelopment Framework<br />
    3. 3. GeneXusConsultingDevelopment Framework<br />
    4. 4. GeneXusConsultingDevelopment Framework<br />
    5. 5.
    6. 6.
    7. 7.
    8. 8. Definición ISO/IEC 9126:<br />&quot;La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso&quot;<br />
    9. 9.
    10. 10. Desventajas<br />Aplicaciones poco usadas<br />Asociación negativa con el sistema<br />Mayores costos<br />
    11. 11. Ventajas<br />
    12. 12.
    13. 13. Web 2.0 – Cultural wave<br />
    14. 14. Web 2.0 - Criterios<br />Búsqueda<br />InterfazUsuarioEnriquecida<br />Notificaciones (Feeds)<br />Aplicacioneshíbridas (Mashup)<br />
    15. 15.
    16. 16. Pautas<br />
    17. 17. K2B Tools – K2B Entity<br />Beneficios:<br />Interfacesestándares<br />Desarrollado basado en criterios de usabilidad<br />Aumento en la productividad desarrollo<br />Menos propenso a errores<br />Integrado a GXPortal y GXFlow<br />Independencia del diseño de la interfaz<br />
    18. 18. K2B Tools – K2B Entity<br />
    19. 19. K2B Tools – K2B Entity<br />Debe responder<br />Dónde estoy<br />Dónde he estado<br />Dónde quiero ir<br />
    20. 20. K2B Tools – K2B Entity<br />Que cosas nuevas nos brinda<br />K2B TrnWebForm<br />Agrupación de controles<br />Webformbuilder<br />
    21. 21. Pautas<br />
    22. 22. GeneXus X Evo 1<br />
    23. 23. GeneXus X Evo 1<br />Menos POST (ajax)<br />Más reglas ejecutan en el cliente<br />Full TextSearch<br />Drag & Drop<br />TrackContext<br />
    24. 24. Pautas<br />
    25. 25. ¿Qué es el diseño?<br />Así, básicamente, el “diseño” es lo que hacen “los diseñadores” cuando “diseñan.”<br />Extracto de &quot;¿Qué hacen los diseñadores…?“, Raúl Belluccia.<br />
    26. 26.
    27. 27. ¿Por qué es necesario incluir diseño en el desarrollo de una aplicación web?<br />
    28. 28. 5 Conceptos básicos<br />Navegabilidad<br />Interactividad<br />Usabilidad<br />Arquitectura de la información<br />Interacción de medios (audios, imágenes y videos)<br />
    29. 29. Una buena Aplicación Web debe responder a las necesidades del usuario.<br />
    30. 30. Diseñando una aplicación<br />¿Cómo nos ayuda un buen diseño en la aplicación?<br />¿Qué posiblidades tenemos?<br />¿Aumentan nuestros costos y tiempos de producción?<br />
    31. 31. Metodología de trabajo<br />Incorporar el trabajo de un diseñador al inicio de un proyecto específico.<br />Incorporar el mismo diseñador una vez iniciado el proyecto y/o culminado el mismo.<br />
    32. 32.
    33. 33. Enterprise 2.0 - Login<br />
    34. 34. Login - Refresh<br />
    35. 35. Enterprise 2.0 - Dashboard<br />
    36. 36. Dashboard - Refresh<br />
    37. 37. Enterprise 2.0 – View Contacts<br />
    38. 38. ViewContacts - Refresh<br />
    39. 39. Enterprise 2.0 - Calendar<br />
    40. 40. Calendar - Refresh<br />
    41. 41. Enterprise 2.0 – Workwith<br />
    42. 42. Workwith -Refresh<br />
    43. 43. Usabilidad de sus aplicaciones utilizando GeneXus X Ev1 y K2B Tools<br />Carolina Torrado ctorrado@genexusconsulting.com<br />Hernán Hiriarthernan@crudomedia.com<br />
    44. 44. ¡Mucha Gracias!<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×