[Atualizado] Novo layout no WinAjuda

— Em: Bastidores
Print
Share

Update (27/02/09, 7h44min): algumas mudanças/melhorias já foram realizadas, a saber:

  • Títulos dos boxes da barra lateral com nova cor (azul) e adição de divisória separando os boxes (obrigado, Hélder!);
  • Problema com palavras capitalizadas nas páginas dos autores corrigido (obrigado, Breno!);
  • Cor de fundo alterada, de #FFF para #FCFCFC (obrigado, Felipe Zorzo!);
  • Alteração do parser que busca informações de outros sites (FileHippo e Campo Minado) via RSS, dispensando um plugin específico para isso (obrigado, Denny!);
  • Correção do favicon (obrigado, Reneé!);
  • Melhoria do logotipo, que estava serrilhado, e adição do termo "Beta" ao mesmo (obrigado, Emerson Alecrim!);
  • Aumento da coluna de posts e diminuição da barra lateral (80px) (obrigado, Rogério Garcia!);
  • Correção de links obsoletos no blogroll (obrigado, Daniel!);
  • Pesquisa built in do WordPress de volta (a da Google se recusa a funcionar por aqui...) (obrigado, Tatu!).

O trabalho continua, ainda há muito a ser feito :-) . Continuem mandando sugestões e relatando erros, e na medida em que for consertando as coisas, atualizarei este post. Obrigado!

E aí, gostaram do novo layout do WinAjuda? O novo visual é bastante parecido com o Windows Live Wave 3, porém mantém traços próprios que ajudam a manter uma identidade visual. A maior mudança em relação ao anterior, porém, é o retorno dos tons claros predominantes ao invés dos escuros. A quem prefere o modelo escuro, só me resta sugerir a adoção de óculos escuros para ler o WinAjuda 8-) .

Antigo layout do WinAjuda (clique para ampliar).

Antigo layout do WinAjuda (clique para ampliar).

Um ponto que deve ser frisado é que o novo tema está em beta, no sentido original da palavra, ou seja, com alguns buracos e muitos bugs pequenos. O novo tema do WinAjuda é o segundo que fiz utilizando um framework como base, no caso, o WP-Framework, que por sua vez ainda está num estágio bastante inicial (versão 0.2.2). Se por um lado a adoção dessa base facilitou muito a criação do novo tema, por outro ele ainda não está "redondo", livre de problemas. Uma nova versão, a 0.3, foi prometida pelo desenvolvedor para breve, e assim que ela sair, atualizarei o layout do WinAjuda na esperança de que os bugs existentes sejam corrigidos.

Eu poderia esperar o lançamento da nova versão para, só então, liberar o novo layout. Mas a ansiedade era grande, e mesmo com os problemas já conhecidos (e desconhecidos), garanto que a navegação básica está livre de problemas.

E como acontece em toda atualização de layout, aproveitei a oportunidade para agregar novos recursos e otimizar os já existentes. Vamos a uma lista deles?

  • Destaques: agora ficam na parte superior do site, e são estáticos (sem efeitos DHTML). Isso se traduz em carregamento da página mais rápido, e trocas dos destaques mais constantes;
  • Pesquisa do Google: está de volta. Quando mudamos para o iG, a alteração na URL principal do WinAjuda ferrou com as páginas indexadas no buscador. Hoje, cerca de seis meses depois, o indexador do Google já corrigiu todas as páginas, o que permite voltar a usar a melhor busca do mundo dentro do blog;
  • Você sabia?: uma ideia que há mais de dois anos planejo colocar no site, mas que por motivos diversos nunca conseguia colocar em prática. Trata-se de um espaço na barra lateral contendo informações rápidas e aleatórias relacionadas à Microsoft;
  • Campo Minado: os últimos posts do Campo Minado, blog sobre games para PC que também idealizei e mantenho, agora têm espaço cativo na barra lateral do WinAjuda;
  • Respostas a comentários: finalmente é possível responder diretamente a comentários nos posts. Clique no link Reply, abaixo do comentário desejado, e mande ver;
  • Enquetes: providas pelo PollDaddy, da Automattic, mesma empresa responsável pelo WordPress. Está na barra lateral - aproveite e vote na nova enquete, já no ar;

