Michiel Heijmans

Michiel é sócio da Yoast e nosso COO. Internet veterano. Seu principal objetivo com a maioria de seus artigos é dar o pontapé inicial de sua otimização de sites. Tanta coisa para fazer!

Você tem um site móvel? É sensível ou se você usar um plugin para fazer lhe o olhar bom? Não é converter? Com o uso da internet em todo o lado, o seu site mobile da experiência do usuário (ou celular UX) deve receber tanta atenção quanto a experiência do usuário em seu site de trabalho.

Antes de mergulhar, se você quiser saber mais sobre experiência do usuário (UX) e outros essenciais de SEO habilidades, você deve verificar se o nosso Tudo-em torno de treinamento de SEO! Ele não apenas falar sobre SEO: torna-se de que você sabe como colocar esses conhecimentos em prática!

Neste post, eu gostaria de compartilhar com os 10 deve-se fazer coisas sobre Experiência do Usuário (UX) o seu site mobile. Deixe-me fazer uma diferenciação para começar. Apesar de todas as coisas mencionadas neste post também se aplicam para tablets e phablets (olha que eu odeio a palavra), eu tive o meu iPhone em mente ao escrever este post.

1. Usar um task-based design

Design de seu site para celular e sua estrutura com o usuário em mente. Ele ou ela usa um telefone celular. Ele/ela provavelmente está no seu caminho para o que quer e precisa de verificar algo no seu website. O que poderia ser isso? Pense um momento sobre as coisas que os visitantes do seu site (verificação de Google Analytics, usar o senso comum sobre o seu negócio ou teste). Decidir em cima tarefas de seu website para celular. E otimizar móvel UX certifique-se de que estes são acessíveis com a maior facilidade possível.

David Allen já disse a você. Você precisa fazer as coisas. Se alguém encontrar o seu site e inicia a navegação, certifique-se de que eles podem facilmente encontrar e completar o que eles queriam fazer. No seu telefone celular, há provavelmente um monte de aplicativos que eles estão acostumados a usar. Movimento torna-se o tempo de atenção é menor do que o normal. As distrações estão em toda parte, não apenas no telefone. Design de seus móveis UX certifique-se de fazer as coisas, antes de mudar para outros aplicativos em vez disso.

2. Adicionar um pegajoso menu com uma opção de pesquisa

Um dos principais elementos de móveis UX para mim é a pesquisa. Eu quero a minha opção de pesquisa sempre disponível quando a rolagem de uma página, ao clicar para outro. A coisa é que, embora nos esforçamos para apresentar o site mais fácil possível, como referido na secção anterior, haverá sempre elementos que simplesmente não se encaixam no que é fácil. Para todos os que de conteúdo, que eu gostaria de ser capaz de usar um móvel opção de pesquisa.

Se você é um corretor de imóveis ou vender roupas online, que a opção de pesquisa poderia muito bem ser o elemento mais importante no seu celular página inicial. Por favor, mostram que a opção de pesquisa na área de conteúdo, nesse caso, e disponibilizá-lo via pegajosa menu em outras páginas.

Mais uma coisa sobre móveis UX relacionadas à pesquisa: tendo a opção é apenas o primeiro passo. Certifique-se de que o seu interno páginas de resultados de pesquisa look incrível assim. A imagem da direita é um bom exemplo do oposto. Estas devem ser ordenadas na relevância, por exemplo, em computadores e dispositivos móveis. Mas o que se destaca é a falta de separação de resultados. Certifique-se de que os resultados individuais podem ser distinguidos.

3. Sem divisores necessário

A seguir a imagem acima e que a falta de separação; que não significa que eu quero que você use todos os tipos de divisórias no seu site para celular. Divisores de ocupar espaço, e que pode ter uma influência negativa no celular UX em vez disso. Pense em maneiras de elementos de estilo, de modo que todos olham como seções separadas, sem a necessidade de um divisor. Use fronteiras, espaço em branco, títulos. Há muitas coisas que podem ser feitas para melhorar o mobile UX, sem adição de linha de elementos que apenas ocupam espaço.

