Pagina inicial » UI / UX » Um olhar para construir sites para usuários de tablets

    Um olhar para construir sites para usuários de tablets

    A arena dos tablets, que antes era apenas dominada pelo iPad da Apple, agora está crescendo com um novo participante todos os dias. O Google Nexus 7, o Amazon Kindle, o Microsoft Surface e uma série de outros tablets que entraram no mercado estão levando os profissionais de marketing a pensar além do site do PC e desenvolver uma estratégia de tablets autônoma - ou, no mínimo, um site compatível com tablets.

    Os tablets são um substituto para smartphones? A resposta curta é não. De fato, um relatório recente da comScore revela claramente que um em cada quatro proprietários de smartphones também usava um tablet. Além disso, existem algumas diferenças claras na maneira como as pessoas usam esses dois dispositivos. Embora algumas das suas estratégias da Web para dispositivos móveis possam funcionar para usuários de tablets, os leitores de tablets têm necessidades específicas que exigem consideração especial.

    Construindo para o Tablet

    O acesso ao conteúdo e às informações parece ser a atividade mais importante dos proprietários de tablets em todo o mundo, diz um estudo da Online Publishers Association. Consumo de conteúdo incluído assistindo a vídeos, seguido por notícias de leitura. Então, o que você, como profissional de marketing de conteúdo ou editor, deve fazer para conquistar seus leitores de tablets??

    Os leitores do tablet estão acostumados a interagir com uma infinidade de aplicativos, que são criados com gráficos avançados e recursos visuais altamente detalhados. Assim, os leitores de tablets esperam a mesma experiência de leitura que eles estão acostumados a ver em seus navegadores de desktop..

    Pergaminho é passado; furto está em

    A única maneira de engajar seus visitantes sempre em crescimento é pensar além das normas do site para PC, ou seja, os formatos e layouts de rolagem vertical, e começar a construir um site mais pessoal e interativo. Os leitores do tablet estão acostumados a gestos como deslizar e flicking e preferem isso à maneira mais antiga de "rolar e clicar" de navegar em sites.

    Aproveite o HTML5 e o CSS3 para exibir conteúdo em um layout paginado e bem formatado que emula uma revista impressa e dê aos leitores a experiência de folhear as páginas de suas revistas favoritas.

    Websites sensíveis ao toque

    Todos os tablets no mercado hoje funcionam com uma interface de toque, que redefiniu a ideia de como interagimos com os computadores pessoais. Para uma ótima experiência de leitura em tablets, é tão simples quanto colocar o tamanho mínimo do texto em 14 pixels. Mas o que acontece com interfaces de usuário, especialmente quando se trata de entrada humana?

    Está nos dedos

    Enquanto os sites de PC são carregados em uma tela que é colocada a uma certa distância do olho acessível com o mouse por meio de um cursor, os tablets são projetados para serem segurados na mão e para aceitar a entrada dos dedos do usuário..

    Aumentar o preenchimento de texto de modo que há um pouco de área em torno de texto com hiperlinks que pode ser clicado até mesmo por dedos grandes. Além disso aumentar o espaçamento entre frases para que não haja conflito entre textos com hiperlinks, campos de formulário ou menus suspensos. Remover eventos de foco mas mantenha os comportamentos e controles intuitivos, ou pelo menos previsíveis o suficiente para que os usuários não precisem reaprender como navegar em seu site.

    Recomendamos que você cumpra as diretrizes de interface humana do iOS da Apple ao criar um website compatível com tablets.

    Evite elementos chamativos

    Com o iPad ainda o líder do mercado de tablets, ainda é seguro não construir para o Flash. No entanto, você pode criar uma experiência de melhor qualidade para seus leitores em navegadores de tablets usando o HTML5. Use menos animações baseadas em JavaScript para manter o site do seu tablet rápido e acessível em todos os tablets.

    Assuntos de orientação

    Seu visitante do tablet pode visualizar seu site na orientação paisagem ou retrato; Portanto, verifique se o conteúdo do website do seu tablet se reorganiza automaticamente para atender a essas duas orientações. Veja 30 portfólios responsivos para sua inspiração para ter uma ideia de como seu conteúdo precisa se reorganizar para se adequar a diferentes tamanhos de tela e orientações.

    E para ler mais, dê uma olhada:

    • Web design móvel: 10 dicas para melhorar a usabilidade
    • 30 tutoriais úteis de Web design responsivo
    • 50 úteis ferramentas de design responsivo para designers

    Por fim, use sempre imagens de altíssima resolução ou certifique-se de redimensionar suas imagens para diferentes orientações, para que os usuários obtenham a imagem completa. A taxa de proporção de 16: 9 funciona bem com a maioria dos tablets.

    Embrulhar

    Ao criar um site compatível com tablets, pense além dos websites de PC e leve a interação pessoal um passo adiante. Repense e reconstrua seus sites para um mundo em que os tablets são os primeiros.

    Nota do editor: Este post foi escrito por Lakshmi Harikumar para Hongkiat.com.