ai, ui & ux do amor - parte 1

30
Oi gente, tudo bem? Vamos falar sobre AI, UI, UX <3?

Upload: bianca-trancoso

Post on 05-Aug-2015

164 views

Category:

Design


2 download

TRANSCRIPT

Page 1: AI, UI & UX do amor - parte 1

Oi gente, tudo bem?Vamos falar sobre AI, UI, UX <3?

Page 2: AI, UI & UX do amor - parte 1

RESUMO

Dois problemas:PRIMEIRO.

É um problema prático, com duas dicas.SEGUNDO.

É um problema mais abrangente, relacionado a conceitos e profissão.

Page 3: AI, UI & UX do amor - parte 1

PRIMEIRO PROBLEMA

Interfaces exploráveis

Page 4: AI, UI & UX do amor - parte 1

Deixe o usuário explorar(e duas dicas pra isso acontecer)

Page 5: AI, UI & UX do amor - parte 1

Às vezes acho que a gente projeta pro outro aquilo que irrita a nós mesmos,

como se o outro fosse um alienígena.

Page 6: AI, UI & UX do amor - parte 1

DICA UM: Não perturbe

O usuário deve poder explorar o programa sem interrupções.

EXEMPLOLightboxes perguntando toda hora se deseja realizar aquela ação. Se for uma ação rotineira é ainda mais insuportável.

Page 7: AI, UI & UX do amor - parte 1

Como "nós" fazemos?

Page 8: AI, UI & UX do amor - parte 1

Pop-up|

Page 9: AI, UI & UX do amor - parte 1

Tour|

Page 10: AI, UI & UX do amor - parte 1

Confirmação|

ps. presta atenção na conversa "Tentar novamente?", e eu respondo "Okay"??? Oi?

Page 11: AI, UI & UX do amor - parte 1

Me perturbando com pop-up?|

OBS no catraca atualizaram e melhoraram essa lightbox: antes ela aparecia logo ao abrir o site, hoje só depois de um tempo.Muito melhor desse jeito.

É comum logo ao abrir um site vir uma mega pop-up pedindo pra segui-lo. Saco! Deixe-me ver o conteúdo primeiro!

Outro problema é que poucas vezes é responsivo. Impossível fechar a lightbox no celular!

Page 12: AI, UI & UX do amor - parte 1

Me perturbando com o tour?|

Você acha mesmo que eu vou lembrar de tudo isso? É muita informação em um curto período. Eu quero experimentar primeiro, ter minhas dúvidas! O pior é que quando as dúvidas surgirem, não tem nada para me ajudar. O que poderia me ajudar são help-text contextuais, Q&A, por exemplo.

Page 13: AI, UI & UX do amor - parte 1

Vou logo ao exemplo. Ao arquivar uma mensagem, o gmail utiliza uma mensagem de feedback em amarelo discreta: "The conversation has been archived. Learn more Undo". Não te interrompe com um diálogo pra confirmar. O melhor é que também é possível "desfazer" a ação por ali. Sem traumas.

E a tal da confirmação?|

Page 14: AI, UI & UX do amor - parte 1

Não é o caso de pop-ups, tours, janelas de confirmação serem agentes do mal que nunca devam ser usados.

Porém, usa-se de maneira rotineira e indiscriminada, interrompendo de modo bem desagradável o uso.

Existem outros modos de fazer. Por que não quebrar um pouco a cabeça?

Page 15: AI, UI & UX do amor - parte 1

DICA DOIS: Não puna o usuário

O usuário não pode ter medo. As pessoas erram. Clicam em "não" quando na verdade queriam dizer "sim, quero salvar o arquivo".

EXEMPLOSe ao clicar em "deletar", ele não puder desfazer a ação, o usuário ficará com medo de deletar outro arquivo na próxima. Ele pode parar de usar o programa.

Page 16: AI, UI & UX do amor - parte 1

Waze e minha experiência traumática

No meu primeiro uso do Waze eu reportei polícia. Mas não tinha policiais ali. Eu apenas saí clicando em tudo até fazer alguma coisa no aplicativo. O problema é que lá não tem como retirar um alerta que você fez. Fiquei com vergonha.

OBS Depois que descobri que meu alerta não aparece no mapa dos outros, só quando mais pessoas reportam que aparece.

Page 17: AI, UI & UX do amor - parte 1

Não conheço o Waze a fundo. Pode ser que o fato do usuário não poder retirar um report que fez pode ter um objetivo obscuro por trás. Ou eles acharam que com tantas confirmações antes, ninguém erraria. Não sei. Não fui atrás.

Só vou falar dos "sentimentos": na hora não ficou claro pra mim que só apareceria quando outros usuários reportassem. E por isso, fiquei com medo. Fiquei um tempo sem usar.

É claro também que sendo uma função de uso não tão constante, eu voltei a usar. Se fosse uma ação mais rotineira, teria sido pior.

Page 18: AI, UI & UX do amor - parte 1

O ato de desfazer/refazer é uma das coisas mais maravilhosas da tecnologia.

Sério.

Page 19: AI, UI & UX do amor - parte 1

REVISÃO

É bacana, legal e tudo de bom o usuário poder explorar.

DICA UM: Não interrompa o usuárioDICA DOIS: Não deixe o usuário com medo

Deixa ele explorar, ser feliz.

Page 20: AI, UI & UX do amor - parte 1

SEGUNDO PROBLEMA

Entendendo o problema

Page 21: AI, UI & UX do amor - parte 1

Projetar:O quê? Pra quem?

Para o quê?

Page 22: AI, UI & UX do amor - parte 1

Para o cliente final ou interno? Front ou backoffice? Hotsite ou landing page? Sistema? Aplicativo ou web app? CRM, ERP, especialista ou apoio a decisão? Desktop, web, tablet, mobile, watch, toten?

Projetar...

Page 23: AI, UI & UX do amor - parte 1

DÚVIDA

No mercado vejo muitos designers atuando no front de hotsites e landing pages. Poucos em todas as outras

situações. O que acham disso: uma oportunidade perdida ou um mercado difícil de penetrar?

Page 24: AI, UI & UX do amor - parte 1

E afinal, qual o problema e como vou direcionar esse projeto?

Page 25: AI, UI & UX do amor - parte 1

É um processo de melhoria?

> Pesquisa de mercado

> Teste de usabilidade

> Análise heurística

Page 26: AI, UI & UX do amor - parte 1

> Pesquisa etnográfica

> Análise de requisitos

NOTA

Alguns acreditam que é só a partir da pesquisa etnográfica que a ‘inovação’ pode acontecer.

Ou de descobrimento?

Page 27: AI, UI & UX do amor - parte 1

Mas o cliente não

sabe o que quer”“

Page 28: AI, UI & UX do amor - parte 1

Ninguém entende seu negócio melhor que o próprio dono.

Se o cliente busca o seu conhecimento, ele sabe que existe um problema, só não sabe como atacá-lo.

É necessário um processo de descobrimento seu: entender qual o negócio do cliente e seu problema.

Cliente, o grande vilão

Page 29: AI, UI & UX do amor - parte 1

E assim termina!

Page 30: AI, UI & UX do amor - parte 1

That's all, [email protected]

Vila Velha, 2015