Mais do que uma logo, uma marca é um conjunto de experiências e relações entre cliente e empresa que podem definir o sucesso de um negócio. Nessa conversa, Gustavo Vitulo mostra como os valores de uma marca e todos os seus componentes - cores, tipografia, tom de voz, guias de estilo e outros - podem transformar uma interface apenas funcional em uma interface amável, passando por conceitos e exemplos da arquitetura de informação, User eXperience (UX) e usabilidade. http://www.vitulo.com.br

1. Metodologia e Arte das Miçangas II
Como ir para a praia e vender a
sua arte, vivendo das coisas que
a natureza te dá
Palestra sobre

2. Brinks

3. Experiência do usuário e
Experiência de marca
Como designers e desenvolvedores podem se juntar para lidar
com as dores do usuário e trazer experiências bem legais :)
Gustavo Vitulo // 2016

4. Gustavo Vitulo
conheça meu trabalho em: www.vitulo.com.br
Freelancer @ Vitulo.com.br
Co-Founder @ TáPronto
Diretor de Arte @ ETA
Designer @ Quartel Design
Honor Mentions: Telemensagens Tok de Amor
/gustavovitulo /gustavovitulo

6. Designer de
Experiência do Usuário
Telemensagens Tok de Amor
- Soltava foguetes
- Controlava o CD Player
- Entregava o buquê pra aniversariante
- Atendia as ligações
- Acompanhava minha mãe
- Era o motoboy
(fui procurado pelo Google)
Primeiro job

7. Errado

8. Pensar o que você acha que é legal
O que o seu usuário sente que é legal
≠

9. "UX é a
sua mãe"
- Pensava no usuário
- Não tava nem aí se era brega
- Fazia todo mundo chorar

10. “Fazer UX” é se
preocupar com:
Aspectos práticos: Utilidade, facilidade de uso, eficiência (performance).
Aspectos cognitivos: Valor afetivo, percepções e comportamento.
… e em COMO, QUANDO, ONDE, PORQUE e
QUEM está usando uma determinada interface.

11. Experiência do usuário
não é interface bonitinha
- Não é tangível, visual ou física
- Pode ser criada através de artefatos que
possibilitem interações com o usuário

12. - Não é tangível, visual ou física
- Contempla a relação dos usuários da
marca com todos os pontos de contato
Identidade de marca
não é logo bonitinho
(judite?)

13. User Experience Design
Objetivos de
negócio
Necessidades
do usuário
Brand Design
Tecnologia

14. Método dos dois diamantes
DISCOVER DEFINE DESIGN DELIVER

15. Experiência do usuário
é um dos principais fatores
para levar uma empresa ao
sucesso
Quer um exemplo?

17. Experiência do usuário é
experiência de marca
Resumindo…

18. E no final, tudo envolve percepção…
- A maneira como alguém conhece a sua marca
- A maneira como alguém usa o seu site
- A maneira como alguém compra o seu produto
- A maneira como esse produto chega na casa do cliente
- A maneira como ele é tratado caso tenha algum problema
- A maneira como ele é fidelizado

19. MAS EM QUAL PARTE
VOCÊS ENTRAM?

20. EM TODAS!

21. O time de design e desenvolvimento
deve trabalhar de maneira integrada
para garantir a melhor experiência
do usuário possível

22. Como?
Fazendo pesquisas com o usuário
Definindo requisitos
Utilizando metodologias ágeis
Prototipando
Lean UX (MVPs)
Criando style guides

23. The button test
Quando UI e Branding se juntam para criar padrões

25. Google

27. Facebook

29. Windows 8/10

31. Amazon

33. GitHub

34. Use uma mãe/tia/avó/etc
Se ela não conseguir entender a sua interface,
provavelmente outros também não conseguirão.
theuserismymon.com

35. E quando a interface é
desenhada pelo próprio
usuário?
Drawit, a drawable user interface

36. O que vem por aí
(ou o que já está aí)
- Menos interfaces gráficas, mais experiências;
- Menos pixels, menos layouts, mais dev e programação;
- Internet of Things (IoT);
Fechadura inteligente Lockitron
Primeira versão Versão final

37. “A picture is worth a
thousand words. An
interface is worth a
thousand pictures.”
Ben Shneiderman

38. Apps&Websites&
Tools&etc
Product Hunt (salvem como homepage plis)
producthunt.com

39. Apps&Websites&
Tools&etc
Hotjar
hotjar.com

40. Apps&Websites&
Tools&etc
Frontify
frontify.com

41. Apps&Websites&
Tools&etc
Think with Google
thinkwithgoogle.com

42. Apps&Websites&
Tools&etc
UX Tools
uxtools.co

43. vlw&flw
www.vitulo.com.br