SlideShare una empresa de Scribd logo
Usabilidad en
móviles y
tabletas
Diseño
sensible
1982




       MOTOROLA DYNATAC 8000X
Ahora
El estallido del Mobile
Los teléfonos inteligentes están impulsando el uso de
 aplicaciones en red y contenido Web de forma
                      exponencial
Los usuarios potenciales móviles se triplicará a mil millones
en 2013.
Fuente: www.morganstanley.com/institutional/techresearch/internet_ad_trends102009.html




La adopción de internet móvil ha superado a la de internet
de Pc desktops por ocho veces.
Fuente: www.morganstanley.com/institutional/techresearch/internet_ad_trends102009.html




Las ventas mundiales de smartphones superarán a las de
Pc desktops a finales de 2011.
Fuente: www.pcworld.com/article/171380




Más de la mitad de los usuarios de Android y IPhone
consumen más de 30 minutos por día utilizando
aplicaciones móviles.
Fuente: www.venturebeat.com/2009/08/27/admob-finds-android-app-users-more-scarce-but-just-as-obsessed-as-iphone-app-users
Etapas en su elaboración




Brainstorming

                Arquitectura
                               Wireframing

                                             Diseño



                                                      Aplicación
UX Mobile   UX Tablet   UX Desktop
No sesgar el sector
No es solo diseñar para Iphones, Ipads
       o para terminales táctiles
Existen cientos de
dispositivos móviles
diferentes

                       @subidubi Jimena Catalina
2010       2011




Proyección 2012




                                            Fuente: Ipass



                  mobile-workforce-project.ipass.com/cpwp/wp-content/uploads/2011/11/ipass_mobileworkforcereport_q4_2011.pdf
Experiencias de uso entre
   dispositivos táctiles

Tomando como ejemplo al Iphone y al Ipad
Táctil, uso de algunos dedos de las
Smartphone            mano

                      Menor precisión, prima la selección
                      que la inserción de texto

                      Pantalla muy pequeña, menos
                      líneas de texto

                      La luz solar directa afecta la
                      visibilidad

                      No se realizan tareas largas y
                      complejas

                      Mas uso de aplicaciones con pocos
                      elementos de navegación

                      Uso de sonidos y vibraciones en la
                      experiencia de uso

                      Orientación vertical y horizontal
Aplicación Facebook
                      Memoria limitada
Tableta
                      Se soluciona el problema de
                      la pantalla pequeña

                      Táctil, uso de todos los
                      dedos de la mano

                      Regular precisión

                      La luz solar directa afecta la
                      visibilidad

                      Mas uso de aplicaciones

                      Uso de sonidos y vibraciones
                      en la experiencia de uso

                      Orientación vertical y
                      horizontal




Aplicación Facebook
No táctil, mouse y
                        teclado

                        Se puede usar todos los
                        dedos

                        Soporta todas las
                        funciones

                        Pantalla grande

                        Uso bajo sombra

                        Se realizan tareas
                        complejas

                        Menos uso de
                        aplicaciones con
                        conexión a internet



Sitio web de Facebook
Netflix www.netflix.com
AMAZON www.amazon.com
Diseño sensible (líquido) como
    alternativa de solución
Sitios web con diseño de sensible

El diseño sensible nos permite llenar los vacios dejados por los tamaños
de pantalla de los diferentes dispositivos, esto hace que las interfaces de
los sitios web se adapten adecuadamente mejorando la experiencia de uso




                                                               vía The UX Booth Elaine Simpson
Sitios web con diseño de sensible




THE BOSTON GLOBE www.bostonglobe.com




 Móvil          Tableta                     Escritorio
Sitios web con diseño de sensible



MACDONALD HOTEL & RESORTS www.macdonaldhotels.co.uk




          Escritorio              Tableta        Móvil
Sitios web con diseño de sensible
Ventajas
  Son más económicos.

  Menor tiempo de mantenimiento, es solo un sitio web

  Se aprovecha óptimamente el tamaño de las diferentes pantallas de pcs de
  escritorios.




