UX for Mobile Developers

Complemento de UX/UI: Web Fundamentals

Transcript

1. UX Design For Mobile Developers
2. Design and Development Design Development
3. Qué es UX Summary 1. Qué es UX 2. Diferencia entre UX y UI 3. Dos tips para hacer android apps increíbles
4. Análisis de Google Now Anticipa la información que necesitas 1. UI -> Tarjetas con información clara, visibles 2. Ingeniería -> Tomaron la información exacta y correcta de varias fuentes; no se puede equivocar 3. UX -> Aprende a partir de que la usas, no necesita formularios
5. Tip 1: Log In El inicio de sesión es la primer cosa que ve el usuario cuando descarga tu app No tener uno, la mejor forma de registro es a través de otras redes.
6. Tip 2: Formularios de compra ... No usar forms, Usar métodos de pago te ayuda a ahorrar tiempo.
7. Wireframing o low res wireframing Focus en UX y en la idea central sin atraparnos en detalles de interfaz.
8. Test: Comprar galletas Pasos Registro Elegir Comprar Comer
9. Tu app favorita <3 ¿Por qué?
10. La app que no te gusta Cuenta en prezi 1. Busca una app que no te guste a. Cuándo, dónde y por qué no te gusta 2. Haz 2 wireframes en prezi a. El flujo actual de la app b. El flujo que debería tener para mejorar
11. La app que a mi me gusta Cuenta en prezi 1. Usa la aplicación que no me gusta 2. Construye una opinión propia a. Qué te gusta, qué no te gusta, qué cambiarías 3. Compartamos opiniones
12. User Centric Design Quién es nuestro usuario final, para quién está echa. 1. Personas & Casos de uso. 2. Persona + Caso de Uso -> Features.
13. Pizza App Quién es nuestro usuario final, para quién está echa. Las 3 features que harían perfecta a esta app :D
14. Pizza App Quién es nuestro usuario final, para quién está echa. User 1 1. Ingredientes de acuerdo a estación del año 2. Filtrar menú o hacer tu propia pizza 3. Pagar con Google Wallet User 2 1. Ordenar con un click, repetir pedido. 2. Historial de ordenes 3. Actualización en tiempo real en camino.
15. Pizza App Quién es nuestro usuario final, para quién está echa. ¿Cuáles son tus features favoritas? ¿Reflejan quién eres? ¿Son típicas en ti?
16. Superar sesgos de enfoque Quién es nuestro usuario final, para quién está echa. 1. Que tus preferencias no influyan en el diseño 2. No te distraigas pensando en las herramientas de diseño
17. Personas y casos de uso. Cómo diseñar una app enfocada a usuarios. Personas Representa a un grupo de usuarios reales para quién vas a optimizar tu producto. Casos de uso Escenario de cómo, cuándo y dónde usará el producto para realizar una tarea.
18. Persona y Casos de uso Estudiar la persona de un grupo de usuarios reales. ARY • Universitaria • Vive en dormitorio • No tiene mucho dinero • Se desvela Casos de uso • Ordena a las 4:00 AM • Ordena con amigos
19. Features favoritas. Ari creerá que la app está diseñada solo para ella. ARY • Universitaria • Vive en dormitorio • No tiene mucho dinero • Se desvela Features favoritas • Dividir precio • Servicio a domicilio • Recoger en la pizzería • Cupones • Nombre del repartidor • Múltiples modos de pago • Foto de los ingredientes
20. KIM • Project Manager • Usa su teléfono para trabajo • Coordina mucha gente • Usa un Nexus 5 • Solo wifi Ejercicio ... Feature Favorita • Fácil y rápido acceso a conversaciones • Autoresponder • Múltiples cuentas • Animaciones divertidas Qué mejoraría • Borrar mensajes por default • Saber que puede hacer offline • Facilidad de responder a todos • Menos frecuencia de sincronización
21. VIKA • Madre soltera • Sueldo mínimo • Cocina con lo que hay • Madruga y se acuesta temprano. Ejercicio ¿Qué features amaría Vika? Casos de uso • Trabajo extra le impide llegar temprano a casa, ordena pizza para sus hijas. • En fin de semana prefiere ordenar pizza para aprovechar tiempo libre en familia.
22. PAO • ? • ? • ? • ? Diseña la persona del usuario que mejor conoces: a ti Con base en la pizza app Casos de Uso • ? • ? • ?