A web está mudando rapidamente, acompanhe você!
Escrevi um artigo semelhante em 2018, mas a web está mudando tão rapidamente que essas diretrizes estão irremediavelmente desatualizadas.
Vamos dar uma olhada nos princípios mais importantes do design da web em 2019, passo a passo.
Certifique-se de informar ao usuário que o site tem um aplicativo móvel
Este é um princípio essencial, e há razões para isso. Os grupos focais, nos quais já gastamos muito dinheiro, mostraram que a primeira coisa que um usuário deseja acessar seu site é instalar um aplicativo móvel.
Bem, o caminho mais curto para isso é mostrar uma janela modal robusta:
Como opção opcional, você pode adicionar um botão ou link para fechar esta janela, mas é fundamentalmente importante que o texto seja fraco e formulado como se o usuário tivesse vergonha de recusar, ou ele deseja instalar o aplicativo no futuro.
Dica: Se você não possui um aplicativo móvel, isso não importa! Coloque o site inteiro no modo de exibição na web com a segurança desativada e escreva que esse é um aplicativo móvel!
Desenvolva uma estratégia para Não rastrear
A maioria dos navegadores modernos (para que eles!) Suportam o cabeçalho HTTP DNT, que significa Não rastrear. Esse cabeçalho indica que o usuário não deseja ser rastreado e, infelizmente, esse cabeçalho está ativado por padrão em alguns navegadores, como o Brave ( navegador de código aberto com bloqueio de anúncios do criador de JavaScript Brendan Eich ).
Sem pânico! Aconteceu que a maioria dos usuários desligará o cabeçalho assim que você solicitar e, para que tudo funcione como um relógio, anexe instruções detalhadas sobre como fazer isso:
Dica: não pergunte se o usuário deseja desativar o DNT no manual para desativá-lo, caso contrário você ainda concorda.
Desenvolver uma estratégia para Cook
Não é necessário perguntar sobre cookies se eles forem usados no site por motivos adequados, mas é muito melhor solicitar permissão para todos os cookies em massa, para que possamos rastrear tudo o que queremos sem medo de consequências!
Dica: Não carregue páginas sem cookies, mesmo que não sejam necessárias para o trabalho, pois assim você poderá rastrear muito menos informações pessoais que poderá vender.
Bloqueadores de bloco
Os bloqueadores de anúncios estão em toda parte, e isso afeta os lucros; portanto, sem bloquear os bloqueadores de anúncios, em nenhum lugar!
O próprio Chrome planeja bloquear os bloqueadores (é meu!). Portanto, se alguém visitar o Brave, você poderá dizer com segurança que o navegador dele está desatualizado:
Dica: não conte a ninguém sobre o Brave, um navegador Chromium de código aberto com bloqueio de anúncios embutido .
Além disso, não conte a ninguém sobre Firefox , Opera ou Vivaldi - conselhos do tradutor.
Bloquear chamadas de outros países
Com todas essas leis, GDPR , impostos sobre links e proibição da Huawei (nos EUA - aprox. Transl.) , Embora ainda não esteja claro o que isso significa, é melhor apenas aceitá-las e impedi-las de prejudicar.
Dica: você pode ...
Faça um layout o máximo possível
Os dias dos layouts de 800 pixels já se foram. Agora, há mais e mais telas widescreen; portanto, tente usar o máximo de espaço possível.
Dica: Os estudos mostram que janelas modais sem um botão fechar são fechadas com muito menos frequência!
Usar notificações
Navegadores modernos oferecem suporte a notificações, o que significa que elas devem estar ativadas, mas se não funcionar, você sempre pode tentar se inscrever em uma lista de mensagens ou sms por padrão.
Dica : Você também pode usar essas notificações para informar os usuários sobre uma nova versão de um aplicativo móvel.
Lembrar usuário
Às vezes, os usuários esquecem que podem se registrar, então lembre-o regularmente e mostre um link ou botão enorme:
Dica: Não esqueça de lembrar o usuário assim que o cursor for além da área do site.
Dê ao usuário a opção de optar por não participar
É muito importante ser amigável e discreto, o que significa que devemos dar a oportunidade de abandonar lembretes, boletins e janelas constantes.
O principal nesse caso é colocar as opções onde elas são mais visíveis, por exemplo, em uma das subseções de "configurações da conta":
Use javascript
É sabido que você sempre deve usar JavaScript.
Não, é claro que você pode pensar: "Mas por que, porque eu só tenho texto e algumas fotos?" Você já pensou no futuro? Em breve, não hesite, você terá várias janelas modais. E quando isso acontecer, você se arrependerá cem vezes por não ter usado a estrutura JS moderna que é executada em uma nuvem sem servidor.
Dica: Não renderize esta página especificamente com javascript.