SlideShare una empresa de Scribd logo
1 de 19
USABILIDAD Y DISEÑO EN
    SMART DEVICES


           Marcelo Dotti
   mdotti@genexusconsulting.com
Pautas de Diseño (Google)

o   3 Aspectos importantes:
    o   Impactar al Usuario
    o   Simplificar el uso
    o   Empoderar al usuario
Diseño: Impactar al Usuario

o   Buena Impresión:
    o   Cambiar Temas y Layout por Defecto
Diseño: Impactar al Usuario

o   Utilizar pantallas de inicio graficas
Diseño: Impactar al Usuario

o   Personalizar
Diseño: Impactar al Usuario

o   Adelantarnos al Usuario
Diseño: Simplificar el Uso

o   Acceso Rápido
Diseño: Simplificar el Uso

o   Reducir y Organizar
Diseño: Simplificar el Uso

o   Orientar
Diseño: Simplificar el Uso

o   Usar Imágenes Cognitivas
Diseño: Empoderar al Usuario

o   Innovar
o   Trascender las fronteras de la aplicación
o   Hacer sentir al usuario un experto
Usabilidad
Usabilidad

o   ¿Es importante?
    o   Si, se refleja en:
        o   Ratings, comentarios y VENTAS!!!
o   ¿Cómo la probamos?
    o   Evaluando 3 factores importantes:
        o   Diseño
        o   Interacción
        o   Experiencia de Usuario
Test de Usabilidad: Diseño
        Layout
        • Uniforme


        Diferentes resoluciones, tamaños y SO
        • Adaptabilidad


        Navegación
        • Lógica
        • Simple

        Posición de iconos
        • Correcta
        • Funcional

        Textos
        • Gramática y ortografía
        • Tamaños
Test Usabilidad: Interacción
                                     • Gestos
                                     • Ingreso de datos



                            Touch                     • Comprensibles
                            Screen




                           Sensor      Mensajes de
                             de         Error y
                          Rotación      Alertas



• Cambio de orientación
Test de Usabilidad: Experiencia de Usuario
  Despliegue de   • Duración
    pantallas     • Distribución lógica


                  • Correctas
    Acciones      • Simples
  Encadenadas

    Barra de      • Sincronización
    Progreso

                  • Tiempo de ejecución
  Performance     • Multitarea
Links de Interés
o   Diseño
    o   Android
        o   http://developer.android.com/intl/es/design/index.html

    o   IOS
        o   http://developer.apple.com/library/ios/#DOCUMENTATION/UserExp

            erience/Conceptual/MobileHIG/Introduction/Introduction.html

    o   Como diseñar una aplicación móvil
        o   http://blog.scoutzie.com/post/23493258624/how-to-design-a-

            mobile-app
Conferencias recomendadas

  o   Publicación de aplicaciones en los stores SD
      - Sala 4CR, Martes 2, hora: 12:15
  o   Caso de estudio: GXtraining SD - Sala
      2C, Miércoles 3, hora: 09:30
¡Muchas Gracias!
Marcelo Dotti – GeneXus Consulting
 mdotti@genexusconsulting.com

Más contenido relacionado

Similar a Usabilidad y Diseño en Smart Devices

Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesCarlos J Carvajalino
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadKarla Arosemena
 
Introducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móvilesIntroducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móvilesAngelo Tadres
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfazncor_narbe
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabambagdgsantacruz
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoGaby Bolaños Gomez
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: UsabilidadElsa Canto
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuarioUX Nights
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Fundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaFundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaNicola Pizzi Castro
 
IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010Santiago Bustelo
 

Similar a Usabilidad y Diseño en Smart Devices (20)

Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos Digitales
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
T01 dawebguis
T01 dawebguisT01 dawebguis
T01 dawebguis
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
UX vs Usabilidad
UX vs UsabilidadUX vs Usabilidad
UX vs Usabilidad
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidad
 
Introducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móvilesIntroducción al desarrollo y diseño de aplicaciones móviles
Introducción al desarrollo y diseño de aplicaciones móviles
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: Usabilidad
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuario
 
Modulo 4
Modulo 4Modulo 4
Modulo 4
 
Diseño de Interfaces.pdf
Diseño de Interfaces.pdfDiseño de Interfaces.pdf
Diseño de Interfaces.pdf
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Fundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaFundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo Delta
 
IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Ensayo Unidad 1
Ensayo Unidad 1Ensayo Unidad 1
Ensayo Unidad 1
 

Más de GeneXus

After Chatbots Yo (Ro) Bots
After Chatbots Yo (Ro) BotsAfter Chatbots Yo (Ro) Bots
After Chatbots Yo (Ro) BotsGeneXus
 
Construya las aplicaciones del futuro ¡hoy!
Construya las aplicaciones del futuro ¡hoy!Construya las aplicaciones del futuro ¡hoy!
Construya las aplicaciones del futuro ¡hoy!GeneXus
 
Live Editing in Action
Live Editing in ActionLive Editing in Action
Live Editing in ActionGeneXus
 
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...GeneXus
 
