$30 off During Our Annual Pro Sale. View Details »

Princípios de UX para mobile

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.

ATP Portugal

November 18, 2020
Tweet

More Decks by ATP Portugal

Other Decks in Education

Transcript

  1. Princípios de
    UX para Mobile
    Bruno Nobre
    [email protected]

    View Slide

  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.”

    View Slide

  3. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  4. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  5. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  6. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  7. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  8. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  9. Android Training Program / Portugal Bruno Nobre / 2020
    UX

    View Slide

  10. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  11. Android Training Program / Portugal Bruno Nobre / 2020
    UX

    View Slide

  12. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Bruno Nobre / 2018

    View Slide

  13. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos
    O que é a
    User Experience?

    View Slide

  14. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  15. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  16. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  17. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  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.

    View Slide

  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.”

    View Slide

  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

    View Slide

  21. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  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.

    View Slide

  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.

    View Slide

  24. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  25. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos
    Roto et al. (2011)
    In Ux White Paper

    View Slide

  26. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos
    Roto et al. (2011)
    In Ux White Paper

    View Slide

  27. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  28. Android Training Program / Portugal Bruno Nobre / 2020
    UX / Fundamentos

    View Slide

  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.”

    View Slide

  30. Android Training Program / Portugal Bruno Nobre / 2020
    2.1
    Inputs
    “users want to enter information quickly”

    View Slide

  31. Android Training Program / Portugal Bruno Nobre / 2020
    UX

    View Slide

  32. Android Training Program / Portugal Bruno Nobre / 2020
    UX

    View Slide

  33. Android Training Program / Portugal Bruno Nobre / 2020
    UX

    View Slide

  34. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Keyboard

    View Slide

  35. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Auto Complete

    View Slide

  36. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Lazy Signups

    View Slide

  37. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Social Signups

    View Slide

  38. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Big Buttons

    View Slide

  39. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Swipe (for actions)

    View Slide

  40. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Notifications

    View Slide

  41. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Secret Actions

    View Slide

  42. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Expandibles

    View Slide

  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”

    View Slide

  44. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Vertical

    View Slide

  45. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Overflows

    View Slide

  46. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Stickies

    View Slide

  47. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Pop Overs

    View Slide

  48. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Sidebars

    View Slide

  49. Android Training Program / Portugal Bruno Nobre / 2020
    2.3
    Social
    “the integration of social media in user experience”

    View Slide

  50. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Like

    View Slide

  51. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Follow

    View Slide

  52. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Share

    View Slide

  53. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Vote to Promote

    View Slide

  54. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Direct Messaging

    View Slide

  55. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Find & Invite

    View Slide

  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.

    View Slide

  57. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    Google
    Mobile App
    UX Principles

    View Slide

  58. Android Training Program / Portugal Bruno Nobre / 2020
    UX
    UI Patterns

    View Slide

  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/

    View Slide

  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

    View Slide

  61. Android Training Program / Portugal Bruno Nobre / 2020
    https://www.ustwo.com/blog/
    the-pixel-perfect-precision-handbook

    View Slide

  62. Android Training Program / Portugal Bruno Nobre / 2020
    Obrigado!
    [email protected]

    View Slide