29
UX DESIGN para developers USER EXPERIENCE

Ux para desenvolvedores

Embed Size (px)

Citation preview

UX DESIGN para developers

US

ER E

XP

ERIE

NC

E

QUEM?

caioalcantara: {

"Mobile Developer","Baiano","Apaixonado por tecnologia e mobilidade","Facilitador Android Study Jams - Google"

};

CONCEITOS DE UX DESIGN

Foque no usuário e não na máquinaPense no produto

" Experiência.equals(permanência) = true "

PARTICIPAÇÃO D@ DEV

Preocupe-se com o produto.Entenda o ambiente.

CONTRIBUIÇÃO D@ DEV

• Carregamento em background

• Feedback pro usuário + response touch

• Salve a bateria do brother (Na moral, né?)

• Se ligue no 3G (Nem todo mundo tem franquia 4G)

PERFOMANCE É UX

Era bonitinho... maaas travou e ficou óó?

X DESIGNER É SEU AMIGX

Não corte as asas dx designer e sim direcione o seu vôo!Seja paciente, explique noções e viabilidades técnicas.

Juntos vocês pensarão em uma solução boa para ambos!

JUNTOS SOMOS MAIS FORTES!

Entenda, associe, discuta e opine!

NÃO TENHA VERGONHA DOS SEUS DESENHOS

Bonecos de palito, quadrados retângulos e círculos ovais são aceitos.

IMAGINE, VIAJE, SURPREENDA-SE

Pense "Ao infinito e além!";Saia da sua zona de conforto;Pesquise;Veja tendências!

ASSUMA AS SUAS DIFICULDADES

É comum para umx desenvolvedorx possuir dificuldades em criar/pensar experiências de interface

UX PARA DEV, DEV PARA UX

Essa é uma estrada de mão dupla, abusem da comunicação!

TÁ, CHEGA DE PAPO!

Existem algumas técnicas e pontos que são interessantes de serem explorados

na construção de uma boa UX.

CONTEXTO

Lembra daquela parte que dissemos: “Entenda o ambiente?”

Desenvolva as ações e fluxos respeitando e preocupando-se em reforçar o contexto da app.

INTELIGÊNCIA ARTIFICIAL (AI)

Seu App/Site precisa ser capaz de manter uma comunicação com usuário, aprender com ele,

sugerir o que ele precisa antes mesmo dele saber que precisa.

MICROTEXTOS

Utilize-se de termos que conversem com o usuário, crie um vinculo dele com a sua app.

O conjunto de um microtexto (chamada) e uma frase de apoio consistente dará o pontapé inicial da experiência

do seu usuário dentro da sua app.

VISÃO PERIFÉRICA

"Fulano acabou de entrar (MSN)"

Push notifications bar.

CUIDADO COM AS CORES!

FEEDBACKS

Deu ruim? AVISE

Tá tranquilo? AVISE

Tá favorável? AVISE

Incerteza gera insatisfação!

CONSISTÊNCIA

Uma ação deve manter o seu comportamento durante toda a aplicação

ORGANICIDADE

As ações e pontos de contato devem ser intuitivos o bastante para que o usuário não

precise lembrar e um comando/passo específico.

PERSONALIZE O SEU WIZARD

Acompanhe o usuário, mostre a ele o que fazer e deixe claro o objetivo daquela ação,

mas deixe que ele decida como fazer.

MINIFIQUE AS TAREFAS

Mais passos pequenos costumam ser mais eficientes que menos passos

grandes

CATEGORIZE

A arquitetura da informação é importante!

Menos conteúdo não significa menos informação.

A sensação de familiaridade dá conforto ao usuário. Então por que não utilizar os padrões existentes do sistema, fluxos

de navegabilidade?

Implemente o seu diferencial mas sempre referencie um comportamento que o usuário possa associar!

E muito (é sério, muito mesmo) importante… Leia guide lines!!

UTILIZE OS PADRÕES

RESTRINJA SOMENTE QUANDO NECESSÁRIO

Só barre o usuário quando não tiver jeito.

SEJA O PSICÓLOGO DO SEU USUÁRIO!

Ele precisa de você!

Obrigado! ;)

Feedbacks, conforme vimos, são bem vindos, então… Deixa o seu!

EMAIL

[email protected]

FACEBOOK & LINKEDIN

Caio Lucas Alcântara