Desventajas

 El ux mobile = ux tablets = ux desktop. Por lo tanto, el diseño sensible debe
 no solo llenar espacios si no transformarse, aumentando la dificultad de
 implementación ya que la navegación de los móviles y tabletas es distinta.

 No basta mostrar lo mismo pero con diferente aspecto
Primeras pruebas de uso
       del Ipad
     Grupo Norman and Nilsen
La primera impresión que
define a las aplicaciones
para iPad ha sido
sorprendentes por parte
de los usuarios, sin
embargo, destacaron las
siguientes apreciaciones.




             Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
A los usuarios les parece un iPhone gigante y muy pesado.




                                      Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
La barra inferior de iconos no funciona tan bien como en el iPhone,
debido a que la pantalla del iPad es mucho más grande. Hay una mayor
distancia (Ley de Fitts).




                                     Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
Los usuarios están satisfechos navegando por la web con un iPad. Ello no
sucede así en un iPhone ya que la pantalla del navegador es más pequeña, y la
navegación es menos agradable. Se deduce que para el iPhone se prefieren las
aplicaciones frente a la navegación por web.




       Aplicativo de elPais.com             Sitio web de elPais.com



                                       Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdfq
Zonas táctiles pequeñas en los sitios web vistos en un iPad los textos son
suficientemente grande para ser leídos pero demasiados pequeño
para hacer tap sobre él, del mismo modo sucede con algunos íconos,
opciones de menú y algunos botones.




                                         Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
Baja recordación
movimientos y gestos hechos
con las manos son difíciles de
aprender cuando no son
empleados consistentemente
a través de las diferentes
aplicaciones.




                                                    Entre aplicaciones




                                 Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
Los usuarios no le gusta
escribir en la pantalla táctil y
así evitar el proceso de
registro.




                                   Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
Activación accidental,
            ocurren cuando los usuarios
            tocan iconos o botones por
            error o realizan movimientos
            y gestos hechos con las
            manos que inesperadamente
            inician algún componente.




Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
Test de usabilidad para móviles
Gestos estándares para móviles táctiles




                                          Xperience Consulting
Consideraciones en el diseño de
interacción para móviles táctiles
Evitar los elementos de
desplazamiento. La gran mayoría
       de dispositivos táctiles no
       interpretan estos eventos




       La navegación por controles
indirectos es menos natural y más
       compleja. Al mostrarles otro
    sistema de desplazamiento los
   usuarios se sentirán frustrados




                                      Xperience Consulting
Es importante que las áreas de
       interacción sean grandes;
           facilitar la navegación
   especialmente para personas
        con alguna discapacidad
                            motriz




Los mensajes serán visibles justo
       donde pulsamos y será más
difícil de ver so queda oculto por
                     nuestra mano




                                     Xperience Consulting
Al usuario se le es cómodo muchas veces utilizar una mano para interactuar con el
dispositivo y cuando esto sucede solo tiene al alcance ciertas zonas de la pantalla,
llamadas zonas calientes de interacción




                                                                 Josh Clark en http://www.netmagazine.com
Aplicativo móvil   Web móvil
Consideraciones en el diseño
de interacción para Tabletas
Las tabletas también poseen
zona s calientes pero en
diferente posición




                              Josh Clark en http://www.netmagazine.com
Ubicación de los controles para las aplicaciones




Aplicación para
 smartphone                    Aplicación para portátil
Evitar controles de
  navegación en la
    partes superior
       central de la
    página, pues la
   mano taparía el
         contenido




                       Josh Clark en http://www.netmagazine.com
Es apropiado
               colocar los
             controles de
         navegación en el
              fondo de la
                 pantalla.


The Sydney Morning Herald, propone una
    oslución muy adecuada para navegar
  entre las noticias sin afectar la visión de
                    cualquier zona del sitio




                                                Josh Clark en http://www.netmagazine.com
