5 exemplos de mau Design de Website e como fazê-lo melhor
O design de um site afeta diretamente a experiência do usuário., Um site mal projetado é menos provável que os visitantes para completar uma ação, como a compra de um produto ou entrar em uma lista de discussão.
na verdade, se a página carrega lentamente ou é difícil de navegar, 95% dos visitantes sairão em segundos.
Se você não está obtendo os resultados que você quer de uma página web, como o aumento das conversões e redução das taxas de salto, avalie o projeto. Aqui estão alguns erros que apanhámos em outros sites. Tente evitar repetir qualquer um destes cinco exemplos de mau Design site.
como é o mau Design do Website?,
o proprietário médio do negócio pode não entender as diferenças entre o bom e mau web design, e é por isso que muitos sites acabam com designs terríveis e ineficientes.
Enquanto o design tendências em constante mudança, não são componentes básicos de um site que permanecem universal, incluindo:
- Fácil de seguir de navegação
- layout Limpo
- Compatibilidade
- Indústria-design apropriado
os Usuários não precisa adivinhar como encontrar uma página dentro de seu site. Tudo deve ser claramente organizado, com menus simples e características de navegação.,
recomenda-se também uma disposição limpa. Se a página está lotada de Informações, gráficos e vídeo, leva mais tempo para carregar e torna-se mais difícil de ler.
compatibilidade é menos preocupante, como a maioria dos sites agora usam desenhos responsivos que estão em conformidade com o tamanho da tela do Usuário. No entanto, são frequentemente necessários ensaios exaustivos para garantir que os elementos carregam adequadamente em diferentes dispositivos.
a aparência visual do site é um detalhe subjetivo, como todo mundo tem seus próprios gostos. Independentemente disso, você precisa de um design que seja apropriado da indústria., Por exemplo, enquanto gráficos flashy podem não trabalhar em um site para uma casa funerária, eles podem trabalhar em um site para uma loja de aluguer de festas.tenha isso em mente enquanto revisamos os piores erros de design do site.
sites sem uma mensagem clara
um dos piores erros de design que você pode cometer é não fornecer uma mensagem clara relacionada com o propósito do seu site. Os usuários devem conhecer instantaneamente o nome do negócio e o que eles vendem.
por exemplo, quando você visita a caixa de correio 3D, leva alguns segundos para entender o que você está olhando., Parece ser uma página web para algum tipo de software de E-mail. É difícil determinar se o software é um jogo, screensaver, ou cliente de E-mail.
o site CyberDsignClan é outro exemplo de um site sem uma mensagem clara. Você simplesmente vê um gráfico grande que diz, ” pular introdução.”Depois de clicar na página, a homepage real carrega, o que é tão confuso quanto a caixa de correio 3D.
ambos os sítios carecem de uma mensagem clara. Para saber mais sobre o produto, os visitantes precisam percorrer a página ou clicar em outros links.,
tudo o que aparece na página antes que os usuários precisam se deslocar mais é considerado acima da dobra. Chamamos-lhe “secção de heróis”.”Esta é a área onde o nome da empresa e alguma indicação sobre o que eles vendem devem ser incluídos. O topo da página também deve oferecer algum tipo de navegação.
os visitantes do site formam opiniões sobre o negócio dentro de uma fração de segundo. Se os usuários precisam percorrer a página para descobrir o que a empresa faz, eles provavelmente vão deixar a página.,
demasiados elementos que entravam a página
além de uma mensagem clara, o site deve ter uma disposição clara. Se a página está desorganizada, torna-se difícil navegar, fazendo com que os visitantes saiam.
Arngren.net é um bom exemplo de mau design. Este site confidencial contém listagens lançadas junto com nenhuma estrutura. As listagens não são divididas em categorias e encaixam-se como um puzzle.
por outro exemplo, visitar carros de Lings., O site é para carros usados, mas tem tantos elementos diferentes, você pode ignorar o propósito do site. O designer incluiu pelo menos meia dúzia de elementos animados acima da dobra, tornando incrivelmente difícil navegar a página.
é possível exibir um monte de conteúdo sem bagunçar a página. Para um bom exemplo de web design que apresenta vários produtos, VEJA Amazon ou Alliexpress. Enquanto ambos os sites contêm um pergaminho interminável de produtos, eles são organizados em grades em vez de serem jogados juntos como um mosaico.,
além de desorganizar a página com uma mistura de links, alguns sites estão confusos com pop-ups, anúncios flutuantes, auto-carregamento de vídeos, e outros elementos que distraem os visitantes.
páginas sem otimização móvel
a maioria do tráfego de internet nos EUA agora vem de dispositivos móveis, no entanto, muitos sites ainda são construídos para computadores de mesa em primeiro lugar. Se o site não for otimizado para dispositivos móveis, a maioria dos visitantes não terá uma boa experiência de usuário.,
muitos sites agora incluem design responsivo, que permite que a página web para ajustar elementos com base na largura da tela do dispositivo do Usuário. O site também pode esconder elementos, mudar fontes ou remover fundos quando uma tela menor é detectada.
estes detalhes permitem que o site trabalhe em qualquer dispositivo. Enquanto projetos sensíveis são comuns, ainda há muitos sites que são ilegíveis em dispositivos móveis.
quase todos os exemplos já discutidos não têm um design responsivo. A Universidade Deque tem um exemplo de web design não responsivo.,se estiver a ler isto no seu navegador, Tente visitar o site e ajustar a largura do navegador. À medida que a janela do navegador fica menor, a página não altera o seu layout. O texto torna-se impossível de ler sem deslocar-se para a direita.
Se você quiser ver um exemplo de Web design responsivo, visite quase qualquer site de propriedade de uma grande empresa, como a Nike ou a Microsoft.
falta de navegação simples e Links
quando os usuários chegam a um site, eles não devem ter problemas em navegar no menu e encontrar a informação que eles precisam., No site oficial da Universidade de tecnologia avançada, o topo da página é coberto com uma grande exibição animada contendo gráficos flutuantes.
Os gráficos flutuantes são ligações clicáveis que são difíceis de clicar e desacelerar a velocidade de carga da página. Embora isso seja extremamente inovador, existem outras maneiras criativas de projetar um site sem tornar difícil a navegação. Em vez de usar esses elementos flutuantes como links, a Universidade de tecnologia avançada deveria ter focado na criação de um menu que é fácil de abrir e navegar.,
finalmente, existem muitos sites que incluem a rolagem parallax e elementos de vídeo incorporados que não superam a página e limitam a sua navegabilidade.
texto ilegível ou botões não clicáveis
devido às exigências no navegador da web, o menu no site anterior é quase não clicável. Isto também é um problema quando os sites não são otimizados para dispositivos móveis. Quando os elementos não se ajustam para a tela menor, eles podem se sobrepor ou tornar-se muito pequeno para ler.,
evitar este problema é fácil se você completar testes detalhados antes de lançar o seu site. Use emuladores ou software para emular como o seu site aparece em vários dispositivos móveis, incluindo os mais recentes smartphones e tablets.
como evitar um mau Design para o seu site
os exemplos discutidos são relativamente fáceis de evitar, agora que você sabe o que procurar. No entanto, a aplicação das alterações necessárias pode exigir conhecimentos técnicos especializados., Na WANDR, você recebe a ajuda de designers experientes da UX que entendem o que é preciso para criar uma melhor experiência de usuário.se quiser garantir que o seu site não contém nenhum dos maus exemplos de design discutidos, considere trabalhar com profissionais.