SlideShare ist ein Scribd-Unternehmen logo
1 von 2
Downloaden Sie, um offline zu lesen
Sites adequados para celular são desenvolvidos para as telas
10 PRÁTICAS                                                pequenas e os recursos de dispositivos móveis. Mas ser adequado
                                                           para celular é mais do que apenas caber na tela. Nossas 10
RECOMENDADAS PARA                                          práticas recomendadas para sites para celular apontam coisas
                                                           importantes que você pode fazer de forma que seu site ofereça
SITES PARA CELULAR                                         uma excelente experiência para os usuários de celular.

  1. SEJA RÁPIDO                                                            4. OFEREÇA VISIBILIDADE
  Usuários de celular geralmente têm pouco tempo                            Um site adequado para celular transmite sua
  e encaixam tarefas on-line entre os compromissos do                       mensagem sem cansar a vista dos usuários. Facilite
  dia. Para ajudá-los, desenvolva um site que carregue                      a leitura para seus clientes. Lembre-se de que eles
  rápido e tenha textos fáceis de ler.                                      podem estar em um ambiente com pouca luz.

      Priorize conteúdo e recursos de que os usuários                           Crie contraste entre o plano de fundo e o texto.
      de celular mais precisam.                                                 Verifique se o conteúdo cabe na tela e pode ser
      Use as ferramentas de análise de seu site para                            lido sem ampliar.
      computador para ver o que os usuários de celular                          Use bastante espaço negativo.
      estão fazendo.
                                                                                Use tamanhos e cores para indicar a prioridade
      Reduza grandes blocos de texto e use itens com                            de links/botões.
      marcadores para facilitar a leitura.
      Compacte imagens de forma que elas fiquem                              5. TORNE-O ACESSÍVEL
      pequenas para que o site carregue mais rápido.                        O ideal é que seu site para celular funcione em todos
                                                                            os dispositivos móveis e todas as orientações em que
  2. SIMPLIFIQUE A NAVEGAÇÃO                                                eles estiverem. Encontre alternativas ao Flash. Ele não
  Ninguém gosta de coisas confusas. Uma navegação                           funciona em alguns dispositivos.
  clara e a funcionalidade de pesquisa, em sites grandes
  ou complexos, ajudarão seus clientes a encontrar o que                        Use HTML5 para interatividade e animações.
  precisam.                                                                     Adapte seu site para as orientações vertical
                                                                                e horizontal.
      Minimize a rolagem e mantenha um visual
      apenas vertical.                                                          Mantenha os usuários no mesmo lugar quando
                                                                                mudarem a orientação.
      Use uma hierarquia clara em menus e evite
      rollovers.
                                                                            6. FACILITE A CONVERSÃO
      Ajude os usuários a navegar entre os níveis com               ke      Seja qual for o objetivo de seu site, seus clientes
      botões “voltar” e “início” em destaque.                               precisam ser capazes de atingi-lo com um teclado
      Use até sete links por página de navegação.                           virtual e sem o mouse. Fazer compras ou entrar em
                                                                            contato deve ser fácil.
      Deixe sempre uma caixa de pesquisa em
      destaque em sites complexos.                                              Enfatize as informações que ajudarão a gerar
                                                                                conversões (por exemplo, detalhes de produtos).
  3. LEMBRE-SE DOS POLEGARES                                                    Reduza o número de etapas necessárias para
  As pessoas usam seus dedos para manusear                                      concluir uma transação.
  dispositivos móveis, especialmente os polegares.
  Desenvolva um site que permita uma fácil interação,                           Mantenha os formulários pequenos e use
  mesmo com as mãos mais volumosas.                                             o menor número de campos possível.

      Use botões grandes e centralizados                                        Use caixas de seleção, listas e menus de
      e proporcione espaço extra para evitar cliques                            rolagem para facilitar a entrada de dados.
      acidentais.                                                               Use a funcionalidade clique para ligar para todos
      Aumente os botões menores para aumentar                                   os números de telefone.
      a área clicável.
      Aumente a área das caixas de seleção tornando os
      textos clicáveis.