El so de las dos manos en tabletas toma más relevancia, aquí presentamos las zonas
de interacción de fácil acceso por los dedos y zonas de navegación




                 Zona de fácil acceso       Zona de navegación
Los dispositivos táctiles con un
modelo de interacción y
contextos de uso totalmente
distintos, influyen en la propia
organización de contenidos,
sistema de navegación e incluso
en su representación visual,
generando una nueva
experiencia de uso en los sitios
web.
Esta presentación tiene una licencia
               Creative Commons de:

                             Atribución

                             No comercial

                             Compartir igual



                                               Percy Negrete
                                               @percynegrete
percy.negrete@pucp.edu.pe

Más contenido relacionado

La actualidad más candente

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
Marcelo Graciolli
 
Web Designing
Web Designing Web Designing
Web Designing
BALUJAINSTITUTE
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
Russ Weakley
 
UX design
UX designUX design
UX design
Tanay Kumar
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
Emerentiana Meicy
 
Como medir o resultado de UX Writing com processos de Design Ops
Como medir o resultado de UX Writing com processos de Design OpsComo medir o resultado de UX Writing com processos de Design Ops
Como medir o resultado de UX Writing com processos de Design Ops
Mergo
 
The Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceThe Ten Commandments Of User Experience
The Ten Commandments Of User Experience
Nick Finck
 
Personas In Product Design
Personas In Product DesignPersonas In Product Design
Personas In Product Design
Lauren Martin
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
 
What is UX?
What is UX?What is UX?
What is UX?
David Carr
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
Gabriel Celemin
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
Nardia Infotech
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
Jacqueline (Jax) Wechsler
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
Kristen Hardy
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 

La actualidad más candente (20)

What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
 
Web Designing
Web Designing Web Designing
Web Designing
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
 
UX design
UX designUX design
UX design
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
Como medir o resultado de UX Writing com processos de Design Ops
Como medir o resultado de UX Writing com processos de Design OpsComo medir o resultado de UX Writing com processos de Design Ops
Como medir o resultado de UX Writing com processos de Design Ops
 
The Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceThe Ten Commandments Of User Experience
The Ten Commandments Of User Experience
 
Personas In Product Design
Personas In Product DesignPersonas In Product Design
Personas In Product Design
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
What is UX?
What is UX?What is UX?
What is UX?
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 

Destacado

UX process design for mobile
UX process design for mobileUX process design for mobile
UX process design for mobile
Bárbara Lyschenko
 
Heurística
HeurísticaHeurística
Heurística
Webelmadronal
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
Sem Gebresilassie
 
Evaluación de sitios web
Evaluación de sitios webEvaluación de sitios web
Evaluación de sitios web
Edward Bermúdez M.
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
 
Heuristica
HeuristicaHeuristica
El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile
Kinit Innovación y Tecnología
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User Experience
UXPA Boston
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Jordi Almirall
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
Javier Cuello
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
IAB México
 
UX Mobile
UX MobileUX Mobile
UX Mobile
Empathy UX
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
Emiliano Horcada
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Sivaprasath Selvaraj
 
Presentación lc3 youtube
Presentación lc3   youtubePresentación lc3   youtube
Presentación lc3 youtube
Camila De la Vega
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to Know
Jennifer Romano Bergstrom
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
IxDA Mendoza
 
Estrategias heuristicas
Estrategias heuristicasEstrategias heuristicas
Estrategias heuristicas
paoalva27
 

Destacado (18)

UX process design for mobile
UX process design for mobileUX process design for mobile
UX process design for mobile
 
Heurística
HeurísticaHeurística
Heurística
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
Evaluación de sitios web
Evaluación de sitios webEvaluación de sitios web
Evaluación de sitios web
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
Heuristica
HeuristicaHeuristica
Heuristica
 
El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User Experience
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
 
UX Mobile
UX MobileUX Mobile
UX Mobile
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
Presentación lc3 youtube
Presentación lc3   youtubePresentación lc3   youtube
Presentación lc3 youtube
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to Know
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
 
