Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Diseño para Desarrolladores Móviles!

Diseño para Desarrolladores Móviles!

Charla para la Universidad Global, se tratan los temas UI vs UX, diseño centrado en el usuario, diseño móvil.

Fahed Hermoza

November 15, 2016
Tweet

More Decks by Fahed Hermoza

Other Decks in Programming

Transcript

  1. Un poco de mi persona Estudiante de la Carrera Profesional

    de Ingeniería Informática y de Sistemas –UNSAAC. Programador Android con 2 años de experiencia. Integrante de la Empresa Dev Art (Desarrollando Arte). Actualmente Director jefe de desarrollo Móvil en el proyecto Perú Event.
  2. UX vs UI UX (Experiencia de Usuario): Una buena UX

    debería alegrar a tus usuarios y alegrarte a ti. UI (Interfaz de Usuario): Medio con el cual el usuario puede comunicarse.
  3. UX vs UI Una app debe tener: -Interfaz de usuario.(limpio

    y fácil de ver) -Ingeniería(información exacta). -Diseño interactivo(reproducción automática).
  4. UX vs UI Pregunta 1 ¿Qué aplicación te ha impresionado

    con una experiencia de usuario asombrosa?
  5. Diseño Centrado en el Usuario ¿Cuales son las 3 características

    principales que pondrias a tu app de pizza? -Recomendación de pizzas por locales. -Historial de mis pedidos -Pagar con Google Wallet
  6. Diseño centrado en el Usuario Cada persona tiene un enfoque

    diferente , así que podemos hacer lo siguiente para tener una app de pizza perfecta. A) Combinar todos. B) Elegir uno. C) Personas y casos de uso
  7. Diseño centrado en el Usuario Personas = Representante de un

    grupo de usuario reales de un producto,para quienes la UX va ser optimizada. Caso de Uso = Escenario de cómo, cuando y donde una persona usaría tu producto para realizar una tarea.
  8. Diseño centrado en el Usuario SASHA (Personas) Estudiante universitaria. No

    tiene mucho dinero. Vive en el campus No tiene coche Cuarto de Sasha (Caso de Uso) Ordenar a las 11:00 p.m. Hacer un pedido en grupo con sus amigos.
  9. Diseño centrado en el Usuario ¿Lista de Características para Sasha?

    A. Dividir la cuenta B. Delivery C. Recoger en el local D. Descuentos E. Opciones de Pago F. Fotos de Calidad de los Ingredientes G. Saber qué agricultor hizo la masa
  10. Diseño Móvil Web/Desktop -Siempre conectado a la corriente. -Conexión constante

    y rápida a internet. -Pantalla Grande. -Teclado y mouse físico. -Sentado es con toda la atención.
  11. Diseño Móvil Móvil -Plan de datos y batería limitadas. -Atención

    dividida. -Handedness. -Pantalla Pequeña. -Conexión intermitente.
  12. Diseño Móvil Plan de datos y batería limitadas -Muchas veces

    nos encontramos con apps que drenan nuestra batería, un ejemplo seria Facebook. -También apps que utilizan demasiados datos, un ejemplo sería Netflix.
  13. Diseño Móvil Atención dividida -Las personas hacen muchas cosas a

    la vez, por lo cual nuestra app debería adaptarse a ello.
  14. Diseño Móvil Handedness -Nos referimos al uso de la mano

    en dispositivos móviles. Pantalla Pequeña -Lo más obvio en este tipo de dispositivos, las tablets no se limitan tanto a las pantallas pequeñas.