Crítica do Web Design # 21: Billy.com
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 é o Billy.com, um clube de poupança on-line.
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 $ 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.
Sobre o Billy.com
"Por favor permita-me apresentar-me. Meu nome é Billy e sou o cara por trás do Smartest Savings Club da Web. Economizar dinheiro não é apenas minha paixão, é meu objetivo. Meu trabalho é garantir que meus amigos nunca mais paguem o preço total. Com a ajuda da minha família fantástica, negocio ótimos negócios com varejistas e prestadores de serviços em nome dos meus amigos. Pode ser difícil de acreditar, mas por trás da minha aparência suave e boa aparência robusta está um negociador de poder! Também comparo ofertas e cotações de diferentes fornecedores para que meus amigos encontrem o produto ou serviço mais adequado e ainda mantenham o máximo de seu dinheiro suado possível. ”
Aqui está uma captura de tela da página inicial:
Agora, detalharemos vários aspectos do design e discutiremos o que está funcionando e o que não está.
Design geral
Logo de cara, meu sentimento era que o design parece um pouco datado. Algumas das decisões tomadas aqui refletem estilos de web design típicos há quase uma década. Isso inclui o tratamento do cabeçalho, as fontes e cores usadas e, até certo ponto, o estilo de ilustração em quadrinhos do jornal da manhã de domingo (discutiremos isso em mais detalhes abaixo).
No entanto, o layout geral é bastante funcional. A barra lateral tem uma boa largura e é organizada de maneira adequada, e o conteúdo principal flui de maneira lógica.
Mensagens
Uma das coisas que eu acho que o site chama de mensagens. O termo "clube de poupança" é bastante vago e parece que pode ser uma armadilha, mas o redator deixou bem claro que o clube é totalmente gratuito. Tão importante quanto a chamada à ação, “Torne-se meu amigo”, com uma declaração tranquilizadora sobre como leva apenas 30 segundos.
Às vezes, a inscrição em um serviço da Web parece fácil, mas rapidamente leva a um processo envolvido que os usuários desejam desesperadamente evitar. A declaração de 30 segundos é um forte incentivo e, sem dúvida, é a principal razão por trás de muitos usuários se inscreverem.
Também gosto que nesta área há uma lista de economias populares. Essa é outra etapa que esclarece exatamente para que serve o site e que tipo de ofertas você espera receber.
Tipografia
Este parecerá um pouco duro, mas confie em mim: seguir estas etapas simples irá melhorar drasticamente seus projetos. A primeira regra do design é "Nunca use Comic Sans". O Billy.com passa no teste nesta frente, mas uma regra muito semelhante e menos conhecida é "Nunca use o Hobo".
Simplesmente não há uma maneira agradável de dizer isso, o Hobo é uma fonte feia. Se você deseja usar uma fonte divertida em certos itens, certamente pode, basta procurar por algumas que tenham um pouco mais de estilo e classe. FontSquirrel é um ótimo lugar para começar sua pesquisa. Parando no site e quase escolhendo algo aleatoriamente, vim com a imagem abaixo (a fonte é chamada Japão). Tenho certeza de que você poderia fazer muito melhor se investisse algum tempo e esforço reais na pesquisa.
Billy
Vamos falar sobre Billy por um minuto. Quando você carrega o site pela primeira vez, Billy está longe de ser visto. Então, do abismo, ouve-se o som de passos e subidas, Billy acenando, balançando a cabeça, segurando cartazes e produzindo muitos efeitos sonoros de desenho animado enquanto ele cuida dos seus negócios.
Não me interpretem mal, ele é um personagem divertido. Ele parece nerd e amigável e traz um elemento pessoal ao site. É divertido pairar sobre ele com o mouse e vê-lo sorrir e acenar. No entanto, acho que ele está um pouco mal.
Eu quase sempre sugiro que qualquer site com efeitos sonoros ofereça aos usuários uma maneira de desativá-los. Inclua um botão em algum lugar que elimine completamente os sons ou, melhor ainda, faça com que os usuários pressionem o botão para ativar os sons (deixando-os desativados por padrão).
Eu também acho que Billy está mal posicionado. Enquanto ele segura as placas para falar sobre o site e chamar sua atenção, ele na verdade encobre o conteúdo da barra lateral, o que reduz a usabilidade se você estiver realmente tentando ler ou interagir com esse conteúdo.
Eu sugeriria mover o BIlly para o lado direito da página. Como o conteúdo da caixa principal está bastante à esquerda, ele não estaria cobrindo nada de vital para a funcionalidade do site.
Uma revisão do design moderno
Nunca é divertido ouvir alguém sugerir que você redesenhe seu site. E com toda a honestidade, o Billy.com é funcional do jeito que está e pode melhorar muito com as sugestões simples acima. No entanto, se você decidir revisar visualmente o site em algum momento no futuro próximo, sugiro que dê uma olhada em alguns sites populares baseados em personagens da Web hoje.
Todos os sites abaixo usam belos estilos modernos de web design com ótimos esquemas de cores, ilustrações, texturas etc. Não estou sugerindo que você copie qualquer um desses sites, mas os apresente como inspiração para interpretar minhas sugestões para trazer Billy.com visualmente atualizado.
Formee
Enriquecimento
Silverback
Contabilidade em uma caixa
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.
