Há alguns dias, no dia 11 de novembro, celebramos nosso sexto aniversário aqui no WDD, revelando nosso mais novo redesign.
Se você visitar com frequência, você deve notar facilmente a maioria das alterações, no entanto, se você simplesmente aparecer de vez em quando, o site parecerá semelhante, mas diferente. Na verdade, se fizéssemos o nosso trabalho corretamente, ele deveria parecer mais minimalista, mais elegante e mais fácil de ler.
Quando nos propusemos a redesenhar o WDD, queríamos obter uma melhor experiência de usuário adotando uma abordagem mais minimalista, simplificando e acelerando o site.
Nós consideramos um layout de revista para o novo design, mas parecia impessoal e avassalador com muito conteúdo e parecia um pouco confuso também. Passamos por inúmeras iterações antes de decidir seguir essa direção. Na Web, estamos vendo mais e mais conteúdo sendo exibido nos dias de hoje em sites (especialmente sites de tecnologia) que sobrecarregam os usuários com muitas opções. Acreditamos que esse novo layout parece mais íntimo, pessoal e fácil de navegar, sendo um pouco como um cruzamento entre um blog tradicional e um site de estilo de revista sem sobrecarregar a experiência do usuário.
A barra lateral foi minimizada. Agora é mais estreito e até mesmo os anúncios de 200 × 125, que agora são exibidos um de cada vez, parecem respirar mais facilmente com um amplo espaço em branco ao redor deles. Originalmente, removemos o anúncio maior de 300 × 250 na parte superior da barra lateral para criar uma barra lateral super pequena com apenas os anúncios de 200 × 125, mas isso criou um problema para alguns de nossos patrocinadores que anunciam muito nesse lugar.
Também experimentamos remover completamente a barra lateral, mas ao tentar integrar o conteúdo da barra lateral e especialmente os anúncios dentro do conteúdo em uma única coluna, o layout ficou pesado e desorganizado. Se o WDD estivesse livre de anúncios (um dia?), Provavelmente teríamos uma abordagem sem barra lateral . Por enquanto, os anúncios ainda são necessários para veicular o site e pagar as contas, mas com essa abordagem achamos que eles são menos intrusivos e servem melhor para nossos anunciantes e leitores.
Uma das ideias que queríamos integrar desde cedo foi rolagem infinita . Pedimos aos nossos leitores através dos nossos canais sociais para feedback sobre isso e fizemos uma pesquisa minuciosa e descobrimos que seria mais negativo para os nossos propósitos. Acreditamos que a rolagem infinita funcionará melhor para sites com maior parte das imagens, mas não necessariamente para um blog em que parece resultar em menos engajamento do usuário (os leitores simplesmente rolam e rolam, mas se envolvem menos com o conteúdo). Claro, sempre há exceções, mas para o WDD, por enquanto, estamos mantendo uma abordagem tradicional de paginação e dizendo “não” para a rolagem infinita.
Acreditamos que esse novo layout parece mais íntimo, pessoal e fácil de navegar, sendo um pouco como um cruzamento entre um blog tradicional e um site de estilo de revista.
Queríamos que a WDD tivesse um equilíbrio perfeito entre o que percebemos como elementos de design masculinos e femininos. Você vai notar o uso extensivo de formas masculinas, como cantos afiados, quadrados e retângulos, mas também muitos círculos estão sendo usados em todo o site para trazer um lado mais feminino mais suave.
Além disso, adicionamos muitas linhas diagonais em todo o site e até mesmo fizemos nossos cabeçalhos em itálico para carregar todo esse componente diagonal. O site parece mais conectado a todas as formas, tamanhos e formas, assim como o design deveria ser. Isso também representa a diversidade do conteúdo que carregamos no site, os diferentes autores, os múltiplos pontos de vista e assim por diante.
A ideia por trás do texto alternado e do layout de imagens nas páginas principais é criar um equilíbrio igual de texto e imagens nos dois lados da coluna principal. Optamos, mais uma vez, por não ter um post de destaque no topo, o que sentimos que preferia convidar nossos leitores a explorar mais e você pode se ver pressionado com mais frequência do que antes, já que o site deveria se sentir mais convidativo para navegue e explore.
Os cabeçalhos estão agora em LFT Etica e todas as tampas. Nos livramos do Adelle fonte para este redesenho como queríamos para minimizar decorações e uma fonte sans serif era apenas um ajuste melhor para isso. O estilo arrojado extra pesado torna os títulos realmente pop e mais fáceis de ler. A WDD sempre foi "ousada" em sua abordagem ao design, mas esse talvez seja o nosso design mais arrojado.
Para o corpo do texto que estamos usando Proxima Nova Soft , que mudou de Open Sans no nosso design anterior. A redondeza dessa fonte pareceu apropriada para o site, pois adiciona uma sensação mais feminina, enquanto os cabeçalhos parecem mais masculinos. Mais uma vez, estávamos procurando criar equilíbrio em todos os aspectos.
Há novos efeitos de animação, rollovers, links de texto e pequenos toques aqui e ali que fazem o site parecer mais moderno e mais rápido. Algumas alterações também foram feitas no back-end para melhorar a velocidade de carregamento e otimizar o site o máximo possível. Nos tambem temos uma nova página 404! :)
Esperamos que você goste da nova reformulação e, especialmente, de que continue desfrutando e compartilhando nossos artigos.
Nós trabalhamos duro para tornar o WDD um ótimo destino para todos os nossos amigos designers e desenvolvedores, e este novo design é apenas mais um passo em nossa jornada com você.
Sinta-se livre para nos deixar algum comentário abaixo com sugestões ou qualquer dúvida que possa ter. Esperamos que você aproveite o novo WDD!