Crítica de Web Design # 4: Hino Design Group
Toda semana, damos uma olhada em um novo site e analisamos o design. Vamos apontar as áreas que foram bem-sucedidas e aquelas que poderiam usar algum trabalho. Por fim, finalizamos solicitando que você forneça seus próprios comentários.
O site de hoje é o Anthem Design Group. Anthem é uma pequena agência de design criativo e interativo premiada, localizada em Atlanta, Geórgia, EUA
Se você deseja enviar seu site para ser apresentado em uma futura Crítica de design, leva apenas alguns minutos. Cobramos US $ 24 pela crítica do seu design - consideravelmente menos do que você pagaria por um consultor para dar uma olhada no seu site! Você pode encontrar mais aqui.
Hino
“Somos um grupo amigável e trabalhador de pessoas criativas e técnicas com altos padrões que adoram criar sites, aplicativos, jogos e artes incríveis. Nosso trabalho é premiado, atraente e bem elaborado. Adoramos trabalhar com empresas de qualquer tamanho e estamos orgulhosos do nosso grupo diversificado e fantástico de clientes. ”
Aqui está a página inicial do site:
É um design bastante forte, com três colunas principais e uma barra lateral (portanto, basicamente quatro colunas). A imagem grande na parte superior é um controle deslizante de imagem com uma transição de desbotamento básica.
Vamos examinar algumas das coisas realmente legais sobre esse design.
Fácil de navegar
Há muita coisa acontecendo aqui para uma única página, mas a maior parte é apresentada de maneira lógica e fácil de classificar. A página inicial parece servir como uma boa visão geral de tudo o que você encontrará no site. Várias das páginas acessíveis através da navegação são representadas aqui na página com um pouco de conteúdo.
Sempre que você não souber como preencher a página inicial de um site grande, lembre-se de que ele costuma servir como porta de entrada para todo o resto. A inserção de visualizações em tamanho reduzido do restante do site aqui permite que o usuário se familiarize rapidamente com o que você está oferecendo e também servirá para ajudar no processo de localização de conteúdo específico.
Quebrando as linhas
Este site possui alguns alinhamentos e dispositivos de contenção bastante rígidos, bons para manter tudo limpo e organizado. No entanto, vemos no rodapé que geralmente é bom pegar um design como esse e quebrá-lo em alguns lugares.
Aqui vemos o logotipo e as informações de contato inseridos em uma caixa que viola as linhas duras configuradas pelo rodapé e pela separação do conteúdo. Gostaria de ver algo no topo da página também pegar essa ideia para facilitar a rigidez do design.
Áreas a melhorar
Agora vamos mergulhar na crítica. Abaixo estão alguns problemas que eu pessoalmente acredito que devem ser abordados em relação ao design.
Interativo?
Vejo a palavra “interativo” em vários lugares da página sobre o que o Anthem faz, mas além do controle deslizante da imagem, o site simplesmente não parece muito interativo. Uma das principais áreas que acho que está sofrendo são os efeitos de pairar no link ou a falta deles.
Na navegação, a diferença na cor do link nos estados de não pairar e pairar é um pouco sutil e talvez impossível para os usuários daltônicos perceberem em um texto tão pequeno. Além disso, além dos que estão na barra lateral, quase todos os outros links da página não têm absolutamente nenhum efeito de foco. Se o cursor do navegador não mudasse automaticamente para os links, os usuários provavelmente nem saberiam que havia algum presente na página.
Novamente, isso está intimamente ligado à noção de "interativo". Adicionar itens que mudam com a interação em vários pontos da página fará com que o site se sinta muito mais vivo e ativo. Esses elementos não precisam gritar com seus usuários, mas pelo menos não devem estar ocultos.
Adicionando Links
Na mesma linha de dar vida aos links atuais, acho que mais alguns devem ser adicionados. Como disse anteriormente, gosto de como o conteúdo da página inicial e a navegação se unem. Por exemplo, há um link de serviços na navegação e uma seção de serviços na página. No entanto, o texto que diz "Serviços e recursos" na seção de conteúdo não está ativado como um link para a página "Serviços e recursos".
Sempre tente tornar as coisas ridiculamente fáceis para seus usuários. Se virem um título que corresponde ao local para onde desejam ir, devem clicar nele para ir para lá, em vez de procurar o link certo.
Espaçamento
Existem alguns lugares na página que dividem o conteúdo em três colunas, cada uma com seu próprio cabeçalho. O problema é que o cabeçalho e a coluna estão afastados um do outro, não é imediatamente aparente que eles pertencem um ao outro.
Eu recomendo remover cerca de metade do espaçamento aqui para que os usuários possam dizer instantaneamente que essas duas áreas devem ser interpretadas como uma única unidade.
Alinhamento e estouro
Existem duas áreas principais em que estou detectando problemas com itens pequenos que não estão alinhados corretamente. O primeiro está na barra lateral. O feed do Twitter aqui parece estar transbordando para fora da caixa de contenção.
O segundo é a cópia legal e os links de navegação no rodapé. Eles realmente não compartilham nenhum tipo de alinhamento e parecem estar flutuando aleatoriamente no espaço. Eu recomendo dar a eles um forte alinhamento à esquerda e talvez empurrá-los para perto da área do logotipo à esquerda.
Sua vez!
Agora que você leu meus comentários, participe e ajude, dando ao designer mais alguns conselhos. Deixe-nos saber o que você acha que é ótimo no design e o que você acha que poderia ser mais forte. Como sempre, solicitamos que você também respeite o designer do site e ofereça conselhos construtivos claros e desprovidos de insultos severos.
Interessado em ter seu próprio site criticado? Você pode encontrar mais aqui.