¿Pensando en implementar un sistema de gestión integral en su organización?
¿Pensando en implementar un sistema de gestión integral en su organización?¿Pensando en implementar un sistema de gestión integral en su organización?
¿Pensando en implementar un sistema de gestión integral en su organización?GeneXus
 
K2B Tools el compañero de viaje ideal hacia el futuro
K2B Tools el compañero de viaje ideal hacia el futuroK2B Tools el compañero de viaje ideal hacia el futuro
K2B Tools el compañero de viaje ideal hacia el futuroGeneXus
 
Sd y Plataformas
Sd y PlataformasSd y Plataformas
Sd y PlataformasGeneXus
 
PXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivosPXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivosGeneXus
 
APPlícate: Aplicaciones móviles para el desarrollo de la industria
APPlícate: Aplicaciones móviles para el desarrollo de la industriaAPPlícate: Aplicaciones móviles para el desarrollo de la industria
APPlícate: Aplicaciones móviles para el desarrollo de la industriaGeneXus
 
GeneXus 4 Students
GeneXus 4 StudentsGeneXus 4 Students
GeneXus 4 StudentsGeneXus
 
La importancia de ser responsive
La importancia de ser responsiveLa importancia de ser responsive
La importancia de ser responsiveGeneXus
 
K2B: El ERP nativo para el mundo GeneXus
K2B: El ERP nativo para el mundo GeneXusK2B: El ERP nativo para el mundo GeneXus
K2B: El ERP nativo para el mundo GeneXusGeneXus
 
GeneXus 15 (Salto)
GeneXus 15 (Salto)GeneXus 15 (Salto)
GeneXus 15 (Salto)GeneXus
 
GeneXus Cloud Deployment Services. El camino a la nube.
GeneXus Cloud Deployment Services. El camino a la nube.GeneXus Cloud Deployment Services. El camino a la nube.
GeneXus Cloud Deployment Services. El camino a la nube.GeneXus
 
LigaMX con GeneXus: De 0 a 1.700.000 de usuarios
LigaMX con GeneXus: De 0 a 1.700.000 de usuariosLigaMX con GeneXus: De 0 a 1.700.000 de usuarios
LigaMX con GeneXus: De 0 a 1.700.000 de usuariosGeneXus
 
Innovando con GeneXus y SAP
Innovando con GeneXus y SAPInnovando con GeneXus y SAP
Innovando con GeneXus y SAPGeneXus
 
Going mobile
Going mobileGoing mobile
Going mobileGeneXus
 
Audit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXusAudit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXusGeneXus
 
WW+, SD+ y Audit+: Potencie GeneXus la Suite Plus
WW+, SD+ y Audit+: Potencie GeneXus la Suite PlusWW+, SD+ y Audit+: Potencie GeneXus la Suite Plus
WW+, SD+ y Audit+: Potencie GeneXus la Suite PlusGeneXus
 
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...GeneXus
 

Más de GeneXus (20)

After Chatbots Yo (Ro) Bots
After Chatbots Yo (Ro) BotsAfter Chatbots Yo (Ro) Bots
After Chatbots Yo (Ro) Bots
 
Construya las aplicaciones del futuro ¡hoy!
Construya las aplicaciones del futuro ¡hoy!Construya las aplicaciones del futuro ¡hoy!
Construya las aplicaciones del futuro ¡hoy!
 
Live Editing in Action
Live Editing in ActionLive Editing in Action
Live Editing in Action
 
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...
Experiencias en el desarrollo de aplicaciones móviles en el sector salud de M...
 
¿Pensando en implementar un sistema de gestión integral en su organización?
¿Pensando en implementar un sistema de gestión integral en su organización?¿Pensando en implementar un sistema de gestión integral en su organización?
¿Pensando en implementar un sistema de gestión integral en su organización?
 
K2B Tools el compañero de viaje ideal hacia el futuro
K2B Tools el compañero de viaje ideal hacia el futuroK2B Tools el compañero de viaje ideal hacia el futuro
K2B Tools el compañero de viaje ideal hacia el futuro
 
Sd y Plataformas
Sd y PlataformasSd y Plataformas
Sd y Plataformas
 
PXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivosPXTools: Nuevo generador y nuevos controles responsivos
PXTools: Nuevo generador y nuevos controles responsivos
 
APPlícate: Aplicaciones móviles para el desarrollo de la industria
APPlícate: Aplicaciones móviles para el desarrollo de la industriaAPPlícate: Aplicaciones móviles para el desarrollo de la industria
APPlícate: Aplicaciones móviles para el desarrollo de la industria
 
GeneXus 4 Students
GeneXus 4 StudentsGeneXus 4 Students
GeneXus 4 Students
 
La importancia de ser responsive
La importancia de ser responsiveLa importancia de ser responsive
La importancia de ser responsive
 
K2B: El ERP nativo para el mundo GeneXus
K2B: El ERP nativo para el mundo GeneXusK2B: El ERP nativo para el mundo GeneXus
K2B: El ERP nativo para el mundo GeneXus
 