E agora, a parte ruim: bugs! Já identifiquei alguns, listados abaixo, e gostaria de contar com a colaboração dos leitores no sentido de encontrar outros que tenham passado batido. São esses:

  • Páginas de arquivos por data não funcionam;
  • Fonte capitalizada nas páginas dos autores;
  • Caracteres desfigurados nas últimas do fórum (problema antigo, aliás);

Poucos, porém de relativa gravidade. Encontrou outro bug? Me avise através da página de contato.

Espero que gostem do novo layout. Embora ele já esteja no ar, melhorias aparecerão no futuro, sem contar as correções dos bugs relatados acima, e de outros que porventura surjam. Obrigado pela atenção, e voltemos à programação normal do blog.

Processing your request, Please wait....
Tags: , , , , ,

Quem escreveu?

Gravatar

Rodrigo P. Ghedin. 23 anos, paranaense, blogger, MVP Microsoft, acadêmico de Sistemas de Informação, leitor voraz, cinéfilo padawan e peladeiro de PES. Windows-user desde 1996. Powered by "PC frank" e Dell Vostro 1000, ambos rodando Windows 7 Ultimate.
Posts deste autorMande um e-mail

  • Mari
    Parabéns!
  • Sei que é difícil criar uma template, ou ate edita-la (pois tenho um blog), a nova template do win ajuda é bastante rápida, e tem certo conforto visual, e é muito difícil unir esses 2 temos.
    Parabéns!
  • Rafael
    Ghedin

    Tem muitos termos em inglês no site.....
  • recem chegando...bacana....gostei
  • Fábio
    Eu curti o Layout novo, mas tem uma coisa que eu reparei faz muito tempo, o favicon do winajuda e do site de heavy metal whiplash são bastante semelhantes, não iguais, mas semelhantes.

    http://img5.imageshack.us/img5/2013/imagemzol.jpg
  • TheDog
    showwwwww
    winajuda o melhor blog que existe
  • Marcelo
    Olá!

    Quem for leitor/usuário antigo do Winajuda, ou tiver uma curiosidade de como era o site em 2003 em diante, visite: http://web.archive.org/web/*/http://www.winajud...

    Bons tempos em Ghedin?

    []`s
  • Nicolas Fraga
    Beta? Esse blog é sobre Windows/Microsoft ou sempre a Google? hahaha =P
  • Nicolas Fraga
    sempre = sobre
  • Anderson *Ultimate The One*
    Ghedin, o novo visual do WinAjuda está EXCELENTE DEMAIS! Eu, particularmente falando, adorei, adorei muito mesmo. Está um visual extremamente agradável, com cores atrativas e harmoniosas, e está MUITO mais leve que o anterior. Agora, o WinAjuda abre instantaneamente, enquanto que no layout antigo, ele ainda dava uma travadinha de 1 ou 2 segundos antes de abrir. Enfim, está muito lindo, fantástico mesmo, esse novo layout. Parabéns, Ghedin!
  • Alexandre Franco
    As páginas pessoais de cada autor ainda estão com problemas. O avatar é o padrão do Gravatar e a primeira notícia aparece amontoada com a descrição do autor. Acho que uma simples quebra de linha resolveria o problema.

    FLws!
  • Ghedin, parabéns pelo novo tema, está simplismente demais!
    O novo tema tem tudo a ver com os assuntos que o WinAjuda vem abordando ultimamente, o que deixa o tema mais próximo do conteúdo abordado e facilitando a chegada de novos usuários no site..

    Parabéns!
  • ficou 10 patrão ... legal,
  • Outra sugestão:
    -Você poderia exibir os textos dos posts por completo na Home, assim como o http://meiobit.pop.com.br , acho bem melhor. A Home tá muito vazia de conteúdo
  • k-Raul
    Sugestão: trocar os frames dos comentários (avatares) por esse:
    http://img7.imageshack.us/img7/2671/framepng.png
  • ficou legal mas... sem colocar agua fria no feijao de ninguem...
    nunca vi um site mudar tanto de layout! nao da pra ir apenas melhorando o existente, parece indecisao.

    mas esta bacana

    []'s
  • Nicolas Fraga
    É que parece que o ano passou meio rápido, eu acho. Digo, nem parece que faz tanto tempo desde a última troca da layout...
  • Eu também não entendo. Você deve estar confundindo o WinAjuda com outro site, já que fazia mais de um ano que não trocava o layout... :roll: .

    []'s!
  • Que isso kra, faz tempo que o Ghedin não mudava o layout... hehe
  • O visual ficou muito bom, só o banner lá em cima que quebrou o estilo. Já que não dá pra tirar ele, faz igual ao que o hotmail fazia, coloca uma linha branca em baixo separando ele da página e toda a parte que sobra do banner fica num tom de azul.

    E tem um bug que quando a gente escreve o nome e aperta Tab ele vai pra caixa de busca e não pra próxima caixa.
  • Coloca os comentários com Ajax.
    assim não carrega a pagina inteira
  • Cleiton Silva
    O novo visual ficou mais enxuto e claro. Ótimo
  • Cleiton
    O visual ficou mais enxuto e claro. Ficou ótimo.
  • Rafael
    Ghedin,

    A cor da barra na Enquete está de laranja. Como foi modificado o lado direito inteiro de azul, faltou mudar também a cor da barra onde mostra os resultados da Enquete.

    Abraços
  • Ghedi, outro erro é o Says dos comentarios do blog veja:
    Everton Cesario says:
    27/02/2009 at 10:40

    Ghedi, na barra lateral tá Archives não seria Arquivos?

    Conserta o Says ai Ghedi!
  • Ghedi, na barra lateral tá Archives não seria Arquivos?
  • Renée
    Não sei porque, mas o link "Archives" não funciona aqui. Clicando em qualquer um dos anos aparece "HTTP 500 Erro interno do Servidor".

    No box "Últimas do Fórum" os links são exibidos com erro, mesmo em modo de compatibilidade

    Problema com instala��o do XP;
    Windows 7 ter� vers�o oficial para Netbooks

    Não sei se isso se deve àlgum problema do IE8 do Windows 7

    No box "Campo Minado" não aparece nada O_O"

    Não deveria aparecer algo ou ser um link para o citado site?

    Em "Mande um comentário" ao pressionar a tecla "tab" para percorrer os campos de preenchimento o botão não funciona, ele apenas aponta para o ínicio do site. Somente depois de alguns apertos ele retorna para o campo de preenchimento.

    Outra coisa Ghedin, já tentou substituir a cor dos títulos do box por uma cor mais escura, tipo um chumbo ou grafite, algo puxado pro preto.

    Acho que ficaria bem diferenciado.


    De resto, apesar de pequenos detalhes, só tenho a parabenizar pela democracia, pela qualidade do site e das matérias.

    Viva o Winajuda o máximo em tecnologia


    xD


    []s
  • Nelson
    Muito bom! Ficou mais rápido e com um visual muito bonito.
    Parabéns
  • marcelobrrj
    coloca o barner da ig no final do site assim resolve o problema e da mais destaque ao site
  • @le
    Ficou ótimo, melhor que o anterior! Parabéns. :)
  • Oi pessoal,

    Muito obrigado pelo feedback. Muitas sugestões e bugs relatados já foram corrigidos, conforme pode ser lido na atualização que inseri no post.

    Continuem colaborando, ok? Mais uma vez, deixo aqui meus sinceros agradecimentos pela valorosa ajuda ;-) .

    []'s!
  • Anonimo ( o de sempre )
    Ficou legal sim cara , mais facil de ler.
  • ZzZ
    Gostei desse, mais clean e agradável que o anterior
  • Otimo!
    No visual a simplicidade combinou perfeitamente.

    Parabéns a equipe! ;)
  • Guilherme Navarro
    humm acho que deveria fazer um layout com cores escuras, eu e assim como muitos acham que a cor Branca cansa os olhos vixe meu olhos ardem
  • seria o contrário não? Pelo o que eu saiba se você usa preto preto no fundo, a atenção dos olhos focam totalmente no centro do site, forçando a vista.
    O que não acontece quando é usado cores leves, como branco e cinza claro.

    Pessoalmente eu gostei muito do layout, só o banner no topo que quebrou legal. =/
  • Jonny
    A horizontalidade em um mundo "wide" é a tendência.
    Aí você acerta.
    Você irá errar se querer agradar a gregos e troianos.
    Essa é a parte chata: termos que "layoutar" para os outros, e não para nós mesmos.
    Eu assimilo qualquer coisa que vc fizer, desde que seja inteligível.
  • Rafael
    Cores clares = Voltando as velhas raizes do WinAjuda. :P Está muito bom Ghedin! :mrgreen:

    Abraços!
  • marcelo
    pois é .. esse banner no topo ... a microsoft ja consertou, colocou pro lado (pelo menos no meu hotmail está assim)

    acho o layout anterior melhor, aliás ele poderia ser rosa com bolinhas roxas e letras pretas e sem o banner no topo, ainda seria melhor

    deu pra sacar o quanto eu odeio esse banner no topo né

    as cores estão boas ... seja o anterior, seja esse, sem stress ... mas o banner no topo @#$%@#$% !!!!!!!!!!!

    aproveitando o espaço, vou fazer um pedido:

    um espaço tipo o 'voce sabia' ... mas chamado 'dicas rapidas' ... coisa do tipo: o tamanho maximo de uma particao do windows no formato ntfs é ....
  • Faço poucos comentários aqui, esse layout ficou mara...!
    super "clean" e o branco que eu amo. parabéns Ghedin!
  • helderlima
    Ghedin,

    Gostei porque você já efetuou várias alterações que eu sugeri.
    Talvez você não tenha entendido a modificação do fundo do banner, então fiz uma montagem no Paint para você compreender e concordar comigo que fica bem melhor :D

    Veja e diga algo! Abraço.

    http://img25.imageshack.us/my.php?image=winajud...
  • Felipe Zorzo
  • Eu ainda acho melhor deixar o banner dentro do layout e não pra fora. Até porque do jeito que tá, não chama muita atenção, já o usuário já vai lendo do topo pra baixo...acho.
  • Ilton Alberto Junior
    Bem legal o tema, estilão Live.
    Mas você não pode colocar o banner do topo na sidebar? veja com a Ig pra disponibilizar um banner pra sidebar, pra ficar melhor. Lá quebra muito o layout (e deixa igual o Hotmail :P)
  • Philemon Brito
    Ghedin,
    Ficou bonito. Todavia raramente o vejo pois leio os posts no gerenciador de feeds. Venho aqui apenas ocasionalmente.
    Abraço, sucesso!
    Philemon
  • Ghedin sempre surpreendendo a todos!
    Parabéns pelo excelente trabalho.
    O tema ficou muito bacana.
    Clean e elegante.
    Abraços
  • JUnior D'Angelo
    Olá, parabens por melhorar ainda mais o site, essa leveza está perfeita, muito bom mesmo
  • Invés do banner ser no topo, porque não coloca-lo no meio, abaixo do menu? Pelo menos assim não quebra o layout.
  • Não gostei!! :D Mas cada um é cada um.
  • MalarKeY
    Ghedin... Você é o Cara! Ficou Perfeito.... Os Comentários Ficaram PERFEITOS... O Tema CLEAN Ficou Perfeito... A Barra de Destaques lá em cima Ficou PERFEITO...

    Meus Parabéns Ghedin... Esse Foi um Grande Passo que você deu ao WinAjuda.

    P.S. Agora sim hein? Essa foto que você colocou Ficou Bem "Nerd" A cara de Pessoas Antenadas na Tecnologia!
  • Rogério Garcia
    Só mais um detalhe: O layout do fórum agora não combina NADA com o do site oficial.

    Bem, acho que seria bom os dois terem a mesma identidade visual! :D
  • Oi Ghedin! Gostei mais desse visual! Não só porque é novidade, mas porque ficou bem clean, elegante e pelo que li vai ficar mais fácil de dar "aquela" manutenção! Vou dar uma olhada geral, encontrando problemas te mando!
    Abraço e novamente parabéns!

    Ah, ia esquecendo: quando tiver um tempo... você atualiza o link lá do blog? Tá o antigo e muita gente acessa o blog pelo o WinAjuda (referência!).
  • Oi Daniel!

    Obrigado pelo toque em relação ao seu blog. No layout anterior, escrevia os links do blogroll diretamente no sidebar.php. No novo, voltei a usar o sistema próprio do WordPress, e aproveitei para limitar a quantidade de endereços exibidos, de forma que a cada refresh são mostrados oito blogs/sites aleatórios. É uma boa forma de dar destaque a mais blogs que conheço, acompanho e gosto.

    []'s!
  • Tatu
    A pesquisa não funciona.
  • Alan
    ao acessar o site pensei que estava no site errado [:D]..Ficou ótimo o visual...
    Ps : Ghedin tbm entrou no clima de mudança e mudou sua fot..[:D]
  • helderlima
    Guedin,

    Três sugestões:

    1- a cor da fonte dos títulos das notícias ficaria melhor se fosse outra cor ao invés de laranja, pois laranja já é a cor das seções no lado direito. Sugiro, para os títulos das notícias, um azul com a mesma tonalidade de "WinAjuda"

    2- no fundo do banner, ao invés de colocar cinza, coloque a mesma imagem azul do windows live wave 3, porém espelhado de cabeça para baixo. Acho que fica legal. Esse cinza tá quebrando todo o layout.

    3- no lado direito, coloque uma discretíssima divisória entre as seções... sugiro um gradiente vertical, como nesse blog: http://marlonpalmas.wordpress.com/ (esse blog, aliás, também demonstra minha sugestão de cores para o título das notícias)

    E por fim um comentário:

    - Só agora, depois de quase uma hora, percebi aquelas fotos quadradas na página principal, ao lado do WinAjuda. De verdade, acho que ninguém percebeu e a utilidade beira a zero...

    No mais, parabéns! Renovar é preciso!!
  • helderlima
    Só mais uma sugestão que esqueci: a coluna do lado direito poderia ter sua largura reduzida em 25%. Isso daria muito mais destaque às notícias. Da forma que está, quando abrimos o site, não sabemos para onde olhar primeiro!
  • Junin Mendes
    Perfeito *-* Mais vc bem que pudia aderir a idéia da Microsoft e colocar o banner de anuncios na parte lateral né.! :P
  • Junin Mendes
    Perfeito *-* Mais vc bem que pudia aderir a idéia da Microsoft e colocar o banner de anuncios na parte lateral né! :P
  • Junin Mendes
    Perfeito! *-* Mais vc bem que pudia aderir a idéia da Microsoft de remover o banner de cima e colocar do lado né! :P
  • Diego
    Ficou muito bom! Simples, bonito e prático! Estão de parabéns pela inovação...
  • Jandeilson S. Barbosa
    O novo layout está 10, não só pelo design simples, mais sim pelo espirito do WinAjuda de volta.

    Parabéns, Rodrigo!

    Abraços...
  • Vitor F.
    Ghedin, realmente, ficou animal!
    Parabéns, cara!
    Keep up the good work!
    Abraços
  • Rogério Garcia
    Olha, gostei, mas acho que podia "encurtar" mais a barra do lado direito :D.


    Do resto, parabéns, o novo Layout faz jus ao nome do site. :D
  • Pietro Barros
    Olá, Ghedin.

    Parabéns. Muito bom trabalho. Layout mais limpo. Alguns anos atrás eu achava que quanto mais ícones e itens uma página tivesse, mais bonita era. Hoje, penso totalmente o contrário. Quanto menos, melhor! hehe

    Abraços,
    Pietro
  • Adorei o layout!

    Está bem mais expressivo e aconchegante para a visão do que o anterior :D.

    Só uma dica: troca a borda do gravatar nos comentários (sugestão: a da equipe WinAjuda verde, dos usuário cinza).

    Parabéns Ghedin! Sucesso.
  • Outra coisa hehehe
    coloca os comentários em Ajax.

    Assim acho que deixa o site mais rapido pra carregar pq não precisa ficar carregando a pagina inteira ;)
  • Ghedin:
    Na parte do Footer coloca alguma imagem estilo a do topo.
    pq o rodapé ficou muito branco.

    Apenas isso, o resto ta ótimo :)
  • Evabdro
    "Destaques: agora ficam na parte superior do site, e são estáticos (sem efeitos DHTML)." eu preferia com o efeito dhtml =P
  • Evabdro
    ficou muito bonito.... o layout antigo era muito pesado em termos visuais... este não esta limpo, moderno e realmente muito bonito!
  • Eu gostava do tema antigo, inspirado no ColdBlue, mas esse também é legal. Quem fizer login no Windows Live, terá um interface igual a essa.
    Pelo menos, o Rodrigo não abdicou do logotipo do W, que é muito maneiro.
    Valeu.
  • Faltou eu dizer que estava com problemas nos comentários no "WinAjuda antigo".
    Bom, agora com o tema novo, não tive problemas com esses comentários.
    Abração pessoal.
  • Ghedin...

    Gostei muito do novo layout, meus sinceros parabens!!!!

    Cara, sobre a fonte capitalizada na pagina de autor, não seria um problema no CSS? tipo um "text-decoration" lá no meio? da uma olhada nas entradas de h... provavelmente entre a h4 e a h6... Abraços!
  • Thiago
    Será que não faltou um Ajax na páginação não?
    para carregar só para carregar as notícias?
  • Thiago
    descarte

    **para carregar só para carregar as notícias?**

    -corrigido

    **para carregar somente as notícias?**
  • Caio
    Ficou bem legal e parecido com Windows Live Wave 3

    Mas...

    Ta branco demais, quando estou lendo e chego no final do post a vista fica bem irritada!!!
  • Rafael
    "Agora só falta o opção de temas como no Windows Live……"

    hahahahahahahaha

    Bem parecido com o Live.
  • Rafael
    Concordo com o Flávio,

    ... ["mais voltasse o aquele azul escuro ficaria perfeito, porque esse branco de fundo chega a da dor nos olhos. fora isso tá show."]

    Estou com dor de cabeça com essas cores claras. Muito claro chega a irritar minha vista, portanto, prefiro o layout anterior: mais escuro, maior variação das cores onde facilita a leitura e acesso aos links internos e não gostei dos "comments", onde fico perdido com tantos "Reply", parece tudo bagunçado. Particulamente, fica mais fácil saber quando existe novo comentário no modelo antigo, onde somente basta pressionar a tecla "end" e verificar os últimos "comments". Neste novo layout, tenho que ler tudo novamente para encontrar novos "comments".

    Como a maioria gostou do novo layout, acho que vai ficar difícil o seu "downgrade" :-D
  • Renée
    O tema é bonito, mas realmente causa uma certa irritação nos olhos.
  • Renée
    Caraca, quando eu entrei pensei que tivesse errado o site (tô rolando de rir). Achei que tivesse entrando no hotmail.


    Bom, inicialmente achei muito interessante, bem limpo, mas realmente o banner acima é um tanto quanto incomodo, logicamente que remove-lo do citado lugar poderá acarretar um certo prejuízo ($$$$).

    A troca do Favicon seria muito interessante, para um mais clean também.


    Essa mudança tem cara de parceria com o o Time do Windows Live.....


    huahuahuahuhaahaiaha
blog comments powered by Disqus
site statistics