diferentes designers têm diferentes tomadas sobre o que faz um grande site. Mas, uma coisa em que todos concordamos é que a popularidade nunca faz um design de Site grande. Temos provas.
hoje damos uma olhada em alguns sites populares de propriedade de empresas e marcas bem conhecidas. Estes sites recebem milhões de visitantes todos os meses. E são bem conhecidos em todo o mundo. Todos esses sites têm uma coisa em comum-todos eles poderiam usar um pouco de uma atualização visual!,embora o web design tenha chegado tão longe como uma indústria e tenha evoluído com novas tecnologias incríveis, há empresas que ainda usam projetos de sites desatualizados.
não sabemos se estas marcas têm medo da mudança ou simplesmente não priorizam o design como altamente. De qualquer forma, acreditamos que esses sites precisam ser renovados para o melhor de seus usuários. Continua a ler para descobrir porquê.
The Ultimate Designer Toolkit: 2 Million+ Assets
Envato Elements gives you unlimited access to 2 million+ pro design resources, themes, templates, photos, graphics and more., Tudo o que você vai precisar em seu conjunto de ferramentas de recursos de design.
Ver Mais
Craigslist
Craigslist é um dos sites de anúncios classificados mais populares na Internet. Craig Newmark começou a Craigslist como uma lista de E-mail simples em 1995 e transformou-o em um site em 1996. Pelo aspecto das coisas, é seguro assumir que o site pode estar usando o mesmo design que usaram em 1996.
de acordo com SimilarWeb, Craigslist recebe mais de 360 milhões de visitantes todos os meses., No entanto, ele tem um dos piores projetos do site que você vai ver. O design do site Craigslist consiste em todos os erros que você gostaria de evitar ao projetar um site.por que este site parece ruim?
para começar, Craigslist tem um design muito confuso, sem quaisquer pistas visuais ou um sentido de direção. O site consiste apenas em texto. No entanto, a fonte é muito pequena e torna difícil de ler. A cor azul brilhante da fonte certamente não ajuda a melhorar a legibilidade também.
acima de tudo, o design do site não é responsivo., Parece horrível quando visto em ecrãs com diferentes resoluções. Todo o processo de navegação anúncios, desenhos de formulários para postar anúncios, e quase todos os outros aspectos do site precisa desesperadamente de ser melhorado.como pode ser melhorado?
até mesmo mudar a fonte e a cor da fonte pode ser considerada uma melhoria para Craigslist nesta fase. No entanto,uma maneira melhor de encontrar inspiração é dar uma olhada no site Gumtree.
Gumtree é o maior site de classificação do Reino Unido., E seu design moderno site tem tudo o que gostaríamos de ver em um site de classificados. Ele tem um design amigável com uma melhor função de pesquisa, filtros para estreitar a pesquisa, melhores antevisões e descrições para anúncios de digitalização, e muito mais.
AOL
AOL costumava ser a maior plataforma da Internet e uma empresa que possuía a maioria das ferramentas que todos usavam na época. Tinha potencial para ser algo incrível., Mas, com a ascensão de seus concorrentes, a AOL perdeu a noção do tempo e não conseguiu evoluir com as necessidades atuais dos usuários.hoje em dia, as pessoas mal sabem o que é a AOL. Até nós ficamos surpresos ao ver o site ainda em funcionamento. De acordo com SimilarWeb, a AOL ainda recebe mais de 200 milhões de visitantes por mês. À primeira vista, o site parece ótimo. Então, porque é que pensamos que isto tem de ser redesenhado?por que este site parece ruim?
como sempre, a AOL ainda parece estar atualizando o design moderno de interface de usuário, mas a empresa ainda está alguns anos atrasada., Ele ainda tem um projeto desorganizado cheio de tantas coisas, desde notícias ao entretenimento meteorológico e muito mais. Quem visita o site ficará imediatamente confuso sobre onde ir e o que fazer.quando visitámos o site fomos bombardeados com um vídeo de auto-reprodução com Auto-sons. Não cometa o erro de usar AOL para procurar algo enquanto está no trabalho.Escusado será dizer que se distrairá facilmente quando visitar AOL.como pode ser melhorado?
AOL website pode lembrá-lo de outro motor de busca popular. Yahoo! costumava apresentar um design muito semelhante., Mas agora já não. Até O Yahoo! sabia quando evoluir.
Se há uma coisa que AOL pode aprender com seus concorrentes como Google, Bing, e DuckDuckGo é que as pessoas preferem motores de busca com desenhos mínimos sem distrações. É por isso que o Yahoo! também mudou para um design minimalista do site.
Hacker News
Hacker News é como Reddit para startups, programadores e empresários. Um único post no Hacker News pode significar a diferença entre ter a sua ideia de inicialização financiada ou completamente destruída.,
o site é um dos maiores sites de agregadores de notícias disponíveis hoje, com mais de 12 milhões de pessoas visitando todos os meses. No entanto, ele ainda apresenta o mesmo design que usou em 2007.por que este site parece ruim?
Hacker News está cometendo os mesmos erros cometidos pelo Craigslist. A única característica boa que podemos pensar em comparação é que este site usa uma fonte sem serif com uma cor que é fácil nos olhos.
no entanto, o site ainda apresenta um projeto hostil que precisa ser reformulado., O maior erro cometido pelo site é que os threads mostrados na página inicial diretamente link para a página de origem. Você não pode abrir o tópico de notícias Hacker clicando no título.além disso, adoraríamos vê-lo a ter uma abordagem mais visual. Ao mesmo tempo, otimizar o projeto para dispositivos móveis.como pode ser melhorado?Lembras-te quando o Reddit se parecia com o Hacker News? Felizmente, Reddit recentemente renovou o seu projeto do site e agora parece muito melhor do que nunca foi.
Hacker News também pode adotar um projeto semelhante ao Reddit., Não tem que ser tão visual, mas o site definitivamente vai olhar melhor quando os fios são realçados e separados um do outro. E permitir que os usuários abram os tópicos de discussão clicando no título.
Berkshire Hathaway
você Pode acreditar que este é o site oficial de uma empresa multinacional que possui mais de us $700 bilhões em ativos e ganhar um lucro líquido de mais de us $4 bilhões?Berkshire Hathaway é uma empresa de propriedade de Warren Buffet, uma das pessoas mais ricas do mundo., No entanto, é difícil acreditar que ele não podia pagar algumas centenas de dólares para redesenhar o site.por que este site parece ruim?por onde começamos? Há tantas coisas erradas neste site. Em primeiro lugar, ele não lhe diz O que o site ou a empresa é tudo sobre. Porque não tem uma página “sobre”.
O site atua como uma lista de links que redirecionam os usuários para outros sites para aprender sobre o estado atual da empresa. A maioria dos quais poderia ter sido facilmente incluído na página inicial e salvar os usuários do problema de carregar outros sites.,
pior de tudo, o site também está promovendo outro site de seguro automóvel na página inicial.como pode ser melhorado?
neste ponto, adicionando mesmo uma pequena descrição da empresa deve ser suficiente para melhorar este site. Mas pode inspirar-se noutra empresa multinacional como a Shell Global.
Berkshire Hathaway também poderia usar um design semelhante e mais visual para evitar dar às pessoas a impressão errada da empresa., E espero que transforme o site num centro de informação para os investidores e para o público em geral.
Alfabeto
Alfabeto é a empresa-mãe do Google e tem muitas outras marcas e empresas sob seu nome. No entanto, seu site é um mistério próprio.por que este site parece ruim?
tivemos algumas perguntas ao visitar o site do alfabeto. Se “G”significa Google, que outras empresas possuem? Quem é o CEO da empresa?, Ao invés de aprender sobre seus investidores, onde podemos aprender mais sobre a corporação e o que você representa?
tantas perguntas deixadas sem resposta devido ao design ultra-minimalista do site. Podemos entender que os fundadores da empresa fazem as coisas de forma diferente. Mas um site da empresa deve ser capaz de fornecer informações sobre o negócio.como pode ser melhorado?
embora a IBM não seja um concorrente directo do alfabeto e nem sequer tenha um website muito moderno, pensamos que o alfabeto pode aprender muito com o seu design do website.,
IBM usa um sistema de navegação simples para deixar os usuários aprender sobre seus produtos e serviços. Mais importante, ele tem uma página “sobre” detalhando o que a empresa é tudo sobre. Alphabet poderia usar algumas dessas características em seu site.
Amazon
Amazon came a long way since its launch to become the world’s biggest retail website on the Internet. O design do site do site também permaneceu o mesmo por muitos anos. Até recentemente, onde conseguiu um design de homepage refrescado.,
no entanto, as páginas de produtos do site ainda podem usar algumas melhorias.por que este site parece ruim?
as páginas do Produto Amazon têm o design mais frustrante que poderia confundi-lo se você é novo no site. Ao ver um produto, o layout de página completa torna mais difícil de explorar.
As descrições do produto são demasiado longas e não foram formatadas bem para uma leitura mais fácil., Ao deslizar para baixo para saber mais sobre um produto, você é bombardeado pela primeira vez com tanto upselling e recomendações de produtos semelhantes que fazem você se perguntar se você está na página de produto direito.
o processo de checkout do site também pode usar um redesenho massivo.como pode ser melhorado?redesenhar centenas de milhares de páginas de produtos não é uma tarefa fácil. É provavelmente por isso que a Amazon não considerou um novo layout para suas páginas de produtos. No entanto, acreditamos que eles podem aprender muito com seus concorrentes como Best Buy, que utiliza um design mais amigável.,
em vez de uma disposição de ecrã completo, A Best Buy utiliza um desenho em caixa para páginas de produtos. As diferentes variações do produto também são exibidas de lado. E as descrições dos produtos são formatadas em diferentes seções para fácil digitalização. É assim que se desenha uma página de Produto adequada.
IMDb
IMDb, or Internet Movie Database is the go-to platform for learning everything about movies and TV shows. O site recebe mais de 500 milhões de visitantes todos os meses.,
Quando você visita a homepage IMDb, ela parece incrível. Ele apresenta um design de tela cheia com um tema de cor escura. E grandes antevisões de filmes e programas de TV para explorar facilmente o seu conteúdo.
mas, espere até abrir uma página de produto. A diferença entre a página inicial do IMDb e uma página de produto é como noite e dia.por que este site parece ruim?
apesar de a página inicial do site do IMDb ter sido recentemente renovada, as suas disposições de página de produtos para filmes e programas de TV têm permanecido as mesmas. Este layout usa um design de caixa muito estreito., Isto faz com que as páginas pareçam confusas e mais difíceis de navegar na página e encontrar mais informações. A escolha terrível da fonte torna mais difícil ler o seu conteúdo também.como pode ser melhorado?
IMDb pode certamente aprender algumas lições do design da Página Metacritic.
Metacritic usa um design de página limpa e cheia. Os detalhes e descrições são mais fáceis de ler. E oferece uma navegação clara com elementos visuais. Esta mesma abordagem de design também se encaixaria bem com o IMDb.,
Wikipedia
com mais de 1,3 bilhão de visitantes todos os meses, a Wikipédia é um dos principais sites na Internet que todos visitaram pelo menos uma vez em sua vida.
o site, no entanto, ainda precisa de uma grande remodelação para torná-lo mais relevante hoje e atraente para o público atual.por que este site parece ruim?
Uma Vez Que a Wikipédia é um site sem fins lucrativos que é mantido com a ajuda de doações, não podemos ser muito duros em seu projeto. Afinal, está a prestar um serviço público.,
no entanto, acreditamos que um design melhor para as suas páginas de artigos poderia prová-lo muito mais útil e fácil de usar. Especialmente para atrair audiências mais jovens.
a formatação do conteúdo dos artigos precisa de muito trabalho. Os artigos da Wikipédia usam um desenho de ecrã completo e, como resultado, os parágrafos de texto são esticados por muito tempo. E torna difícil de ler.
acima de tudo, o local precisa de um sistema de navegação adequado.como pode ser melhorado?
embora os dias da Britannica tenham acabado, a Wikipédia ainda pode aprender alguns truques com o design do seu website.,
por exemplo, as disposições de página da Britannica apresentam um painel de navegação pegajoso onde os utilizadores podem saltar para diferentes secções do artigo. Ele também tem um design de página muito melhor com melhor formatação que melhora a legibilidade.
Se a Wikipédia tivesse um design como este, passaríamos mais tempo no site a ler o seu conteúdo.,
Universidade do Avanço da Tecnologia
ficamos muito chocados ao encontrar um site que parecia que este pertença a uma universidade especializada em “tecnologias avançadas”. De alguma forma, a Universidade parece ter perdido muitos anos de avanços em tecnologias de web design.por que este site parece ruim?
para começar, o menu de navegação rotativo animado é o que mais nos frustra. Se você perder sua chance de clicar em um item, você tem que esperar por ele para fazer um círculo completo de volta para você., É, sem dúvida, o design de navegação mais frustrante que já vimos.como pode ser melhorado?
a principal razão pela qual alguém visita um site da faculdade é para aprender sobre o próprio colégio, seus programas e cursos. Isso inclui mostrar uma turnê pela Faculdade. Incluindo navegação categorizada para facilmente encontrar cursos. E páginas sobre os professores e a reputação da Faculdade. Tudo o que este site não conseguiu realizar.
o site da Universidade de Stanford é um bom exemplo de como fazer esse trabalho.,
W3Schools
W3Schools é um recurso online popular para aprender a codificar. É um site bem conhecido para muitos web designers e programadores, tanto iniciantes quanto especialistas. De acordo com SimilarWeb, o site é bastante popular. Recebe mais de 50 milhões de visitantes todos os meses.
apresenta uma grande coleção de cursos informativos, mas os projetos das páginas do curso poderiam usar um pouco de uma melhoria.por que este site parece ruim?
w3schools cursos apresentam aulas curtas, mas com uma abordagem directa., Isto envolve praticar o que você aprende em cada curso usando um editor de código.
no entanto, o editor de código precisa ser carregado separadamente para funcionar. Isso significa que você precisa ter duas páginas abertas no seu navegador para aprender uma lição.como pode ser melhorado?
uma melhor maneira de abordar o design de plataforma de Aprendizagem online, especialmente para os cursos de codificação, é fornecer uma caixa de areia com pré-visualizações ao vivo para os alunos brincarem. Isto é exactamente o que o CodeAcademy faz.,
cada lição nos cursos de CodeAcademy apresenta três painéis onde a lição é detalhada ao lado de um editor de código e uma pré-visualização ao vivo. Isto proporciona uma maneira muito mais fácil para os estudantes aprenderem com uma abordagem mais prática. É exactamente o que a W3Schools precisa.
em conclusão
Se há uma coisa que podemos aprender com todos esses sites é que cuidar da sua marca e da presença online da empresa é mais importante hoje do que nunca. Como você pode ver acima, mau design web site é tudo o que é necessário para alguém obter a impressão errada de uma marca., Esperemos que estas empresas finalmente caiam em si e renovem os seus websites, pelo menos nesta década.