GeneXus 15 (Salto)
GeneXus 15 (Salto)GeneXus 15 (Salto)
GeneXus 15 (Salto)
 
GeneXus Cloud Deployment Services. El camino a la nube.
GeneXus Cloud Deployment Services. El camino a la nube.GeneXus Cloud Deployment Services. El camino a la nube.
GeneXus Cloud Deployment Services. El camino a la nube.
 
LigaMX con GeneXus: De 0 a 1.700.000 de usuarios
LigaMX con GeneXus: De 0 a 1.700.000 de usuariosLigaMX con GeneXus: De 0 a 1.700.000 de usuarios
LigaMX con GeneXus: De 0 a 1.700.000 de usuarios
 
Innovando con GeneXus y SAP
Innovando con GeneXus y SAPInnovando con GeneXus y SAP
Innovando con GeneXus y SAP
 
Going mobile
Going mobileGoing mobile
Going mobile
 
Audit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXusAudit+: La mejor forma de auditar KB’s GeneXus
Audit+: La mejor forma de auditar KB’s GeneXus
 
WW+, SD+ y Audit+: Potencie GeneXus la Suite Plus
WW+, SD+ y Audit+: Potencie GeneXus la Suite PlusWW+, SD+ y Audit+: Potencie GeneXus la Suite Plus
WW+, SD+ y Audit+: Potencie GeneXus la Suite Plus
 
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...
Aproveche las ventajas de la colaboración entre GeneXus y Cloud Shared Office...
 

Usabilidad y Diseño en Smart Devices

  • 1. USABILIDAD Y DISEÑO EN SMART DEVICES Marcelo Dotti mdotti@genexusconsulting.com
  • 2. Pautas de Diseño (Google) o 3 Aspectos importantes: o Impactar al Usuario o Simplificar el uso o Empoderar al usuario
  • 3. Diseño: Impactar al Usuario o Buena Impresión: o Cambiar Temas y Layout por Defecto
  • 4. Diseño: Impactar al Usuario o Utilizar pantallas de inicio graficas
  • 5. Diseño: Impactar al Usuario o Personalizar
  • 6. Diseño: Impactar al Usuario o Adelantarnos al Usuario
  • 7. Diseño: Simplificar el Uso o Acceso Rápido
  • 8. Diseño: Simplificar el Uso o Reducir y Organizar
  • 9. Diseño: Simplificar el Uso o Orientar
  • 10. Diseño: Simplificar el Uso o Usar Imágenes Cognitivas
  • 11. Diseño: Empoderar al Usuario o Innovar o Trascender las fronteras de la aplicación o Hacer sentir al usuario un experto
  • 13. Usabilidad o ¿Es importante? o Si, se refleja en: o Ratings, comentarios y VENTAS!!! o ¿Cómo la probamos? o Evaluando 3 factores importantes: o Diseño o Interacción o Experiencia de Usuario
  • 14. Test de Usabilidad: Diseño Layout • Uniforme Diferentes resoluciones, tamaños y SO • Adaptabilidad Navegación • Lógica • Simple Posición de iconos • Correcta • Funcional Textos • Gramática y ortografía • Tamaños
  • 15. Test Usabilidad: Interacción • Gestos • Ingreso de datos Touch • Comprensibles Screen Sensor Mensajes de de Error y Rotación Alertas • Cambio de orientación
  • 16. Test de Usabilidad: Experiencia de Usuario Despliegue de • Duración pantallas • Distribución lógica • Correctas Acciones • Simples Encadenadas Barra de • Sincronización Progreso • Tiempo de ejecución Performance • Multitarea
  • 17. Links de Interés o Diseño o Android o http://developer.android.com/intl/es/design/index.html o IOS o http://developer.apple.com/library/ios/#DOCUMENTATION/UserExp erience/Conceptual/MobileHIG/Introduction/Introduction.html o Como diseñar una aplicación móvil o http://blog.scoutzie.com/post/23493258624/how-to-design-a- mobile-app
  • 18. Conferencias recomendadas o Publicación de aplicaciones en los stores SD - Sala 4CR, Martes 2, hora: 12:15 o Caso de estudio: GXtraining SD - Sala 2C, Miércoles 3, hora: 09:30
  • 19. ¡Muchas Gracias! Marcelo Dotti – GeneXus Consulting mdotti@genexusconsulting.com

Notas del editor

  1. Crear pantallas de inicio agradablesModificar temasCambiar colores por defecto
  2. Permitir configurar y personalizar
  3. Todo a un touch (o por lo menos lo importante)
  4. Usar frases cortas con palabras sencillas, fácil de entenderLos usuarios evitan frases largas y complicadas
  5. Dejar claro siempre donde estamosDiferenciar las pantallas No hacer flujos de navegación complicados
  6. Utilizar imágenes para explicar ideas.
  7. Permitir realizar funciones que el usuario antes veía como imposibles.Ofrecer funcionalidades que trasciendan las fronteras de la aplicación.