Estrategias heuristicas
Estrategias heuristicasEstrategias heuristicas
Estrategias heuristicas
 

Similar a Usabilidad en móviles y tabletas - Diseño sensible

Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Juan Paulo Madriaza
 
Los sitios responsivos no sirven para smartphones
Los sitios responsivos no sirven para smartphonesLos sitios responsivos no sirven para smartphones
Los sitios responsivos no sirven para smartphones
Juan Holz
 
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
Jorge Barahona Ch.
 
Lupita
LupitaLupita
5.6 Usabilidad en el móvil
5.6 Usabilidad en el móvil5.6 Usabilidad en el móvil
5.6 Usabilidad en el móvil
Brox Technology
 
Karla
KarlaKarla
Karla
BasKarla
 
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
DNRstudios
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móviles
Chayincitha MAciaz
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móviles
Chayincitha MAciaz
 
Experiencia de uso como factor crítico de éxito de una aplicación
Experiencia de uso como factor crítico de éxito de una aplicación Experiencia de uso como factor crítico de éxito de una aplicación
Experiencia de uso como factor crítico de éxito de una aplicación
Raona
 
App
AppApp
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
Raquel Domínguez Martín
 
97
9797
97
eigv
 
PDA
PDAPDA
PDA
dhz96
 
PDA
PDAPDA
PDA
dhz96
 
10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad
UserZoom&Xperience Consulting
 
Clase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphoneClase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphone
Christian Cabrera
 
Intermedia
IntermediaIntermedia
Intermedia
ojopiojo
 
Interacción Persona-Computador
Interacción Persona-ComputadorInteracción Persona-Computador
Interacción Persona-Computador
shanerdj
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
DNRstudios
 

Similar a Usabilidad en móviles y tabletas - Diseño sensible (20)

Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
 
Los sitios responsivos no sirven para smartphones
Los sitios responsivos no sirven para smartphonesLos sitios responsivos no sirven para smartphones
Los sitios responsivos no sirven para smartphones
 
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
Móviles. Aquí está tu próximo sitio web (Rodrigo Guaiquil)
 
Lupita
LupitaLupita
Lupita
 
5.6 Usabilidad en el móvil
5.6 Usabilidad en el móvil5.6 Usabilidad en el móvil
5.6 Usabilidad en el móvil
 
Karla
KarlaKarla
Karla
 
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móviles
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móviles
 
Experiencia de uso como factor crítico de éxito de una aplicación
Experiencia de uso como factor crítico de éxito de una aplicación Experiencia de uso como factor crítico de éxito de una aplicación
Experiencia de uso como factor crítico de éxito de una aplicación
 
App
AppApp
App
 
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
C:\Documents And Settings\Rakel\Mis Documentos\Master Ted\M5 Materiales Conve...
 
97
9797
97
 
PDA
PDAPDA
PDA
 
PDA
PDAPDA
PDA
 
10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad10 recomendaciones para diseñar una web para un i pad
10 recomendaciones para diseñar una web para un i pad
 
Clase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphoneClase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphone
 
Intermedia
IntermediaIntermedia
Intermedia
 
Interacción Persona-Computador
Interacción Persona-ComputadorInteracción Persona-Computador
Interacción Persona-Computador
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
 

Más de Percy Negrete

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de uso
Percy Negrete
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
Percy Negrete
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-Computador
Percy Negrete
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experiencia
Percy Negrete
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
Percy Negrete
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Percy Negrete
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Percy Negrete
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
Percy Negrete
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegación
Percy Negrete
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentales
Percy Negrete
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
Percy Negrete
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Percy Negrete
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
Percy Negrete
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
Percy Negrete
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
Percy Negrete
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
Percy Negrete
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Percy Negrete
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de uso
Percy Negrete
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Percy Negrete
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios
Percy Negrete
 

Más de Percy Negrete (20)

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de uso
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-Computador
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experiencia
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegación
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentales
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de uso
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios
 

