SlideShare una empresa de Scribd logo
Usabilidad en Mobile Apps




                            Lionel Ariel Fiszman
                             COO / Co-Founder
 Mobile App VS. WebApp.

                                      Cuestiones Técnicas, Fragmentación.

                                      Diferencias entre plataformas a nivel grafico.

                                      La usabilidad como concepto unido a todo el dispositivo

                                      Planeando una Mobile App.




Usabilidad Mobile Apps- Plewy 2012
App
                                     Web App
                                                             Mobile
                                       Se accede por el      Se accede luego de
                                         browser del          ser instalada en el
                                         dispositivo.             dispositivo




                                       Interfaz de usuario    Interfaz de usuario
                                      única para todos los   especifica para cada
                                          dispositivos.           dispositivo.




                                      Requiere conexión        Funciona Offline




                                                             Capacidades de uso
                                      Capacidades de uso
                                                                del dispositivo
                                        del dispositivo
                                                                    totales
                                          limitadas*
                                                             (cámara, GPS, etc.)


Usabilidad Mobile Apps- Plewy 2012
App
                                 Web App
                                                      Mobile
                                        Mediana
                                                      Alta velocidad
                                      velocidad de
                                                       de acceso.
                                        acceso.


                                                        Costo de
                                       Costo de
                                                        desarrollo
                                       desarrollo
                                                         menos
                                      económico.
                                                       económico.


                                     No requiere de   Requiere de un
                                     un Store para     store para su
                                      su acceso.       distribución*

Usabilidad Mobile Apps- Plewy 2012
Cada plataforma es distinta.



                       Sus capacidades y forma de uso son
                                   distintas.



                           El usuario es distinto.
Usabilidad Mobile Apps- Plewy 2012
###############       iOS      Android   BB

               Push Notifications    Yes      Yes       Yes

               Payments with         Yes      Yes       Yes
               Credit Card
               Paymets with          No       No        Yes
               Mobile Provider
               In App Purchases      Yes      Yes       Yes

               In App Purchases      Yes      No        Yes
               (Subscriptions)
               Dashboard             No       Yes       No
               Widgets
               Fragmentation         Little   High      Medium-Low

               Media Support         Little   Medium    Little

Usabilidad Mobile Apps- Plewy 2012
Requerimiento del cliente.




Usabilidad Mobile Apps- Plewy 2012
Usabilidad Mobile Apps- Plewy 2012
Preguntas a hacerse a la hora de pensar en una App nativa:

        • Cuál es mi idea?
        • En base a mi idea, las plataformas permiten desarrollar mi idea?
        • El usuario promedio de esa plataforma, está interesado por mi idea?

        Tips a tener en cuenta a la hora de diseñar

        • Diseñar en base al tipo de dispositivo/s que voy a apuntar.
        • Pensar en como aplicar mi idea para que sea intuitiva en cada plataforma
          (relación del usuario/ plataforma).
        • Aprovechar al máximo individualmente cada una de estas plataformas y sus
          capacidades.


Usabilidad Mobile Apps- Plewy 2012
Que es la fragmentación en mobile?

 Fragmentación es la incapacidad de reutilizar los mismos
esquemas gráficos y de diseño para distintos dispositivos en
                 una misma plataforma.



Usabilidad Mobile Apps- Plewy 2012
Variables a tener en cuenta (Por plataforma)



                 •   Versión del OS
                 •   Relación de aspecto
                 •   Tamaño de pantalla
                 •   Densidad.




Usabilidad Mobile Apps- Plewy 2012
iPhone
Usabilidad Mobile Apps- Plewy 2012
                                     iPad
Android




Usabilidad Mobile Apps- Plewy 2012
iOS (iPhone + iPad)




Usabilidad Mobile Apps- Plewy 2012
• Las plataformas son distintas y hay que utilizar al máximo sus
           ventajas, y respetar sus desventajas.
       • Tener en cuenta Smartphones / Tablets.
       • El usuario actúa distinto dependiendo de la plataforma y el tipo
           de dispositivo.
       • El usuario necesita estar cómodo con nuestra app, por lo cual
           debe ser intuitiva adaptándose a las normas de la plataforma.


Usabilidad Mobile Apps- Plewy 2012
Lionel Fiszman
                                                COO- Cofounder
                                                lfiszman@plewy.com
                                                @liofiszman

Introduction to the Mobile World - Plewy 2012

Más contenido relacionado

Similar a Plewy Usabilidad Mobile, OMD2012

Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
Diego Becerra
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
Wincler Percy Diaz Vilchez
 