7. FAÇA COM QUE SEJA LOCAL                             9. USE REDIRECIONAMENTOS
Consumidores procuram informações locais em seus       PARA O SITE PARA CELULAR
telefones o tempo todo, desde encontrar o posto de     Um redirecionamento para o site para celular é um
gasolina mais próximo até achar uma pizzaria aberta.   código que pode informar se os visitantes estão
Inclua funcionalidades que ajudam as pessoas           usando um dispositivo móvel e enviá-los para
a encontrar e chegar até você.                         a versão de seu site adequada para celular de forma
                                                       automática. Peça que o desenvolvedor do site
    Exiba seu endereço ou um localizador de lojas      implemente esse código de redirecionamento para que
    na página de destino.                              seus clientes tenham acesso à melhor versão de seu
    Inclua mapas e orientações. Use GPS para           site de acordo com suas necessidades.
    personalizar sempre que possível.
                                                           Dê aos usuários a escolha de voltar para o site
    Permita que os usuários verifiquem estoques             para computador, mas facilite o retorno para
    e lojas próximas.                                      o site para celular.
                                                           Deixe que os usuários escolham qual versão
8. OFEREÇA UMA EXPERIÊNCIA                                 eles preferem ver nas próximas visitas.
PERFEITA                                                   Inclua informações importantes, como seu
Atualmente as pessoas usam várias telas durante            endereço ou um localizador de lojas, na página
o dia. Converta para o site para celular o maior           de redirecionamento.
número possível de funcionalidades do site para
computador, criando uma experiência perfeita.
                                                       10. ESCUTE, APRENDA E REPITA
    Permita que os usuários salvem pesquisas           Bons sites para celular são voltados para o usuário,
    comuns e os itens no carrinho de compras.          o que significa que eles foram desenvolvidos com base
                                                       em informações do público-alvo. Pergunte aos usuários
    Mantenha os principais recursos do site em         de seu site para computador o que eles querem em
    todos os canais o máximo possível.                 um website para celular e execute testes e otimizações
                                                       como processos contínuos.
    Exiba as mesmas informações sobre produtos/
                                                           Use uma ferramenta de análise para
    serviços.
                                                           compreender como as pessoas usam seu site.
                                                           Se possível, especialmente para sites
                                                           complexos, faça antes um teste com os
                                                           usuários.
                                                           Implemente e colete comentários dos usuários
                                                           após o lançamento.
                                                           Repita com frequência e melhore seu site com
                                                           base em pesquisas de forma contínua.

Weitere ähnliche Inhalte

Ähnlich wie 10 práticas recomendadas para celular

Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
Ygor Castro
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
Jonas Henrique
 
Capitulo 9: Plataforma e postura
Capitulo 9: Plataforma e posturaCapitulo 9: Plataforma e postura
Capitulo 9: Plataforma e postura
Davi Ramos
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
Claudio Toldo
 
Plano para website
Plano para websitePlano para website
Plano para website
Joel Matos
 

Ähnlich wie 10 práticas recomendadas para celular (20)

Responsive wordpress
Responsive wordpressResponsive wordpress
Responsive wordpress
 
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014
 
Aprendizagem em iPads - 10 ideias brilhantes
Aprendizagem em iPads - 10 ideias brilhantesAprendizagem em iPads - 10 ideias brilhantes
Aprendizagem em iPads - 10 ideias brilhantes
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para Mobile
 
Progressive Web Apps - MeetUp MobileDevBH
Progressive Web Apps - MeetUp MobileDevBHProgressive Web Apps - MeetUp MobileDevBH
Progressive Web Apps - MeetUp MobileDevBH
 
Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)Guia de Otimização de Performance de Sites (Page Speed)
Guia de Otimização de Performance de Sites (Page Speed)
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
 
Capitulo 11 Livro Nielsen
Capitulo 11 Livro NielsenCapitulo 11 Livro Nielsen
Capitulo 11 Livro Nielsen
 
Desenvolvendo o produto
Desenvolvendo o produtoDesenvolvendo o produto
Desenvolvendo o produto
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
Melhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento WebMelhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento Web
 
Capitulo 9: Plataforma e postura
Capitulo 9: Plataforma e posturaCapitulo 9: Plataforma e postura
Capitulo 9: Plataforma e postura
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
ihc-aula11-auladecores-161024164037.pdf
ihc-aula11-auladecores-161024164037.pdfihc-aula11-auladecores-161024164037.pdf
ihc-aula11-auladecores-161024164037.pdf
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Desenvolvendo apps para windows 8
Desenvolvendo apps para windows 8Desenvolvendo apps para windows 8
Desenvolvendo apps para windows 8
 
Responsive Web Design - UX
Responsive Web Design - UXResponsive Web Design - UX
Responsive Web Design - UX
 
Plano para website
Plano para websitePlano para website
Plano para website
 

Mehr von Ricardo Zacho

Curso de Google Adwords Básico EAD Ricardo Zacho
Curso de Google Adwords Básico EAD Ricardo ZachoCurso de Google Adwords Básico EAD Ricardo Zacho
Curso de Google Adwords Básico EAD Ricardo Zacho
Ricardo Zacho
 
