Fabiano Alves Planejamento Criação trespix.com

Transcrição

1 Fabiano Alves Planejamento Criação trespix.com

2 AI UI UX

3 AI Arquitetura da informação O Instituto de Arquitetura de Informação a define como a arte e a ciência de organizar e catalogar websites, intranets, comunidades online e software de modo que a usabilidade seja garantida.

4 AI Importância Arquitetura da informação é um componente crítico no planejamento de desolvimento de um e-commerce. ///Informações a todo momento. ///A experiência do usuário.

5 AI Contexto Público-Alvo AI Conteúdo

6 AI Estrutura A navegabilidade do usuário começa a ser estudada e mapeada. ///Wireframe ///Páginas Chave ///Hierarquia e Níveis

7 Estudos com Wireframes

8 Arquitetando O usuário precisa se localizar rapidamente ao entrar na loja, para facilitar o que está buscando.

9 Arquitetando

10 Arquitetando Boa organização, mas ao chegar no produto, cadê a informação que me leva a finalizar compra?

11 Páginas de Informações Home Contatos AI Departamento Departamento Categorias Categorias Categorias Contatos Produtos Produtos Produtos Produtos Detalhes do Produto Carrinho/Checkout

12 AI Ambiente NÃO planejado VS Planejado

13 AI SEO Um passo importante no planejamento da AI para os mecanismos de busca. ///Título da Página ///Meta Description ///URLs Amigáveis ///Conteúdo de Qualidade

14 Exemplos de URLs amigáveis Página Mapeamento da URL Exemplo Home Departamento Subcategoria

15 UI User Interface Ou Interface do Usuário é uma prática usada para definir tudo e todos os elementos de Design, que tem por objetivo guiar o usuário, oferecendo a melhor experiência. O que, onde e como os elementos reagem com o usuário. Neste conteúdo, trataremos do UI especificamente para o e-commerce.

16 UI Importância A primeira impressão é a que fica! ///Isso mesmo, o usuário precisa identificar de imediato o que é importante para ele ao entrar em uma loja virtual. ///Caso ele não identifique com facilidade o que deseja, ele pesquisará no concorrente.

17

18 Pontos importantes Seja Simples Fale a linguagem do Usuário Minimize possíveis erros Mantenha uma consistência

19

20 UI AI e UI Organizamos e mapeamos toda estrutura do e-commerce. E agora? ///Agora é a hora de darmos visual. ///Quais cores usar, call-to-actions, links e todos os elementos responsáveis por conversão de vendas. ///Ser claro e objetivo.

21 Menos clique e mais usabilidade Esta tela não precisava existir. Os passos para guiar o usuário precisam ser mais intuitivos e claros.

22 Menos clique e mais usabilidade A diferença é: quanto mais rápido ele conseguir finalizar a compra melhor.

23 Somente o necessário As pessoas são resistentes a tarefas muito demoradas. Ainda mais quando se trata de uma ambiente dispersivo como a internet. Então, vamos usar somente os campos necessários para sermos rápidos.

24 Links e Call-To-Action (CTA) Criar uma Página com X links é muito fácil, clique aqui, veja mais, etc, etc. MAS CUIDADO PARA NÃO DESFOCAR A DECISÃO DO USUÁRIO NO ATO DE COMPRA. Qualquer link acima do CTA Principal pode fazer com que perca uma venda.

25 Links e Call-To-Action (CTA) Viu a diferença? O CTA está mais visível e intuitivo para o usuário clicar.

26 UX User Experience Ou Experiência do Usuário é o processo para aumentar a satisfação e fidelização dos clientes, melhorando a usabilidade, facilidade de uso e o prazer proporcionado na interação entre o cliente e o produto. A reação dos usuários. O setimento invocado através do contéudo e Design.

27 UX Importância Os usuários precisam muito mais que um produto. ///Estamos cada vez mais exigentes. ///Conteúdo de Qualidade, gera engajamento e conhecimento. ///Concretizar a venda é importante, mas e depois?

28 Pontos importantes Todos precisamos saber como usar tal produto Imagens falam mais que 1000 palavras Benefícios, benefícios, benefícios. Emocional

29 UX UX AI Conteúdo UI Usuário

30 Usuários Experiências passadas Valores Emoções Motivação Autorealização Diferenças

31 UX Flexibilidade

32 Mobile Site

33 Responsivo Os brasileiros gastam em média, 6 horas na internet em computadores de mesa 2 horas em celulares e tablets. e notebooks. As vendas de tablets e smartphones cresceram Fonte: US Census Bureau, InternetWorldStats, CNNIC +103 milhões de Internautas Fonte: Ibope Media 142% e 122%, respectivamente. Fonte: Folha de S.Paulo

34 Qual a experiência que você quer passar para seus clientes ao comprar na sua loja virtual?

35 OBRIGADO