Crítica Web Design # 45: Empresa de cabo otimizada
Toda semana, damos uma olhada em um novo site e analisamos o design. Vamos apontar as áreas que foram bem executadas, além daquelas que poderiam usar algum trabalho. Por fim, finalizamos solicitando que você forneça seus próprios comentários.
O site de hoje é Optimization-World.com, sede da Optimized Cable Company.
Explorar recursos de design
Se você deseja enviar seu site para ser apresentado em uma futura Crítica de design, leva apenas alguns minutos. Cobramos US $ 49 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.
Sobre a empresa de cabo otimizado
Todos os cabos vendidos na Optimized Cable Company têm garantia vitalícia. Se o seu cabo falhar, basta devolvê-lo para uma substituição sem problemas. Temos muito orgulho em oferecer cabos de alta qualidade a preços muito justos. Não pague demais por seus cabos nas lojas de departamento. Faça seu pedido e aproveite nosso frete grátis especial. Nós não trocamos nada com você. O preço que você vê é o preço que você paga.
Aqui está uma seção da página inicial:
Impressão inicial
Existem algumas boas idéias em ação aqui, no entanto, no geral, o design reflete muito de perto algo que seria bastante comum cerca de dez anos atrás. As tendências de design da Web são algo que merece atenção quando você decide criar um site. Não para que você possa roubar as idéias dos outros, mas para garantir que seu produto final pareça moderno e relevante.
Como designers, é muito fácil ficarmos presos na maneira como abordamos um projeto. O efeito negativo disso é que o mundo muda enquanto permanecemos os mesmos. Ter um site que pareça desatualizado é especialmente perigoso para as lojas on-line, pois pode estar diretamente relacionado a menores vendas. Os visitantes param e de repente não têm certeza se o site é ou não um local seguro para gastar dinheiro. É uma empresa legítima que protegerá as informações do meu cartão de crédito? Ou a segurança do site está desatualizada? Nesse caso, posso seguir para a Best Buy, independentemente do custo e da qualidade dos produtos, apenas porque o site parece mais seguro.
É certo que é difícil identificar exatamente o que distingue um design moderno de um desatualizado, então hoje vamos analisar e ver se conseguimos identificar quais aspectos estão afetando diretamente nossas impressões sobre o período.
Cabeçalho
A primeira coisa que chama nossa atenção aqui é o logotipo. É um elemento muito encoberto que parece do período inicial da web 2.0. O gloss ainda pode funcionar em muitos designs da web, se feito corretamente, mas aqui esse elemento em particular parece deslocado. Praticamente nada mais na página corresponde a essa aparência, incluindo o texto no logotipo, que parece mais com um anúncio de carro antigo (mais confusão no período).
Em seguida, passamos para o gradiente amarelo. Essa cor realmente viola o esquema do resto do site. Os profissionais de marketing gostam disso porque se destaca, mas do ponto de vista do design, tudo parece errado. Cores que se complementam podem se destacar e chamar atenção sem colidir. Além disso, mesmo sem considerar o resto do site, o gradiente amarelo é outra coisa que não reflete as tendências atuais.
Para entender o que quero dizer, vamos comparar o banner de remessa no site acima com o mesmo elemento no site da Staples.
Podemos aprender muito com isso. Primeiro, o layout é muito mais espaçoso e espaçoso, nem tudo está tão apertado. Também vemos alguns alinhamentos fortes à esquerda, em oposição aos alinhamentos centrais relativamente fracos. Observe que a chave aqui é sutil. Existem gradientes e até uma textura criada a partir de linhas finas, as quais vemos no site Otimizado. No entanto, no site Staples, esses elementos são muito mais suaves. É fácil perder os gradientes e as linhas, se você não prestar atenção, o que significa que eles aumentam a estética sem se distrair.
Cores e Texturas
À medida que avançamos no site, podemos pensar que as cores e as texturas estão desempenhando um papel importante na impressão de um período de tempo. Na captura de tela abaixo, vemos isso em jogo, juntamente com o uso intenso de cantos rígidos, com traços pretos de pixel único em torno deles. Isso cria uma sensação quadrada que me lembra de algum trabalho que fiz para um cliente uma vez em um CMS chamado Plone.
Novamente, vamos comparar isso com alguns dos tratamentos que vemos em uma área semelhante ao site de um grande concorrente. A captura de tela abaixo mostra a barra lateral da página inicial do Radio Shack. Esta empresa não é exatamente uma imagem perfeita das práticas comerciais modernas, mas está tentando manter o site com aparência nova e relevante.
Fotos e Texto
Juntamente com os elementos gráficos da página, você também deve observar como estrutura seus tratamentos de imagem. A foto abaixo realmente não possui uma boa área de cor sólida para colocar o texto; portanto, o texto recebeu um tratamento de sombra fantasma estranho para ajudá-lo a se destacar.
Às vezes, você tem uma foto que realmente não funciona com texto. Em vez de tentar juntar os dois quando simplesmente não está funcionando, considere uma rota alternativa. Temos um artigo inteiro dedicado ao Design com fotos que compartilha alguns truques impressionantes de como combinar texto e fotografia de maneira atraente e legível.
Texto e logotipos
A parte final desta página que desejo abordar é mostrada na imagem abaixo. Aqui temos um monte de logotipos, alguns dos quais são indiscutivelmente necessários, mas definitivamente não estou convencido de que todos eles precisam estar lá. A acreditação do BBB é boa, mas eu realmente preciso saber que o site usa o Serviço Postal dos EUA? É praticamente certo que, se eu comprar um produto on-line, ele será enviado para mim de alguma forma e a maioria de nós considera o Serviço Postal dos EUA como "correio antigo comum".
Além disso, os logotipos do cartão de crédito provavelmente poderiam ser movidos para a página de pagamento. A maioria dos consumidores confortáveis o suficiente para fazer uma compra on-line presumirá que você aceita os principais cartões de crédito.
Finalmente, o que vem a seguir é um enorme bloco de texto uniforme. Não há cabeçalhos, ícones, tratamentos de texto diferenciados (além de links) ou outros truques usados para dividir isso e torná-lo mais legível. À primeira vista, eu nem sei o que é esse pedaço de texto, por que eu levaria alguns minutos para lê-lo?
Em web design, você simplesmente não pode esperar que os visitantes lidem com um pedaço de texto puro como esse. Um em cada cem visitantes pode realmente passar pelo primeiro parágrafo, mas isso é otimista. Isso significa que você não pode ter muito texto em uma página da web? Absolutamente não. Você só precisa aprender a dividir em pedaços significativos e gerenciáveis que podem ser navegados rapidamente para obter informações relevantes.
Os designers do MailChimp são excelentes nisso e sempre me refiro ao trabalho deles ao discutir esse tópico. Suas recentes abordagens de redesenho de sites têm uma página de recursos cheia de texto, mas veja como eles lidaram com isso:
Cabeçalhos fortes, breves blocos de texto e imagens que sugerem o conteúdo são usados aqui para tornar todo esse conteúdo facilmente digerível.
Recomendações
Para trazer este site para 2011, eu recomendo que os designers analisem com atenção outros sites, tanto no campo quanto fora dele (nossa Galeria de Design foi criada exatamente para esse fim). Investigue mais sobre o que diferencia os sites modernos das tendências e táticas vistas no site Otimizado.
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 seja respeitoso com o designer do site e ofereça conselhos construtivos claros, sem quaisquer insultos severos.
