Princípios de UX para mobile

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

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

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

Bruno Nobre / 2018

/ Fundamentos O que é a User Experience?

/ Fundamentos

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.

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

/ 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

/ Fundamentos

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

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

/ Fundamentos

/ Fundamentos Roto et al. (2011) In Ux White Paper

/ Fundamentos

UX para Mobile “at the center of UI design patterns is the evolution of gestures and animations in mobile development.”

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

Keyboard

Auto Complete

Lazy Signups

Social Signups

Big Buttons

Swipe (for actions)

Notifications

Secret Actions

Expandibles

Navegação “people rely on navigation first because it’s easier and faster to click on links than to use search”

Vertical

Overflows

Stickies

Pop Overs

Sidebars

Social “the integration of social media in user experience”

Like

Follow

Share

Vote to Promote

Direct Messaging

Find & Invite

Design Guidelines at the center of UI design patterns is the evolution of gestures and animations in mobile development.

Google Mobile App UX Principles

UI Patterns

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/

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

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

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

Princípios de UX para mobile

Princípios de UX para mobile

More Decks by ATP Portugal

Other Decks in Education

Featured

Transcript