APLICACIONES MÓVILES.pdf
APLICACIONES MÓVILES.pdfAPLICACIONES MÓVILES.pdf
APLICACIONES MÓVILES.pdf
RafaelAntonioDiazPal
 
Cómo definir una estrategia móvil para aseguradora web
Cómo definir una estrategia móvil para aseguradora webCómo definir una estrategia móvil para aseguradora web
Cómo definir una estrategia móvil para aseguradora web
SysOne
 
Usos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_movilesUsos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_moviles
Katherine Guerra
 
Las apps
Las appsLas apps
¿Cómo empezamos nuestra primera mobile app?
¿Cómo empezamos nuestra primera mobile app?¿Cómo empezamos nuestra primera mobile app?
¿Cómo empezamos nuestra primera mobile app?
Interlat
 
Las apps MI PPT
Las apps MI PPTLas apps MI PPT
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
Betsy Zavaleta
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
ALEX BOMB
 
Las apps
Las appsLas apps
Las apps
Las appsLas apps
Las apps
daniel140215
 
Aplicaciones Móviles
Aplicaciones MóvilesAplicaciones Móviles
Aplicaciones Móviles
Geo Monsiivaiiz
 
Tercer GYETECH
Tercer GYETECH Tercer GYETECH
Tercer GYETECH
Fernando Campaña
 
Las apps
Las appsLas apps
Las apps
jesus cordova
 
Google analytics y aplicaciones móviles
Google analytics y aplicaciones móvilesGoogle analytics y aplicaciones móviles
Google analytics y aplicaciones móviles
analisis-web.es
 
Las apps
Las appsLas apps
Las apps
Kimora1
 
Apps
AppsApps
Actividad 7.2 apps builder
Actividad 7.2   apps builderActividad 7.2   apps builder
Actividad 7.2 apps builder
josefinaguzman7
 
Desarrolla aplicaciones moviles
Desarrolla aplicaciones movilesDesarrolla aplicaciones moviles
Desarrolla aplicaciones moviles
AGisselOrtegaLazaren
 

Similar a Plewy Usabilidad Mobile, OMD2012 (20)

Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
APLICACIONES MÓVILES.pdf
APLICACIONES MÓVILES.pdfAPLICACIONES MÓVILES.pdf
APLICACIONES MÓVILES.pdf
 
Cómo definir una estrategia móvil para aseguradora web
Cómo definir una estrategia móvil para aseguradora webCómo definir una estrategia móvil para aseguradora web
Cómo definir una estrategia móvil para aseguradora web
 
Usos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_movilesUsos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_moviles
 
Las apps
Las appsLas apps
Las apps
 
¿Cómo empezamos nuestra primera mobile app?
¿Cómo empezamos nuestra primera mobile app?¿Cómo empezamos nuestra primera mobile app?
¿Cómo empezamos nuestra primera mobile app?
 
Las apps MI PPT
Las apps MI PPTLas apps MI PPT
Las apps MI PPT
 
¿QUE SON LAS APPS?
¿QUE SON LAS APPS?¿QUE SON LAS APPS?
¿QUE SON LAS APPS?
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Las apps
Las appsLas apps
Las apps
 
Las apps
Las appsLas apps
Las apps
 
Aplicaciones Móviles
Aplicaciones MóvilesAplicaciones Móviles
Aplicaciones Móviles
 
Tercer GYETECH
Tercer GYETECH Tercer GYETECH
Tercer GYETECH
 
Las apps
Las appsLas apps
Las apps
 
Google analytics y aplicaciones móviles
Google analytics y aplicaciones móvilesGoogle analytics y aplicaciones móviles
Google analytics y aplicaciones móviles
 
Las apps
Las appsLas apps
Las apps
 
Apps
AppsApps
Apps
 
Actividad 7.2 apps builder
Actividad 7.2   apps builderActividad 7.2   apps builder
Actividad 7.2 apps builder
 
Desarrolla aplicaciones moviles
Desarrolla aplicaciones movilesDesarrolla aplicaciones moviles
Desarrolla aplicaciones moviles
 

Último

Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2
SofaNava1
 
Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
Juan Carlos Gonzalez
 
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
RazeThefox
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
231485414
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
231458066
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
MaraJos722801
 
Programas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdfProgramas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdf
DiegoPinillo
 
Ingeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdfIngeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdf
Camila301231
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
AnaSofaRosmaya
 
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdfanalisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
RazeThefox
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
yessicacarrillo16
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
Guillermo Obispo San Román
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
KukiiSanchez
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......
m15918387
 
