Várias mudanças no Guia do PC
01/11/08
Ei, você! Lembra da pesquisa do Guia do PC, que terminou no último dia 25? Provavelmente você ficou com raiva de responder aquelas perguntas toscas, mas elas ajudaram (e muito) em algumas pequenas mudanças que fizemos no Guia.

Papel de parede do Bijoratron, desenvolvido em horas de puro tédio.
Vamos começar pela parte visual: o layout, que antes era totalmente acinzentado e, para alguns, dava a impressão de “sujo”, foi levemente alterado para resolver os pequenos probleminhas. Alguns podem me perguntar: e por qual motivo você só alterou esse layout, ao invés de criar um totalmente novo? A resposta é simples: não é legal mexer (muito) em time que está ganhando. O antigo visual obteve uma boa aprovação dos usuários: 67,23% deram nota 8 ou mais para o layout. Se considerarmos nota 7 ou mais como “bom”, a aprovação sobe para 80,7%.
As cores e a forma do layout foram baseadas (também) na pesquisa do Guia. 71,93% gostam de cinza ou prata, 75,44% gostam do azul, 51,75% gostam do preto e 44,74%, do branco. Além disso, 51,75% responderam que preferem o layout com uma barra na esquerda e no topo. Foi o que fizemos.

Como era o Guia do PC...

...como ficou depois da reformulação
A organização do conteúdo? Alguns boxes, como o de RSS, com aquele contador enorme, que já ultrapassa a incrível marca dos 3 mil assinantes (obrigado!) foram levados para a parte superior do site, assim como o box de downloads, que anteriormente ficava numa parte escondida do site e agora ocupa a parte das notícias rápidas. As notícias rápidas, tal como eram, foram abolidas. Elas tinham sentido antigamente, quando não passavam de duzentos caracteres. Hoje, as notícias “rápidas” possuem, em média, três parágrafos e praticamente todas possuem imagens. Antes da reformulação, elas não tinham o devido destaque. Agora têm.
Ainda na parte superior, há a versão para celular do Guia. Isso significa que você poderá acessar seu site preferido de tecnologia pelo celular e ler os últimos textos sem pagar altíssimas taxas das operadoras de telefonia móvel por acesso GPRS ou EDGE. Ela só não será tão útil se você possuir um celular com Wi-Fi. A versão otimizada para celulares e iPhones é bem mais leve do que o site completo, assim, você gasta muito menos tráfego. Para acessá-la, digite no navegador do seu celular: m.guiadopc.com.br.

Guia do PC, otimizando para iPhones e iPods Touch
Se você é um leitor bem atento, percebeu que os anúncios do Google AdSense, anteriormente localizados na barra lateral, na página principal e nos textos, foram praticamente removidos. Anteriormente, eles eram necessários para que conseguíssemos manter o site no ar. Hoje, como a receita vem de outros lugares, o AdSense não precisa mais poluir a página. Existe apenas um bloco de anúncios, localizado nos textos, que será exibido temporariamente para que todos os integrantes do time do Guia do PC atinjam a receita necessária para a retirada.
Das mudanças pequenas, temos a mudança na “barra de ferramentas” dos textos, que agora exibe links, ao nosso ver, mais úteis: adicionar no Delicious, enviar para o Twitter e assinar feed dos comentários do texto. A inclusão do feed dos comentários individuais ou não de cada texto foi uma sugestão recebida em nosso e-mail há algum tempo. O formulário de comentário agora salva seus dados (nome, e-mail e site), para que você não precise digitar eles toda vez que comentar. Simples e prático.

A mudança na barra de ferramentas nos textos
Temos também dois botões ao lado do título do texto, um recurso para ceg… digo, para usuários que preferem textos com fonte em tamanho maior. O recurso tem um probleminha chato: não salva o tamanho da fonte, o que significa que você precisará clicar no maldito link toda vez que precisar aumentar o texto. Nós estamos trabalhando em uma correção para o problema.
Como nem a Microsoft está mais se importando com o Internet Explorer 6.0 (e anteriores), resolvemos colocar uma simpática mensagem para usuários deste navegador. É a seguinte:

Apesar disso, nada impede de o usuário navegar no Guia do PC utilizando o IE 6, tirando os constantes bugs de renderização. A liberdade de escolha é importante também (apesar de duvidarmos que um ser utilize IE 6 por livre e espontânea escolha). Se isso fosse um site como o Orkut ou Fotolog, esse navegador deveria ser considerado, mas não, isto aqui é um site de tecnologia.
Claro, se houverem muitas reclamações sobre esta atitude, pensaremos em lançar um CSS com algumas toneladas de hacks (e não temos nenhum problema com isso).
O slider de destaques, aquele retângulo que exibia três notícias interessantes em destaque na página principal, agora está mais moderno, exibe miniaturas dos destaques, mostra mais destaques (cinco) e… é mais bonitinho.