Talvez recomendações como esta são um pouco mais de Interface de Usuário (UI) com base. Mas eu acho que a INTERFACE é talvez ainda mais importante para celular UX que para UX em um site de trabalho. Depois de todas as histórias sobre o polegar esticado, ele parece fazer sentido para enfatizar a INTERFACE do usuário. E logo após, deve-se perceber que com todos os diferentes tamanhos de tela, talvez a uma perfeita INTERFACE do usuário para dispositivos móveis não existe.

4. Use formulários curtos

Como em seu site de trabalho, o seu site móvel, poderia ou deveria apontar para a conversão. A compra de produtos, ou obter uma cotação para os serviços. Subscrever a sua newsletter ou simplesmente o preenchimento de um formulário de contato estão todas as ações que precisam de entrada de usuário. Em um telefone celular, de seis páginas de formulários estragar o móvel UX. Se eu ainda me lembro do seu site, quando eu estou de volta no escritório a trabalhar na minha área de trabalho do computador, eu poderia preenchê-las (pode – é um seis-formulário de página!).

Ideal para móveis UX, você deseja manter formas tão curto quanto possível. Remover todas as coisas que você quer perguntar, mas não precisa. Newsletter? Apenas o endereço de e-mail (com um tipo=e-mail campo de entrada). Citação? Último nome e endereço de e-mail. Loja? Endereço de entrega da fatura endereço. Ou, pelo menos, uma opção para copiar o endereço de entrega para o endereço para facturação.

5. Tom mais baixo

O site da área de trabalho, provavelmente, parece fantástico, usando todas as cores do arco-íris que estavam disponíveis, mas em seu site móvel, o efeito será negativo. Haverá menos foco. O seu website não tem que ser preto e branco apenas, mas um bom plano de fundo branco, letras pretas, e uma ou talvez duas apoio cores é suficiente para uma melhor mobilidade UX.

Eu fiz encontrar uma interessante leitura sobre fundos borradas em apps: a Elegância e o Refinamento das Interfaces Móveis com base em Fundos Borradas. Eu acho que nós não estamos lá ainda, mas isso também poderia fornecer visual agradável opções para determinados sites. A ênfase em que a frase está certa.

6. Botão de áreas de ocorrências

É tão óbvio, mas mesmo assim ainda não é comum. Sites móveis geralmente são procuradas com um polegar. Google Insights verifica esta sob a Guia de Tamanho de Metas de forma adequada. E nós precisamos ser capazes de clicar em elementos com que o polegar bem.

No artigo Projetar para o Móvel Parte 3: design Visual, Elaine McVicar adiciona números para que:

Idealmente, os botões devem ser entre 44px e 57px em uma tela padrão e 88px para 114px em um de alta densidade (retina) de tela. Isto permite espaço suficiente para a média dedo para facilmente ativar um botão.

Há uma coisa que está intimamente relacionado com o botão áreas atingidas; elementos de toque pode ser perto demais. É chato clicar em um link e acabar em outro lugar, só porque o link está próximo é demasiado próximo link que você queria. É na Velocidade Página do Google Insights também, como o botão de áreas atingidas. Essa ferramenta não é o santo graal dos móveis UX, mas se o Google pode testá-lo com facilidade, por que não mantê-lo em mente ao projetar o seu site móvel, especialmente quando a concepção de elementos, como móveis menu ou rodapé links.

7. Não use muitos tamanhos de tipo de letra

Verdade seja dita: eu quase me esqueci deste. Tamanho da fonte é muito importante para celular UX. Você não pode apenas usar todos os tamanhos de tipo de letra do ambiente de trabalho no seu site para celular bem. Há duas razões para isso:

O móvel tamanho da tela. Você não quer o título para preencher a tela; você quer certificar-se de que o artigo inicia na primeira exibição da página. Nem você quer que a fonte base (como o seu parágrafo tipo de letra) a ser pequena demais para ler sem ter de pinch e zoom.