Links patrocinados-um-pouco-de-seo-m zclick
Links patrocinados-um-pouco-de-seo-m zclickLinks patrocinados-um-pouco-de-seo-m zclick
Links patrocinados-um-pouco-de-seo-m zclick
Ricardo Zacho
 
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das MãesComércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
Ricardo Zacho
 
Ace Guarulhos - Ricardo Zacho - MZclick Media
Ace Guarulhos - Ricardo Zacho - MZclick MediaAce Guarulhos - Ricardo Zacho - MZclick Media
Ace Guarulhos - Ricardo Zacho - MZclick Media
Ricardo Zacho
 

Mehr von Ricardo Zacho (14)

Big data - ESPM - Zacho
Big data - ESPM - ZachoBig data - ESPM - Zacho
Big data - ESPM - Zacho
 
Curso de SEO grátis MZclick
Curso de SEO grátis MZclickCurso de SEO grátis MZclick
Curso de SEO grátis MZclick
 
Como configurar o Google Analytics
Como configurar o Google AnalyticsComo configurar o Google Analytics
Como configurar o Google Analytics
 
Curso de seo e links patrocinados
Curso de seo e links patrocinadosCurso de seo e links patrocinados
Curso de seo e links patrocinados
 
Curso marketing digital de performance
Curso marketing digital de performanceCurso marketing digital de performance
Curso marketing digital de performance
 
Manual palavras negativas no Email Marketing
Manual palavras negativas no Email MarketingManual palavras negativas no Email Marketing
Manual palavras negativas no Email Marketing
 
Curso de Google Adwords com Ricardo Zacho
Curso de Google Adwords com Ricardo ZachoCurso de Google Adwords com Ricardo Zacho
Curso de Google Adwords com Ricardo Zacho
 
Curso de Google Adwords Básico EAD Ricardo Zacho
Curso de Google Adwords Básico EAD Ricardo ZachoCurso de Google Adwords Básico EAD Ricardo Zacho
Curso de Google Adwords Básico EAD Ricardo Zacho
 
Links patrocinados-um-pouco-de-seo-m zclick
Links patrocinados-um-pouco-de-seo-m zclickLinks patrocinados-um-pouco-de-seo-m zclick
Links patrocinados-um-pouco-de-seo-m zclick
 
ACE Guarulhos - Comércio eletrônico - Como potencializar suas vendas por este...
ACE Guarulhos - Comércio eletrônico - Como potencializar suas vendas por este...ACE Guarulhos - Comércio eletrônico - Como potencializar suas vendas por este...
ACE Guarulhos - Comércio eletrônico - Como potencializar suas vendas por este...
 
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das MãesComércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
Comércio Eletrônico: Inicie suas vendas pela Internet para o Dia das Mães
 
Venda pela internet neste Natal: Loja virtual e Marketing Digital
Venda pela internet neste Natal: Loja virtual e Marketing DigitalVenda pela internet neste Natal: Loja virtual e Marketing Digital
Venda pela internet neste Natal: Loja virtual e Marketing Digital
 
Como converter vendas com links patrocinados
Como converter vendas com links patrocinadosComo converter vendas com links patrocinados
Como converter vendas com links patrocinados
 
Ace Guarulhos - Ricardo Zacho - MZclick Media
Ace Guarulhos - Ricardo Zacho - MZclick MediaAce Guarulhos - Ricardo Zacho - MZclick Media
Ace Guarulhos - Ricardo Zacho - MZclick Media
 

