Novo layout do Meio Bit

Por: em 27/06/07 na(s) categoria(s): Destaque


Calma, você não está no site errado. Acaba de entrar no ar o novo layout do
Meio Bit. Ficou mais limpo, o conteúdo fica em destaque no centro da tela, a
distribuição dos blocos laterais está melhor, etc… Esse layout esteve em
testes internos exaustivos nos últimos dias. Testamos em várias combinações de
sistemas: Windows (Firefox, IE, Opera, Netscape e Safari), Linux Ubuntu e
Kubuntu (Firefox, Konqueror) e Mac (Opera, Firefox). Claro, não cobrimos todas
as possibilidades existentes, mas provavelmente você usa uma dessas
combinações.

Uma certeza existe: há bugs que não percebemos. Já que a única forma de
descobri-los é colocar a cara a bater se você, nosso leitor, encontrar alguma
coisa funcionando de forma estranha, deixe seu comentário que tentaremos
corrigir o mais rápido possível. De repente pode ser uma feature, um capricho
nosso, e não um bug, :-) !

O Walmar Andrade do fator W é
o designer do novo layout do Meio Bit. A ele nossos agradecimentos. Idéias que
foram dadas pelos leitores
em
seus blogs
ajudaram bastante tanto o Walmar quanto nós na definição dos
requisitos do layout. O resultado é esse que você desfruta a partir de hoje.
Aprecie sem moderação.

  • http://keaton.wordpress.com/ Keaton

    Eu não curto muito essas letras em vermelho e os links lá embaixo e to estranhando pacas a fonte (letra) do logo novo.

    Mas sem contar esses minimos detalhes, o resultado ficou muito bom, parabéns!

    Nota: Cadê o fórum do MeioBit?

  • http://www.techbits.com.br Alexandre Fugita

    Boa, Keaton, cadê o fórum… vou descobrir o que aconteceu com ele…

    obs: vai dormir!

  • Felipe Tanus

    4h da manhã e vocês tão trocando layout? e amanhã nem é sábado…

    acho que o outro era melhor. Como ótimo conhecedor do meu gosto, entao, provavelmente vocês acertaram :)

  • http://keaton.wordpress.com/ Keaton

    Dormir? Acordei agora a pouco e vim ler o MeioBit. :P

  • mudinveins

    Realmente está mais limpo, o problema é desacostumar os olhos do velho meiobit :P

    -
    cut through the way
    cut through the way

  • mitchel

    esse walmar é mesmo um cabra hómi! :)

    layout novo aprovado! \o/

  • http://www.brunogodoi.com brunogodoi

    Ficou ótimo o novo layout. Ganhou uma aparência bem mais moderna.

    E digamos que ficou muito parecido com o BrPoint do Bruno Alves :) , pelo menos em partes.

    :: Bruno Godoi ::
    Blog | http://www.brunogodoi.com

  • Eloi

    Legal, gostei do novo layout. No firefox 2.0.0.4 no meu Ubuntu 6.10, a visualização do site está perfeita.

    Um abraço!

    http://sdzecarlos.blogspot.com/

  • http://www.marcusvbp.com.br Marcus VBP

    O tema lembra um pouco o tema padrão do próprio Drupal, mas ficou bom!

    O topo ficou meio poluído. Quer um conselho prático? Faça com que o banner SmartAd só apareça para usuários deslogados. isso pode ser feito com um simples if. Se não estou enganado, o código é assim:

    < ? if(!$user) { ?>

    Código do anúncio aqui.

    < ? } ?>

    Mas é claro que eu posso estar enganado. :)

  • robertoamv

    O Layout antigo era melhor, tinha mais identidade com o MeioBit.

    Vamos iniciar uma campanha pelo retorno do Layout antigo !!!

  • Storm

    ¿?

  • Stormbringer

    Layout aprovado, mas o velho problema de tentar enviar imagens(avatar) pro meu perfil permanece:


    * O arquivo selecionado tmp/tmp_4JhyDu não pôde ser enviado, pois seu destino files/img-usuarios/picture-4045.gif não esta configurado corretamente.
    * Falha no envio da imagem, a pasta img-usuarios não existe.

    E o formulario de contato, não sei se funciona, porque nunca me responderam, se só trocaram a casca, deve estar igual, eheheheh

    Eu sei que o lance da imagem acontece com muita gente. Mas como pouca gente falou a respeito, possivelmente meus contatos foram “devidamente” ignorados :P

    /***************/

    Quer Games online, Xadrez e diversao?

    Route10-games – http://www.route10.com.br

  • recigiop

    Ficou legal.
    Só achei que a logo antiga era melhor. Regrediu um pouco na minha opinião. Talvez se usar um tom mais escuro na metade superior do desenho, ficaria bom.
    No resto, parabéns!

    http://neuronioshiperativos.blogspot.com

  • http://www.viniciussantoro.com vinicius.santoro

    O dia que um Layout for o que prende os leitores no website, irei pensar que todos estao realmente ficando burros, pois o que deveria prende-los é o conteúdo.
    ___________________________________________________________
    Pagina pessoal: http://www.vini-c.com
    ___________________________________________________________

  • danielrcom

    Não gostei… O cabeçalho está poluído demais e o logo está feio e sem vida. Preferia o outro.

    Escovando Bit @ 2007

  • dialog

    Desde que não interfira nas noticias to nem ai pro layout pra mim pode ser rosa com bolinhas verdes. O conteudo de vocês é otimo estou aqui para ver isso e não cores/fontes/gifs e outras firulas.

    Abraço!

  • Persechini

    Putz, tempao q eu nao comento aqui, mas sobre esse assunto eu vou me manifestar

    1 – as fontes em vermelho com a barra superior com o antigo azul não ficou bom, parece que foram 2 sites encaixados a força

    2 – a coluna central invadindo as barras superior e inferior foi uma ideia boa, mas o banner do smartad detonou completamente a ideia

    3 – a fonte no titulo dos artigos (georgia?) não combina em nada com o resto do layout novo e com o próprio estilo do meiobit (mas esse ultimo eh uma questao mais subjetiva). ela ficaria bem colocada no layout antigo, devido ao item 4

    4 – o que vcs fizeram com o logotipo do meiobit? essa fonte tah horrivel T.T

    5 – fora isso a disposição dos elementos está muito melhor, e mais tradicional. com a coluna central mais larga que o espaço antigo destinado aos artigos, vai evitar que comentarios de comentarios se tornem colunas finas e compridas tao cedo, facilitando a leitura de comentarios em assuntos mais polemicos. e se como disseram, foram testados em varios navegadores, excelente. no firefox as vezes o texto dos artigos vazava pra direita da coluna e sumia, e as barras das enquetes ficava embaralhada

    balanço geral: ainda nao sei se gostei mesmo da cara nova, o layout antigo era muito confortavel (tirando a parte dos comentarios estreitos) e era o que me fazia vir ao meiobit ler os artigos ao invez de ler direto no google reader

    (tomara que isso passe como critica construtiva :P )

  • http://www.viniciussantoro.com vinicius.santoro

    2 Críticas e 1 Sugestão.

    Críticas:
    O Layout ficou realmente bom; porém, letras vermelhas com “coisas” azuis sempre foram o tipo de combinação que eu não gostei. Acho uma combinação feia (falando da maneira mais bruta).
    O Logo realmente deu uma regredita, e era muiti melhor o antigo.

    Sugestão:
    Deem uma olhada na tabulação de quando o usuário vai digitar usuário e senha.

    Meus parabéns pelo ótimo serviço prestado a todos.
    Att.

    ___________________________________________________________
    Pagina pessoal: http://www.vini-c.com
    ___________________________________________________________

  • dialog

    Ahhh, complementando. Eu notei uma pequena queda no número de noticias e artigos postados aqui. Poxa gente vamo trabalha eu cuido de redes o dia todo se não da problema nenhum eu não tenho nada pra faze e fico lendo o meiobit.

  • http://gattune.blog.br calebe

    Muito melhor!

  • http://www.vimeo.com/banionis muzkur

    Ficou bonito! Só não gostei de uma coisa: Está muito largo.Pra quem usa o navegador em tela cheia, deve ser ótimo, mas para pessoas “multi-tarefa” que abrem 5 a 10 janelas no mesmo monitor, fica um pouco chato.

    chmod 007
    “São poucas as pessoas que enxergam os três lados da moeda”

  • http://kadu.ducz.com/ kadu

    Concordo em algumas coisas com o que o pessoal postou.

    Sugestões:

    _Trabalhar melhor os links de navegação do topo, não estão em harmonia com o restante;
    _Resolver aquela propaganda gigante no header, se ela continuar ali daquele jeito, não importa o que façam, o layout vai passar a idéia de bagunçado e poluído;
    _A logo realmente está meio sem vida, apagadinha;

    _Sobre os demais tópicos, gostei das cores de maneira geral, o vermelho dos links estão harmonia com o restante, e a Georgia dá um tom clássico para situação, muito bom;
    _As colunas laterais estão muito melhor resolvidas e o conteúdo central ficou muito melhor distribuído devido ao relativo aumento da largura.

    Gostei do todo, somente alguns detalhes que talvez vocês concordem, ou não :)

  • http://monthiel.com monthiel

    Eu gostei, apesar da combinação de cores e o logotipo que realmente deixou a desejar…

    Att,

    Blog sobre Linux:
    http://meulinux.blogspot.com

  • mitchel

    lol

  • Tejo

    Concordo. Do contrário frequentaria algum blog sobre a Luciana Gimenez.

  • Tejo

    Está melhor.

  • caiocgo

    Bacana. Melhorou um pouco… Mas colocar anúncios no corpo do texto do post não é nada legal. Separar blocos de ítens relacionados ao conteúdo do post por anúncios também não é uma boa…

    Ainda bem que leio pelo feed; vim aqui só conferir o novo visual.

  • http://sergioflima.pro.br/blogs oigreslima

    Opa Fugita!

    Abri aqui no computador da escola (windows profissional) com IE 6.0 e ficou com scroll lateral…

    Infelizmente aqui não tem como tirar um sreenshot(pelo menos não sei como e não posso instalar programas!)

    [provocação]Mas no sistema operacional de verdade, com o navegador de verdade[/provocação] ficou ótimo!

    []´s

    Sérgio Lima
    sergioflima.pro.br/blog/blogs

  • FelipeBZ

    Eu não gostei.

    Ainda uso a velha resolução 800×600, daí pra ver a notícia, tenho que rolar a barra para a direita.

    Eu admiro Walmar Andrade e seu site, o Fatow W, mas não sei como ele, que vive dizendo sobre padrão, acessibilidade, essas coisas fez um layout tão mal acessível… É ruim para quem usa 800×600.

  • evertongomes

    eu não gostei

  • Sandro Silva

    Realmente esse “VERMELHO” com AZUL, não combina, a logo antiga era mais suave e moderna, mas se tiver conteúdo continuo lendo!

    http://www.reducionismo.blogspot.com

  • aguinelo

    Apesar de ler muito por feeds e raramente entrar aqui achei que ficou melhor mesmo, mais organizado.

    parabéns

    Aguinelo Pedroso -> http://www.aguinelopedroso.com

  • rodrigo_flausino

    Também uso 800×600 e também não gostei de ter a barra lateral, mas pelo menos os artigos estão no centro.

    E tem outro problema: no rodapé da página (onde está a lista “Meiobit nos blogs”) a fonte está praticamente ilegível.

    Rodrigo Flausino

  • Luiz Felipe

    Até que ficou legal o novo visual do MeioBit…
    Só falta mesmo desacostumar com o antigo…e com relação aos “bugs”…de um dia pro outro a gente não consegue descobrir….mas vamos futucando…rs ;o)

  • http://www.30segundos.com.br matheuscp

    Cara…eu gostei.
    Só achei um pouco esquisito a coluna central invadir o cabeçalho.
    Outra coisa: em monitores lcd, as faixas azuis ficam muito tênues, quase invisíveis.

    No mais, parabéns!

    http://www.30segundos.com.br

  • cesarhans

    no OPERA:

    ficou primeira!! hehehe

    parabéns, muito melhor!

  • elieserleao

    Somos dois!!

    \o/

    Estou engajado nessa campanha!!!

  • dante

    eu tb acho que a antiga era mais interessante. mas gostei da nova organização do conteúdo!

    []s

  • http://www.designando.com msales

    Na correria de sempre e passando voando por aqui…

    No geral, está melhor que o anterior… apenas algumas coisas já comentadas que não me agradaram…

    Esse comment na verdade é apenas pra fazer uma observação em relação ao 800×600, uma solução bacana seria “limar” a coluna da direita***, assim como o globoesporte.com faz (Botão: Diminuir a largura da página)… :-)

    *** Coluna da direita: Já que possui o link para a edição dos dados pessoais, destaques e enquete. Ítens que não necessariamente precisam estar visíveis o tempo todo…

    [ ]´s
    mSales

  • Putcharles

    Achei interessante a mudança…
    A identidade permaneceu, e melhorou bastante.

    A única coisa que deveria mudar é a fonte da marca, no topo do site.

    project.47 – Portfolio e blog sobre Web Standards
    http://project47.viscountbox.com/

  • Donnie Darko

    Muito bom!!! Parabéns!

  • http://stocknaveia.blogspot.com danilonet

    Pra mim ficou muito bom!!!

    A única coisa que está dando erro pra mim, que também já relataram aí acima, é pra enviar imagem no perfil:

    * O arquivo selecionado tmp/tmp_Ij9Jjm não pôde ser enviado, pois seu destino files/img-usuarios/picture-6055.jpg não esta configurado corretamente.
    * Falha no envio da imagem, a pasta img-usuarios não existe.

    []´s. Danilo Medeiros.
    Blog Stock na Veia! – http://stocknaveia.blogspot.com

  • arthurgeek

    Gostei do novo layout! Só tirando aquele banner gigante lá do header mesmo.. De resto tá 100%!

    E pessoal, se eles fizeram um layout pra quem usa pelo menos 1024×768, é pq devem ter estatísticas dizendo que a maioria dos leitores usa 1024×768 ou mais.

    http://www.arthurgeek.net

  • http://www.oitobits.net viniciusfs

    Ficou MUITO mais bonito agora.

  • alessandrorreis

    Parabéns equipe do MeioBit, o lay-out ficou muito bom.

  • Dezao

    Gostei acho que em time que está ganhando se mexe sim, mesmo o outro estando bom, mudança de visual é sempre bem-vinda ainda mais num site de tecnologia.
    Acho que a organização ficou boa e o espaço extra central é bem-vindo.
    Só acho que deveriam tomar cuidado com as resolução baixas, talvez com um leiaute flexível.

    Apesar que parece que faz tão pouco que mudou, ainda lembro do primeiro leiaute.

    Acho que já falaram a maioria das coisas que notei por enquanto:

    O fórum não está funcionando

    As letras vermelhas no azul sumiram. Talvez o vermelho com azul não cairam bem mesmo.

    O logo ficou simplistas demais e meio sumido.

  • http://novebytes.com Julix

    Sei que fica chato falar que não gostou e não apontar os motivos, mas é isso, não gostei e ponto, afinal é uma questão de gosto.

    O velho dito: “Gosto é que nem… Cada um tem o seu”

  • http://www.artecoral.com.br Slip_A2

    Eu gostei, ficou mais limpo, o único porém é a aparência do logo que ficou meia boca.

  • http://www.tsubasasoft.com/gabriel gabrielgilini

    Gostei muito do layout novo, não sei se já comentaram isso, mas a tabindex do form de login tá zuada.

  • camilovitorino

    Gostei demais do layout novo, como você mesmo disse, ganhou muito em facilidade de leitura. Só tenho duas sugestões à fazer:

    1. poderiam colocar o conteúdo central elástico (até certo ponto), aproveita melhor a tela quando se tem resolução alta.

    2. Por favor, use GIF ou PNG na logo, pois JPG deixa aquela aparência “estragado” perto de áreas de contraste (do azul de fundo para o prata da logo). Vai ai uma dica pra galera: Em imagens de poucas cores o ideal é usar um desses dois formatos (GIF ou PNG) pois não da esse problema e os arquivos ficam tão — ou mais — leves quanto JPG. Porém não recomendo usar o PNG 256 (o bonitão que faz transparência perfeita) porque no IE as vezes da problema — a cor fica um pouco diferente. Por isso, para evitar problemas, recomendo veemente o uso de GIF para a logo. Façam os testes ai :P

    abraço

  • ColdFusion

    Duas dicas:

    *Consertem esse já tão falado (e faz tempo hein!) bug de não conseguir enviar imagem de perfil (avatar).

    *Ao clicar em “comentários”, direcionem a resposta ao PRIMEIRO comentário NOVO, pra que nós não tenhamos que subir a pagina toda e ir descendo até encontrar o primeiro novo comentário, assim, saberemos que, se existe algum novo comentário, esse estará ABAIXO da localização atual. (Zézuis, será que consegui explicar?)

    De resto, no meu Kubuntu 7.04 + Firefox 2.0.0.4 o layout tá bonito, mas o logo ficava realmente mais bonito depois de uma “cera polidora”.

    Ah, a coluna central (das notícias), é mesmo levemente deslocada para cima?

  • http://sites.google.com/site/flavioamieiro/ Flávio Amieiro

    Bem, vou falar coisas que muita gente já falou, mas pelo menos posso avisar que tô usando uma combinação que não foi citada ainda: Ubuntu + Opera (9.20)

    Eu acho que o grande problema do layout novo é o cabeçalho. Tá com uma aparência verdadeiramente amadora por causa daquele banner gigante (que já atrapalhava no layout antigo, mas nem tanto). Acho que os links lá em cima podem estar um pouco escondidos demais, e o logo não tá de todo ruim, mas o antigo era melhor, eu acho

    No corpo do blog acho que muitas melhorias apareceram. Tudo ficou, de uma maneira geral, mais simples, mais agradável para leituras mais longas. Um pequeníssimo detalhe que eu mudaria é colocar um limite externo para as barras laterais. Essa aparência de infinito é até legalzinha, mas acho que cansa um pouco. Um contraste ali talvez fosse melhor.

    Outra coisa que eu achei estranha foi colocar os links láaaaa embaixo. Sejamos honestos: 90% das pessoas simplesmente não rolam o site até embaixo (ainda mais em um post único, onde aparecem os comentários), e um visitante novo pode mesmo ficar um bom tempo sem saber da existência daquela barra

    O balanço geral, porém, é bom. Espero que se façam alguns poucos ajustes finos necessários, e assim eu continuarei vindo aqui ao invés de só ler nos feeds.

    Seja realista, exija o impossível !

  • http://www.highlanderbr.com Highlander

    Realmente, os links em vermelho não ficaram bom.

    Uma coisa, provavelmente é uma feature como vocês disseram, e não um bug, mas a caixa dos textos dos posts, está “pegando” lá no azul do título. Lá em cima.

    É bem capaz de vocês terem quebrado a cabeça pra deixar assim, pra dar uma cara diferente, mas isso tá me incomodando pra caramba…hehe

    Crônicas Imortais

  • herbertcarvalho

    Eu já confundi umas três vezes… eu to meiobit.com ou no ovelho.com ?

    Herbert Carvalho
    Consultor TI

    Itabuna – BA

  • Junio Vitorino

    Eu gostei e muito para mim o único problema mesmo são as cores da fonte do link ‘mais’ no rodapé que esta com um vermelho que por cima do azul não está muito legível.

  • ivan.reinaldo

    De maneira geral, o novo visual ficou bom e, apesar de opiniões em contrário, acredito que um visual que torne a leitura agradável é tão importante quanto o conteúdo, que por sinal é excelente (Se não o fosse não acessaria o sítio com tanta freqüência). Mas vou meter minha colher de pau:

    1. As fontes com serifa em geral são bonitas mas as sem serifa facilitam a leitura.

    2. O sítio tá muito “largo”. Uso algumas latas-velhas em laboratórios de informática com resolução 800X600 e a página não cabe na tela.

    3.Esse vermelho tá destoando muito do esquema de cores usado.

    No mais, vida longa ao meio bit!!! (no caso, é 0 ou 1? sempre quis saber!)

  • ssalsicha

    esse topo com a publicidade realmente tá agoniante… =\

  • rafaeldp

    Esse bannerde propaganda no topo ta muito feio! ta estragando o site! a Logo do MeioBit sinceramente?? eu gostava mais da outra! mais moderna e clean! mas o resto do layout ta otimo…ahh nao gosto das fontes e nem da cor vermelha….cria conflito com a cor do site!o azul da barra no final da pagina ia ficar lindo na fonte e menos poluidor visualmente falando! Abraços! espero te ajudado!

  • http://muuzik.net/ gabrielcp

    Condordo,
    a publicidade tem que se fundir ao site, e nao ficar bizarro como está, aposto uma breja que o CTR do banner la de cima caiu e muito…


    GabrielCP

  • aclopes

    Achei q ficou muito bom, só o topo ficou meio desbalanceado.

  • Slim Dogg

    À primeira vista me parece um visual mais “clean” e sem muita frescura. Isso é bom, me agradou bastante. Estou visualizando em um navegador Firefox 1.5 em uma resolução 1280×1024.
    Agora o ponto negativo. Como alguns já mencionaram, o logotipo do site ficou ofuscado, deveria aparecer mais.

  • EuTambem

    Achei melhor o novo visual, principalmente na parte dos comentários: no anterior, as primeiras palavras dos nosso comentários ficavam como títulos, o que atrapalhava a leitura.
    Tipo, este meu comentário ficaria mais ou menos assim:

    Achei melhor o novo visual, principalmente

    Achei melhor o novo visual, principalmente na parte dos comentários: no anterior, as primeiras palavras dos nosso comentários ficavam como títulos, o que atrapalhava a leitura.
    .
    .
    .

    Eu já estava me acostumando a ignorar os “títulos” em cada comentário, para não fazer uma leitura “duplicada”, mas este novo visual ajudou bastante.

    E apesar de não ter problemas com a largura, acho que deveria ter um jeito de personalizar, pro pessoal que usa 800×600. Ou mesmo para quem usa resoluções maiores, ter uma maior área lateral, não necessitando tantos scrolls para chegar ao fim da página.

    No mais, ficou muito bom, parabéns.

  • allanpk

    O melhor de tudo, tem um botão Rec6 ehhehe

    Fugita, esse negócio de ter que confirmar e-mail pra poder comentar um post é de matar!

  • bRox

    Sem dúvida a melhor coisa que vc fez!
    o site está simplesmente leve!
    parabéns!!!

  • bRox

    desculpe a pergunta mas com toda minha ignorancia eu não consegui colocar um avatar aqui… :$

  • tcelestino

    Agora sim tá um layout “popeiro” :D

    Ficou muito melhor, mais rápido. Parabéns ao Walmar que fez um ótimo trabalho.

    http://www.TCELESTINO.com.br/blog

  • NandoVilla

    Ficou ótimo o novo layout. Mais moderno e limpo. Porém, não gostei da fonte e da cor do título dos posts e acho que ficaria um pouco melhor se as colunas laterais fossem delimitadas como na imagem abaixo:

    http://img39.picoodle.com/img/img39/8/6/27/f_layoutmbm_7621407.jpg

    Um grande abraço a equipe do MeioBit. Continuem com o ótimo trabalho!

  • anakim

    mt melhor, bem mais rapido, o antigo demorava tempao pra abrir, agora ta rox.

  • Danskk

    Gostei muito do novo visual, mas confirmando comentários anteriores, o logo ficou discreto demais nesse topo evidenciado pela propaganda.
    O conteúdo ficou bem distribuído. Parabéns!!

  • WKorzh

    Gostei muito também, além de mais leve, está mais organizado e limpo :D

    http://www.connectionworld.org

  • http://windowsteamblog.com/blogs/brasil/default.aspx tonobohn

    Gostei do layout novo, mas podia ser elástico pra não aparecer a barra de rolagem horizontal pra quem usa 800X600 (não que seja meu caso).

    http://www.OitoPassos.com

  • Victor Pencak

    Muito melhor esse visual novo :]
    Esta muito mais clean


    http://epaper.wordpress.com

  • http://www.rafaelmarin.net rafaelmarin

    Tá muito bom mesmo! E nada de campanhas contra, hein! Tá muito melhor que o anterior.

  • enginedown

    - Conteúdo apagado. -