Você vai criar uma confusão ao utilizar mais do que três tamanhos de fonte. As diferenças de tamanho, será muito mais visível. É por isso que eu gostaria de limitar o número dos tamanhos do tipo de letra para dois, talvez três.

8. Otimizar para velocidade

Outro fator importante para o alto nível de móveis UX é a velocidade. Existem várias ferramentas para verificar a velocidade do site. A maior parte do tempo, existem duas áreas principais de melhoramento. O primeiro sempre nos parece evidente: otimização de imagens. Apenas se escondendo de conteúdo é um preguiçoso solução de design. Mas eu sou culpado de esconder, por exemplo, de imagens às vezes bem, para impedi-los de carregamento. Você deve, pelo menos, reduzir o tamanho da imagem usando PunyPNG ou JpegMini. Além disso, você deve combinar e comprima os arquivos CSS e JavaScript que são carregados. A menos conexões para o servidor que precisa ser feito, o mais rápido o seu site e o melhor móvel UX.

No entanto, há outro fator. Móvel de velocidade depende da velocidade da sua conexão com a internet também. Wi-fi não é tudo em torno de nós, e não é 4G. Pessoalmente, não depende de minha conexão com a internet que tipo de sites que eu visito. Pinterest em uma rede da operadora, normalmente, não dar a desejada experiência de usuário. Enquanto a sua pesquisa não é direito, a Wikipédia funciona bem em redes como o que. No final, a velocidade de conexão não é um fator que você pode facilmente projetar seu celular UX redor.

9. Alternar para a área de trabalho do site e volta

Não importa quão bem projetado seu celular UX pode ser, eu gosto quando um site também permite a comutação para o site da área de trabalho e de volta novamente. Phablets (existe essa palavra de novo), como o iPhone 6 Além de permitir facilmente para sites de área de trabalho, mas poderia ser mais conveniente para visualizar o site móvel em vez disso. Alguns móveis sites podem não dispor de determinadas secções que são usados para a versão desktop do site: uma opção para alternar vai ajudar.

Uma alternativa é criar uma infinidade de navegador larguras de servir os visitantes de todo o tipo de dispositivos como temos feito para yoast.com. A única coisa é que o número de dispositivos móveis está crescendo rapidamente, e assim é a variação no navegador de largura. Parece um monte de trabalho para desenho e redesenho para todas as larguras de mais e mais novamente.

10. Teste seu celular UX novamente. E de novo.

Recentemente, descobrimos que uma das páginas de nosso site não trabalham como se pretende em um telefone celular. Descobrimos que ao clicar a nossa newsletter em um celular, por isso não é de propósito.

Ao servir uma sensível site para seus visitantes, você precisa certificar-se de que cada mudança em seu ambiente de trabalho, o site também é testado na versão mobile do seu site. Essa é a única maneira você pode certificar-se de que seu website para dispositivos móveis está sempre up-to-date.

Assim, em conclusão, móveis UX é sobre um monte de coisas. Neste artigo, vamos discutir estas 10 maneiras para melhorar seu celular UX:

Usar um task-based design

Fornecer um pegajoso menu com uma opção de pesquisa

Não há necessidade de adicionar divisores quando as seções são claras para começar

Fazer formas mais curto possível

Não adicionar muitas cores no seu projeto

Certifique-se de que os botões e links podem ser clicado

Não ir ao mar com variações de tamanho de tipo de letra

Faça seu site o mais rápido possível

Adicionar uma opção para alternar para a área de trabalho do site

Teste todas as alterações para o seu site em dispositivos móveis

Olhando para a frente a suas dicas!

Esses são apenas 10 coisas que eu acho que você deve levar em consideração, quando da otimização do seu celular UX. Tenho certeza de que você pode vir até com mais, e estou ansioso para seus pensamentos sobre o assunto: que outras coisas você se sente um site mobile deve levar em conta?

Leia mais: Mobile SEO: the ultimate guide “