Último

ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdfELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
DaliaAndrade1
 
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
Shirley Vásquez Esparza
 
La orientación educativa en el proceso de enseñanza-aprendizaje.pptx
La orientación educativa en el proceso de enseñanza-aprendizaje.pptxLa orientación educativa en el proceso de enseñanza-aprendizaje.pptx
La orientación educativa en el proceso de enseñanza-aprendizaje.pptx
PaolaAlejandraCarmon1
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
JimmyDeveloperWebAnd
 
Fundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanzaFundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanza
iamgaby0724
 
Gracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdfGracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdf
Ani Ann
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdfTP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
JesicaSalinas5
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
Marketing responsable - Ética y Responsabilidad Social Empresarial
Marketing responsable - Ética y Responsabilidad Social EmpresarialMarketing responsable - Ética y Responsabilidad Social Empresarial
Marketing responsable - Ética y Responsabilidad Social Empresarial
JonathanCovena1
 
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLAROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
JAVIER SOLIS NOYOLA
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
johnyamg20
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
VeronicaCabrera50
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
karlafreire0608
 
Los Recursos Naturales como Base de la Economía
Los Recursos Naturales como Base de la EconomíaLos Recursos Naturales como Base de la Economía
Los Recursos Naturales como Base de la Economía
JonathanCovena1
 
Qué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptxQué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptx
saradocente
 
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social EmpresarialCalidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
JonathanCovena1
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
DobbieElfo
 
c3.hu3.p3.p4.Los seres humanos y no humanos.pptx
c3.hu3.p3.p4.Los seres humanos y no humanos.pptxc3.hu3.p3.p4.Los seres humanos y no humanos.pptx
c3.hu3.p3.p4.Los seres humanos y no humanos.pptx
Martín Ramírez
 
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdfCALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
cesareduvr95
 

Último (20)

ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdfELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
ELEMENTOS DE LA COMPRENSION ORAL-ESCUCHA ACTIVA.pdf
 
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
Leyes de los gases según Boyle-Marriote, Charles, Gay- Lussac, Ley general de...
 
La orientación educativa en el proceso de enseñanza-aprendizaje.pptx
La orientación educativa en el proceso de enseñanza-aprendizaje.pptxLa orientación educativa en el proceso de enseñanza-aprendizaje.pptx
La orientación educativa en el proceso de enseñanza-aprendizaje.pptx
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
 
Fundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanzaFundamentos filosóficos de la metodología de la enseñanza
Fundamentos filosóficos de la metodología de la enseñanza
 
Gracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdfGracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdf
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdfTP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
TP__N1__Geller-Iris_Salinas-Jesica_(1)-1.pdf
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
Marketing responsable - Ética y Responsabilidad Social Empresarial
Marketing responsable - Ética y Responsabilidad Social EmpresarialMarketing responsable - Ética y Responsabilidad Social Empresarial
Marketing responsable - Ética y Responsabilidad Social Empresarial
 
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLAROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ROMPECABEZAS DE COMPETENCIAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
 
Business Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business TechBusiness Plan -rAIces - Agro Business Tech
Business Plan -rAIces - Agro Business Tech
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
 
Los Recursos Naturales como Base de la Economía
Los Recursos Naturales como Base de la EconomíaLos Recursos Naturales como Base de la Economía
Los Recursos Naturales como Base de la Economía
 
Qué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptxQué entra en el examen de Geografía.pptx
Qué entra en el examen de Geografía.pptx
 
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social EmpresarialCalidad de vida laboral - Ética y Responsabilidad Social Empresarial
Calidad de vida laboral - Ética y Responsabilidad Social Empresarial
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
 
c3.hu3.p3.p4.Los seres humanos y no humanos.pptx
c3.hu3.p3.p4.Los seres humanos y no humanos.pptxc3.hu3.p3.p4.Los seres humanos y no humanos.pptx
c3.hu3.p3.p4.Los seres humanos y no humanos.pptx
 
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdfCALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
CALCULO DE AMORTIZACION DE UN PRESTAMO.pdf
 