10 práticas recomendadas para celular

  • 1. Sites adequados para celular são desenvolvidos para as telas 10 PRÁTICAS pequenas e os recursos de dispositivos móveis. Mas ser adequado para celular é mais do que apenas caber na tela. Nossas 10 RECOMENDADAS PARA práticas recomendadas para sites para celular apontam coisas importantes que você pode fazer de forma que seu site ofereça SITES PARA CELULAR uma excelente experiência para os usuários de celular. 1. SEJA RÁPIDO 4. OFEREÇA VISIBILIDADE Usuários de celular geralmente têm pouco tempo Um site adequado para celular transmite sua e encaixam tarefas on-line entre os compromissos do mensagem sem cansar a vista dos usuários. Facilite dia. Para ajudá-los, desenvolva um site que carregue a leitura para seus clientes. Lembre-se de que eles rápido e tenha textos fáceis de ler. podem estar em um ambiente com pouca luz. Priorize conteúdo e recursos de que os usuários Crie contraste entre o plano de fundo e o texto. de celular mais precisam. Verifique se o conteúdo cabe na tela e pode ser Use as ferramentas de análise de seu site para lido sem ampliar. computador para ver o que os usuários de celular Use bastante espaço negativo. estão fazendo. Use tamanhos e cores para indicar a prioridade Reduza grandes blocos de texto e use itens com de links/botões. marcadores para facilitar a leitura. Compacte imagens de forma que elas fiquem 5. TORNE-O ACESSÍVEL pequenas para que o site carregue mais rápido. O ideal é que seu site para celular funcione em todos os dispositivos móveis e todas as orientações em que 2. SIMPLIFIQUE A NAVEGAÇÃO eles estiverem. Encontre alternativas ao Flash. Ele não Ninguém gosta de coisas confusas. Uma navegação funciona em alguns dispositivos. clara e a funcionalidade de pesquisa, em sites grandes ou complexos, ajudarão seus clientes a encontrar o que Use HTML5 para interatividade e animações. precisam. Adapte seu site para as orientações vertical e horizontal. Minimize a rolagem e mantenha um visual apenas vertical. Mantenha os usuários no mesmo lugar quando mudarem a orientação. Use uma hierarquia clara em menus e evite rollovers. 6. FACILITE A CONVERSÃO Ajude os usuários a navegar entre os níveis com ke Seja qual for o objetivo de seu site, seus clientes botões “voltar” e “início” em destaque. precisam ser capazes de atingi-lo com um teclado Use até sete links por página de navegação. virtual e sem o mouse. Fazer compras ou entrar em contato deve ser fácil. Deixe sempre uma caixa de pesquisa em destaque em sites complexos. Enfatize as informações que ajudarão a gerar conversões (por exemplo, detalhes de produtos). 3. LEMBRE-SE DOS POLEGARES Reduza o número de etapas necessárias para As pessoas usam seus dedos para manusear concluir uma transação. dispositivos móveis, especialmente os polegares. Desenvolva um site que permita uma fácil interação, Mantenha os formulários pequenos e use mesmo com as mãos mais volumosas. o menor número de campos possível. Use botões grandes e centralizados Use caixas de seleção, listas e menus de e proporcione espaço extra para evitar cliques rolagem para facilitar a entrada de dados. acidentais. Use a funcionalidade clique para ligar para todos Aumente os botões menores para aumentar os números de telefone. a área clicável. Aumente a área das caixas de seleção tornando os textos clicáveis.
  • 2. 7. FAÇA COM QUE SEJA LOCAL 9. USE REDIRECIONAMENTOS Consumidores procuram informações locais em seus PARA O SITE PARA CELULAR telefones o tempo todo, desde encontrar o posto de Um redirecionamento para o site para celular é um gasolina mais próximo até achar uma pizzaria aberta. código que pode informar se os visitantes estão Inclua funcionalidades que ajudam as pessoas usando um dispositivo móvel e enviá-los para a encontrar e chegar até você. a versão de seu site adequada para celular de forma automática. Peça que o desenvolvedor do site Exiba seu endereço ou um localizador de lojas implemente esse código de redirecionamento para que na página de destino. seus clientes tenham acesso à melhor versão de seu Inclua mapas e orientações. Use GPS para site de acordo com suas necessidades. personalizar sempre que possível. Dê aos usuários a escolha de voltar para o site Permita que os usuários verifiquem estoques para computador, mas facilite o retorno para e lojas próximas. o site para celular. Deixe que os usuários escolham qual versão 8. OFEREÇA UMA EXPERIÊNCIA eles preferem ver nas próximas visitas. PERFEITA Inclua informações importantes, como seu Atualmente as pessoas usam várias telas durante endereço ou um localizador de lojas, na página o dia. Converta para o site para celular o maior de redirecionamento. número possível de funcionalidades do site para computador, criando uma experiência perfeita. 10. ESCUTE, APRENDA E REPITA Permita que os usuários salvem pesquisas Bons sites para celular são voltados para o usuário, comuns e os itens no carrinho de compras. o que significa que eles foram desenvolvidos com base em informações do público-alvo. Pergunte aos usuários Mantenha os principais recursos do site em de seu site para computador o que eles querem em todos os canais o máximo possível. um website para celular e execute testes e otimizações como processos contínuos. Exiba as mesmas informações sobre produtos/ Use uma ferramenta de análise para serviços. compreender como as pessoas usam seu site. Se possível, especialmente para sites complexos, faça antes um teste com os usuários. Implemente e colete comentários dos usuários após o lançamento. Repita com frequência e melhore seu site com base em pesquisas de forma contínua.