Excel Avanzado_ Diagrama de Pareto .pdf
Excel Avanzado_  Diagrama de Pareto .pdfExcel Avanzado_  Diagrama de Pareto .pdf
Excel Avanzado_ Diagrama de Pareto .pdf
IsabellaLugo3
 
Trabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdfTrabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdf
ElizabethAcostaQuinc
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
AdrianaRengifo14
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
edwinedsonsuyo
 

Último (20)

Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2
 
Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
 
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
 
El uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidianaEl uso de las TIC's en la vida cotidiana
El uso de las TIC's en la vida cotidiana
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
 
Programas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdfProgramas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdf
 
Ingeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdfIngeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdf
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
 
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdfanalisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......
 
Excel Avanzado_ Diagrama de Pareto .pdf
Excel Avanzado_  Diagrama de Pareto .pdfExcel Avanzado_  Diagrama de Pareto .pdf
Excel Avanzado_ Diagrama de Pareto .pdf
 
Trabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdfTrabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdf
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
 

Plewy Usabilidad Mobile, OMD2012

  • 1. Usabilidad en Mobile Apps Lionel Ariel Fiszman COO / Co-Founder
  • 2.  Mobile App VS. WebApp.  Cuestiones Técnicas, Fragmentación.  Diferencias entre plataformas a nivel grafico.  La usabilidad como concepto unido a todo el dispositivo  Planeando una Mobile App. Usabilidad Mobile Apps- Plewy 2012
  • 3. App Web App Mobile Se accede por el Se accede luego de browser del ser instalada en el dispositivo. dispositivo Interfaz de usuario Interfaz de usuario única para todos los especifica para cada dispositivos. dispositivo. Requiere conexión Funciona Offline Capacidades de uso Capacidades de uso del dispositivo del dispositivo totales limitadas* (cámara, GPS, etc.) Usabilidad Mobile Apps- Plewy 2012
  • 4. App Web App Mobile Mediana Alta velocidad velocidad de de acceso. acceso. Costo de Costo de desarrollo desarrollo menos económico. económico. No requiere de Requiere de un un Store para store para su su acceso. distribución* Usabilidad Mobile Apps- Plewy 2012
  • 5. Cada plataforma es distinta. Sus capacidades y forma de uso son distintas. El usuario es distinto. Usabilidad Mobile Apps- Plewy 2012
  • 6. ############### iOS Android BB Push Notifications Yes Yes Yes Payments with Yes Yes Yes Credit Card Paymets with No No Yes Mobile Provider In App Purchases Yes Yes Yes In App Purchases Yes No Yes (Subscriptions) Dashboard No Yes No Widgets Fragmentation Little High Medium-Low Media Support Little Medium Little Usabilidad Mobile Apps- Plewy 2012
  • 7. Requerimiento del cliente. Usabilidad Mobile Apps- Plewy 2012
  • 9. Preguntas a hacerse a la hora de pensar en una App nativa: • Cuál es mi idea? • En base a mi idea, las plataformas permiten desarrollar mi idea? • El usuario promedio de esa plataforma, está interesado por mi idea? Tips a tener en cuenta a la hora de diseñar • Diseñar en base al tipo de dispositivo/s que voy a apuntar. • Pensar en como aplicar mi idea para que sea intuitiva en cada plataforma (relación del usuario/ plataforma). • Aprovechar al máximo individualmente cada una de estas plataformas y sus capacidades. Usabilidad Mobile Apps- Plewy 2012
  • 10. Que es la fragmentación en mobile? Fragmentación es la incapacidad de reutilizar los mismos esquemas gráficos y de diseño para distintos dispositivos en una misma plataforma. Usabilidad Mobile Apps- Plewy 2012
  • 11. Variables a tener en cuenta (Por plataforma) • Versión del OS • Relación de aspecto • Tamaño de pantalla • Densidad. Usabilidad Mobile Apps- Plewy 2012
  • 14. iOS (iPhone + iPad) Usabilidad Mobile Apps- Plewy 2012
  • 15. • Las plataformas son distintas y hay que utilizar al máximo sus ventajas, y respetar sus desventajas. • Tener en cuenta Smartphones / Tablets. • El usuario actúa distinto dependiendo de la plataforma y el tipo de dispositivo. • El usuario necesita estar cómodo con nuestra app, por lo cual debe ser intuitiva adaptándose a las normas de la plataforma. Usabilidad Mobile Apps- Plewy 2012
  • 16. Lionel Fiszman COO- Cofounder lfiszman@plewy.com @liofiszman Introduction to the Mobile World - Plewy 2012