Princípios de UX para mobile

O Bruno Nobre da IADE, veio à aula #6 do ATP falar sobre os princípios de UX para mobile.

Transcript

1. Princípios de UX para Mobile Bruno Nobre bruno.nobre@universidadeeuropeia.pt
2. Android Training Program / Portugal Bruno Nobre / 2020 1 A User Experience “or the process of creating products that provide meaningful and relevant experiences to users.”
3. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
4. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
5. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
6. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
7. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
8. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
9. Android Training Program / Portugal Bruno Nobre / 2020 UX
10. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
11. Android Training Program / Portugal Bruno Nobre / 2020 UX
12. Android Training Program / Portugal Bruno Nobre / 2020 UX Bruno Nobre / 2018
13. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos O que é a User Experience?
14. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
15. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
16. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
17. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
18. Android Training Program / Portugal Bruno Nobre / 2020 UX Donald Norman professor emérito de ciência cognitiva na Universidade da Califórnia em San Diego e professor de ciência da computação na Universidade Northwestern.
19. Android Training Program / Portugal Bruno Nobre / 2020 UX “I wanted to cover all aspects of the person’s experience (…).” “I invented the term because I thought human interface and usability were too narrow.”
20. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos User Experience (UX) is a commitment to developing products and services with purpose, compassion, and integrity. It is the never-ending process of seeing the world from the customers’ perspective and working to improve the quality of their lives. WHITNEY HESS Empathy Coach
21. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
22. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos User Experience é uma abordagem A UX é uma experiência end-to-end que o cliente tem com uma empresa que inclui todos os produtos, serviços e comunicações. Não estando apenas limitada à interface de um produto digital. User-centered Design é um método O DCU é um processo que pretende envolver o utilizador em todas as fases do desenvolvimento de um produto. O DCU é um passo importante para alcançar uma experiência de utilização bem-sucedida. User Interface é um sistema de controlo Aqui, interface refere-se a como o utilizador controla o produto. Seja hardware ou software: ou seja, os botões, menus, janelas, ícones, etc., que permitem a interação com o sistema. O objetivo é sempre que esse controlo seja intuitivo e fácil de usar.
23. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos A UX remete para o Design Centrado no Utilizador e está presente na norma ISO 9241-210:2010: ✓ Posicionar o utilizador como o propósito central em todo o processo; ✓ Identificar os aspectos de design que são importantes para o público-alvo; ✓ Desenvolver o design de forma iterativa e trazer os utilizadores a participar nas várias fases inerentes; ✓ Recolher provas de factores específicos ao utilizador para ajudar no processo de design.
24. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
25. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos Roto et al. (2011) In Ux White Paper
26. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos Roto et al. (2011) In Ux White Paper
27. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
28. Android Training Program / Portugal Bruno Nobre / 2020 UX / Fundamentos
29. Android Training Program / Portugal Bruno Nobre / 2020 2 UX para Mobile “at the center of UI design patterns is the evolution of gestures and animations in mobile development.”
30. Android Training Program / Portugal Bruno Nobre / 2020 2.1 Inputs “users want to enter information quickly”
31. Android Training Program / Portugal Bruno Nobre / 2020 UX
32. Android Training Program / Portugal Bruno Nobre / 2020 UX
33. Android Training Program / Portugal Bruno Nobre / 2020 UX
34. Android Training Program / Portugal Bruno Nobre / 2020 UX Keyboard
35. Android Training Program / Portugal Bruno Nobre / 2020 UX Auto Complete
36. Android Training Program / Portugal Bruno Nobre / 2020 UX Lazy Signups
37. Android Training Program / Portugal Bruno Nobre / 2020 UX Social Signups
38. Android Training Program / Portugal Bruno Nobre / 2020 UX Big Buttons
39. Android Training Program / Portugal Bruno Nobre / 2020 UX Swipe (for actions)
40. Android Training Program / Portugal Bruno Nobre / 2020 UX Notifications
41. Android Training Program / Portugal Bruno Nobre / 2020 UX Secret Actions
42. Android Training Program / Portugal Bruno Nobre / 2020 UX Expandibles
43. Android Training Program / Portugal Bruno Nobre / 2020 2.2 Navegação “people rely on navigation first because it’s easier and faster to click on links than to use search”
44. Android Training Program / Portugal Bruno Nobre / 2020 UX Vertical
45. Android Training Program / Portugal Bruno Nobre / 2020 UX Overflows
46. Android Training Program / Portugal Bruno Nobre / 2020 UX Stickies
47. Android Training Program / Portugal Bruno Nobre / 2020 UX Pop Overs
48. Android Training Program / Portugal Bruno Nobre / 2020 UX Sidebars
49. Android Training Program / Portugal Bruno Nobre / 2020 2.3 Social “the integration of social media in user experience”
50. Android Training Program / Portugal Bruno Nobre / 2020 UX Like
51. Android Training Program / Portugal Bruno Nobre / 2020 UX Follow
52. Android Training Program / Portugal Bruno Nobre / 2020 UX Share
53. Android Training Program / Portugal Bruno Nobre / 2020 UX Vote to Promote
54. Android Training Program / Portugal Bruno Nobre / 2020 UX Direct Messaging
55. Android Training Program / Portugal Bruno Nobre / 2020 UX Find & Invite
56. Android Training Program / Portugal Bruno Nobre / 2020 3 Design Guidelines at the center of UI design patterns is the evolution of gestures and animations in mobile development.
57. Android Training Program / Portugal Bruno Nobre / 2020 UX Google Mobile App UX Principles
58. Android Training Program / Portugal Bruno Nobre / 2020 UX UI Patterns
59. Android Training Program / Portugal Bruno Nobre / 2020 UX UI Patterns Material Design define as qualidades que podem ser expressas por regiões, superfícies e componentes da UI, usando fundamentos que abordam o design de uma perspectiva ampla e detalhada. https://material.io/design/
60. Android Training Program / Portugal Bruno Nobre / 2020 UX UI Patterns Material Design para Android guia abrangente para design visual, de animação e interação em plataformas e dispositivos https://developer.android.com/guide/topics/ui/look-and-feel
61. Android Training Program / Portugal Bruno Nobre / 2020 https://www.ustwo.com/blog/ the-pixel-perfect-precision-handbook
62. Android Training Program / Portugal Bruno Nobre / 2020 Obrigado! bruno.nobre@universidadeeuropeia.pt