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

Princípios de UX para mobile

9e9eb825c69d719f2d3c32bdd3bc971e?s=47 ATP Portugal
November 18, 2020

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.

9e9eb825c69d719f2d3c32bdd3bc971e?s=128

ATP Portugal

November 18, 2020
Tweet

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