Slider de destaques
Por último, deixo registrado aqui: consideramos todas as sugestões recebidas em nossa última pesquisa de opinião e agradecemos muito aos nossos visitantes, que colaboraram, mesmo que indiretamente, com a reformulação do Guia. Lembrem-se que nós estaremos sempre abertos às novas sugestões que possam surgir, portanto, não deixe de enviar seu feedback e possíveis bugs de renderização que não sejam do IE 6.






há 1 ano atrás
Ficaram bem boladas as mudanças Paulo, assim como você disse, em time que está ganhando não se mexe, as mudanças sútis mas bem boladas mostram que a intenção era corrigir bugs e agradar mais ainda os leitores. Espero que todos gostem, parabéns e abraços.
há 1 ano atrás
Hmm, agora sim ficou legal
há 1 ano atrás
Certamente que ficou melhor. Só acho que a largura do GdP deveria ser maior, ou melhor, usar um layout líquido (liquid layout) em vez de fixo. Pra quem usa resoluções iguais ou maiores que a minha (1280×1024), fica muito “apertado”. Esse próprio blog da equipe é mais “elástico” que o GdP, inclusive.
Ah, e bem que poderia ter mais opções de armazenamento/compartilhamento, como Digg, Google Bookmarks, StumbleUpon, Technorati, Yahoo Bookmarks, etc. Uma dica: http://www.addthis.com/bookmark.php
No mais, nunca desistam de melhor mais e mais. ;D
[]’s
há 1 ano atrás
Paulo, não vejo as miniaturas na box de Destaque.
há 1 ano atrás
A propósito, não precisa inventar atributo no XHTML para ter os tooltips desse jeito. É possível fazer isto semânticamente, usando o atributo apropriado, isto é, o title. Basta usar o DOM pra modificar o comportamento, como pode se ver aqui: http://forum.imasters.uol.com.br/index.php?showtopic=218197
Ah, e seria interessante se os links de aumentar e diminuir o tamanho das fontes tivessem accesskeys. Um accesskey=”-” para diminuir a fonte equivale a combinação ALT + Shift + – pro usuário (ao menos no Firefox). Questão de acessibilidade multi-plataforma.
[]’s
há 1 ano atrás
Xará, o problema do layout fluído ao invés do fixo é que ele pode ocasionar problemas em sites como o Guia do PC. Muita imagem e tal. Pensamos em “esticar” o layout para 960 ~ 980 pixels de largura, mas, para evitar aqueles espaços vagos indesejáveis, deixamos assim, pelo menos até a finalização dos dois novos portais de conteúdo integrados ao Guia do PC.
(Para todos: aguardem e confiem!
)
Sobre o AddThis, já estou pensando em implantá-lo.
Já a questão dos tooltips, ele é feito pelo qTip, que utiliza o atributo title=”" dos links. Fácil e prático!
Flávio, tem como você me mandar uma screenshot?
há 1 ano atrás
Muito bom… ficou realmente mais fluido, a estética ficou mais encaixada tambem.. é isso
há 1 ano atrás
hmmm, ficou muito bom sim. Só que a cloud não devia ser a primeira widget, porque deixa uma impressão de que o site tá bagunçado a primeira vista
há 1 ano atrás
Putz, esse novo visual ficou demaaaaais!!!! Adorei mesmo, ficou lindão demais, com um ar bem mais moderno, e parece que ficou um pouco mais leve tmb, e olha que já era leve antes. E azul sempre foi e sempre será a cor que mais adoro. Meu, esse novo layout e design estão matadores de bom demais.
Parabéns, parabéns mesmo, Paulo e toda a equipe do Guia do PC!
há 1 ano atrás
Caramba, só recebe parabéns o cara que fez a parte visual, e os meus parabéns? Eu fiz a parte que vocês não veêm..
Brincadeira. Obrigado pelos elogios.
há 1 ano atrás
Ah, agora que reparei que vi o código fonte de uma seleção, que no Firefox é o fonte renderizado (isso é muito bom). Olhando o código-fonte cru realmente a qTip usa o atributo title. Só não entendi o porquê dela criar um atributo inexistente depois… A idéia do cara do iMasters é bem mais concisa, he he he…
[]’s
há 1 ano atrás
Haha, agora volte no script do cara do iMasters e perceba que o script cria o atributo stitle.
há 1 ano atrás
Parabéns!
há 1 ano atrás
O visual está ótimo! Estão de parabéns! E realmente poucos usuários ainda usam o IE 6.0, sem contar que ele é um lixo tbm. hehe… O site parece mais leve que antes… mas, o grande problema é quem tem resolução alta… não se sente bem navegando! Eu tenho 1024×768, nem dá pra reclamar
há 1 ano atrás
Achei ótimo, porém aquele banner de publicidade em cima está estranho, acho que vocês poderiam colocá-lo na sidebar, pois a sidebar está um pouco “morta”
há 1 ano atrás
E o melhor, ficou completamente compatível com o Internet Explorer 8!
há 9 meses atrás
algumas ficaram legais e outras não muito!!!