UX e UI - Experiência e Interface do Usuário

Post on 08-Jan-2017

242 views 2 download

Transcript of UX e UI - Experiência e Interface do Usuário

UX e UIInjeção de personalidade no seu brandingRENATO MELO - 2016

“Você deve começar com a experiência do usuário e depois ir para a tecnologia”

Usuário60+ - Máquina de escrever e TV

40+ - Computador, internet e DVD18+ - Tablet e smartphones – Heavy users

Novas Gerações vão surgir cada vez mais rápido

INTERNET ONTEM

Anúncios Sites Institucionais

INTERNET HOJE: INTEGRAÇÃOE CONVERSÃO

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

O CONCEITO

E-BRANDIN

G

UIUX

UXExperiência do Usuário

UX Design é o processo de aumentar a satisfação e

lealdade do cliente.

Como?Melhorando a usabilidade,

facilidade do uso e o prazer

proporcionado com a interação entre

consumidor e produto.

UX Design

Conteúdo

5 passos do UXEstratégia – Escopo – Estrutura –

Wireframe – Visual Design

BriefingPergunte, pergunte e

pergunte até esgotar suas dúvidas. O site deve

converter em vendas!

UXOs 7 mitos e erros mais comuns

User Experience é diferente de User

Interface

Você = Seu usuário

Usuário sempre sabe o que

quer

UX termina quando o usuário sai do site

Sua solução sempre vai funcionar

Eu li uma solução de um guruaqui na internet e...

Isso é impossível de fazer!

UXNa prática

#1 – Refaça todos os passosSimule e trace com sua equipe todos

os passos que um usuário pode percorrer no seu site.

#2 – Trace metas concretasO problema nunca será número de

visitas! Trace metas como aumentar número de leads, contatos,

orçamentos...

Design Responsivo e Disposição:Passou de

500 inscrições para 1200 por

mês

35% da operação do Call Center

existia apenas para responder uma demanda: Onde encontrar

a 2ª via do boleto.

#3 – Faça um protótipoAntes de ir ao ar, faça um protótipo

para ver se todo seu projeto caminhou bem

#4 – MétricasAvalie pouco a pouco seus resultados

via Google Analytics

#5 – TráfegoSEO, Google Adwords e Redes Sociais vão aumentar o seu tráfego. Mas eles irão sair se o site não tiver um layout que prenda sua atenção e converta.

UIInterface do Usuário

UI é o processo de guiar visualmente o usuário através da

interface de um produto, utilizando

elementos interativos e em

todos os tamanhos / plataformas.

O UI é o responsável

pela UX

UXOs 4 mitos e erros mais comuns

User Interface é diferente de design

Tudo tem que estar na área de destaque, acima dos 600 pixels

de altura.

Apostar sempre em técnicas aleatórias como: 3 cliques da homepage até o final resolve

tudo

Homepage é a parte mais importante, todos os usuários acessam seu site através dela.

UIIdeias para utilizar

#1 – AgruparAgrupe funções similares ao invés de

fragmentá-las.

#2 – Destaque a conversãoColoque cores e destaque somente a conversão. Tome cuidado para não

confundir e distrair seu usuário.

#3 – Menos é maisColoque nos campos de formulário

somente o necessário.

#4 – Excesso de linksSó use em caso de todos levarem ao

mesmo local. Tome cuidado em distrair demais seu usuário.

#5 – Call to Action?Troque “Cadastre-se agora” por

“Quero receber as melhores ofertas”, por exemplo

Design: A New EraTendências e presente

Mobile First!A maioria das visitas é por lá.

Minimalismo e Flat Design

Big Typography

Assim como sliders grandes

Infográficos

One page

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br