Usabilidad en móviles y tabletas - Diseño sensible

  • 2. 1982 MOTOROLA DYNATAC 8000X
  • 4. El estallido del Mobile Los teléfonos inteligentes están impulsando el uso de aplicaciones en red y contenido Web de forma exponencial
  • 5. Los usuarios potenciales móviles se triplicará a mil millones en 2013. Fuente: www.morganstanley.com/institutional/techresearch/internet_ad_trends102009.html La adopción de internet móvil ha superado a la de internet de Pc desktops por ocho veces. Fuente: www.morganstanley.com/institutional/techresearch/internet_ad_trends102009.html Las ventas mundiales de smartphones superarán a las de Pc desktops a finales de 2011. Fuente: www.pcworld.com/article/171380 Más de la mitad de los usuarios de Android y IPhone consumen más de 30 minutos por día utilizando aplicaciones móviles. Fuente: www.venturebeat.com/2009/08/27/admob-finds-android-app-users-more-scarce-but-just-as-obsessed-as-iphone-app-users
  • 6.
  • 7.
  • 8. Etapas en su elaboración Brainstorming Arquitectura Wireframing Diseño Aplicación
  • 9. UX Mobile UX Tablet UX Desktop
  • 10. No sesgar el sector No es solo diseñar para Iphones, Ipads o para terminales táctiles
  • 11. Existen cientos de dispositivos móviles diferentes @subidubi Jimena Catalina
  • 12. 2010 2011 Proyección 2012 Fuente: Ipass mobile-workforce-project.ipass.com/cpwp/wp-content/uploads/2011/11/ipass_mobileworkforcereport_q4_2011.pdf
  • 13. Experiencias de uso entre dispositivos táctiles Tomando como ejemplo al Iphone y al Ipad
  • 14. Táctil, uso de algunos dedos de las Smartphone mano Menor precisión, prima la selección que la inserción de texto Pantalla muy pequeña, menos líneas de texto La luz solar directa afecta la visibilidad No se realizan tareas largas y complejas Mas uso de aplicaciones con pocos elementos de navegación Uso de sonidos y vibraciones en la experiencia de uso Orientación vertical y horizontal Aplicación Facebook Memoria limitada
  • 15. Tableta Se soluciona el problema de la pantalla pequeña Táctil, uso de todos los dedos de la mano Regular precisión La luz solar directa afecta la visibilidad Mas uso de aplicaciones Uso de sonidos y vibraciones en la experiencia de uso Orientación vertical y horizontal Aplicación Facebook
  • 16. No táctil, mouse y teclado Se puede usar todos los dedos Soporta todas las funciones Pantalla grande Uso bajo sombra Se realizan tareas complejas Menos uso de aplicaciones con conexión a internet Sitio web de Facebook
  • 19. Diseño sensible (líquido) como alternativa de solución
  • 20. Sitios web con diseño de sensible El diseño sensible nos permite llenar los vacios dejados por los tamaños de pantalla de los diferentes dispositivos, esto hace que las interfaces de los sitios web se adapten adecuadamente mejorando la experiencia de uso vía The UX Booth Elaine Simpson
  • 21. Sitios web con diseño de sensible THE BOSTON GLOBE www.bostonglobe.com Móvil Tableta Escritorio
  • 22. Sitios web con diseño de sensible MACDONALD HOTEL & RESORTS www.macdonaldhotels.co.uk Escritorio Tableta Móvil
  • 23. Sitios web con diseño de sensible
  • 24. Ventajas Son más económicos. Menor tiempo de mantenimiento, es solo un sitio web Se aprovecha óptimamente el tamaño de las diferentes pantallas de pcs de escritorios. Desventajas El ux mobile = ux tablets = ux desktop. Por lo tanto, el diseño sensible debe no solo llenar espacios si no transformarse, aumentando la dificultad de implementación ya que la navegación de los móviles y tabletas es distinta. No basta mostrar lo mismo pero con diferente aspecto
  • 25. Primeras pruebas de uso del Ipad Grupo Norman and Nilsen
  • 26. La primera impresión que define a las aplicaciones para iPad ha sido sorprendentes por parte de los usuarios, sin embargo, destacaron las siguientes apreciaciones. Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 27. A los usuarios les parece un iPhone gigante y muy pesado. Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 28. La barra inferior de iconos no funciona tan bien como en el iPhone, debido a que la pantalla del iPad es mucho más grande. Hay una mayor distancia (Ley de Fitts). Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 29. Los usuarios están satisfechos navegando por la web con un iPad. Ello no sucede así en un iPhone ya que la pantalla del navegador es más pequeña, y la navegación es menos agradable. Se deduce que para el iPhone se prefieren las aplicaciones frente a la navegación por web. Aplicativo de elPais.com Sitio web de elPais.com Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdfq
  • 30. Zonas táctiles pequeñas en los sitios web vistos en un iPad los textos son suficientemente grande para ser leídos pero demasiados pequeño para hacer tap sobre él, del mismo modo sucede con algunos íconos, opciones de menú y algunos botones. Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 31. Baja recordación movimientos y gestos hechos con las manos son difíciles de aprender cuando no son empleados consistentemente a través de las diferentes aplicaciones. Entre aplicaciones Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 32. Los usuarios no le gusta escribir en la pantalla táctil y así evitar el proceso de registro. Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 33. Activación accidental, ocurren cuando los usuarios tocan iconos o botones por error o realizan movimientos y gestos hechos con las manos que inesperadamente inician algún componente. Fuente: www.nngroup.com/reports/mobile/ipad/ipad-usability_1st-edition.pdf
  • 34. Test de usabilidad para móviles
  • 35. Gestos estándares para móviles táctiles Xperience Consulting
  • 36. Consideraciones en el diseño de interacción para móviles táctiles
  • 37. Evitar los elementos de desplazamiento. La gran mayoría de dispositivos táctiles no interpretan estos eventos La navegación por controles indirectos es menos natural y más compleja. Al mostrarles otro sistema de desplazamiento los usuarios se sentirán frustrados Xperience Consulting
  • 38. Es importante que las áreas de interacción sean grandes; facilitar la navegación especialmente para personas con alguna discapacidad motriz Los mensajes serán visibles justo donde pulsamos y será más difícil de ver so queda oculto por nuestra mano Xperience Consulting
  • 39. Al usuario se le es cómodo muchas veces utilizar una mano para interactuar con el dispositivo y cuando esto sucede solo tiene al alcance ciertas zonas de la pantalla, llamadas zonas calientes de interacción Josh Clark en http://www.netmagazine.com
  • 40. Aplicativo móvil Web móvil
  • 41. Consideraciones en el diseño de interacción para Tabletas
  • 42. Las tabletas también poseen zona s calientes pero en diferente posición Josh Clark en http://www.netmagazine.com
  • 43. Ubicación de los controles para las aplicaciones Aplicación para smartphone Aplicación para portátil
  • 44. Evitar controles de navegación en la partes superior central de la página, pues la mano taparía el contenido Josh Clark en http://www.netmagazine.com
  • 45. Es apropiado colocar los controles de navegación en el fondo de la pantalla. The Sydney Morning Herald, propone una oslución muy adecuada para navegar entre las noticias sin afectar la visión de cualquier zona del sitio Josh Clark en http://www.netmagazine.com
  • 46. El so de las dos manos en tabletas toma más relevancia, aquí presentamos las zonas de interacción de fácil acceso por los dedos y zonas de navegación Zona de fácil acceso Zona de navegación
  • 47. Los dispositivos táctiles con un modelo de interacción y contextos de uso totalmente distintos, influyen en la propia organización de contenidos, sistema de navegación e incluso en su representación visual, generando una nueva experiencia de uso en los sitios web.
  • 48. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegrete percy.negrete@pucp.edu.pe