Bruno Dulcetti



Arquivos:

Categorias:

  • Amizade:

  • Artigos

  • Links:

    O meu, o seu, o nosso espaço!

    » G1, o Portal de Notícias da Globo.com lança novo layout

    Print da nova home do G1

    E ae pessoal. Venho aqui para informar que o novo layout do G1, o portal de notícias da Globo.com, foi lançado neste domingo, por volta das 7h da manhã. Um pouco atrasado esse meu aviso, eu sei, mas fazer o q neh… 😀 Esse fds fiquei fora do Rio, bebendo um pouco com os amigos, me divertindo. Trabalhar fulltime não faz muito bem 😀

    Implementação e Padrões

    Seguindo o novo padrão de layout e arquitetura já informado aqui no meu blog, no lançamento da nova home da globo.com.

    Não participei diretamente da implementação do G1, este trabalho ficou mais focado no Fabrício e Wagner, camaradas aqui da Globo. Da minha parte foi aproveitado o grid, que será padrão para todos os produtos da globo e elementos globais.

    Design, arquitetura, etc…

    Na minha opinião, o G1 ficou com um design mais legal, mais rico que a da home da Globo.com. Possui alguns elementos, ícones, algo mais amigável, principalmente em páginas internas, mais específicas.

    Provavelmente ele será bastante criticado, tanto bem quanto mal. Houve uma mudança bem radical. Quem lembra do layout antigo, com aquele vermelho bem forte é capaz de se assustar um pouco com a mudança, site “mais branco”, etc.

    Como no lançamento da nova home, o pessoal criou um vídeo com as novidades do site, etc e postou no GMC. E pra variar, a galera da implementação não aparece. Acho que existe algum preconceito com a gente, não é possível 😛 Nunca saímos nesses vídeos. Acho que eles pensam que o nosso trabalho não é tão importante 😀

    Finalizando

    Bom, é isso. Comente, critique, diga o que achou, etc. Estamos ae pra isso 😀

    Aquele abraço.

    [BBL]arquitetura, g1, globo, jornalismo, noticias, portal, tecnologia[/BBL]

    [ 08/out/2007 às 11:46hrs ] [ Por Bruno Dulcetti ] Comentários 24 Comentários |

    Categorias: Tecnologia

    24 Comentários no Post "G1, o Portal de Notícias da Globo.com lança novo layout"

    Postar no Rec 6

    1. Outra porcaria de layout.

    2. Site de notícias tem que ser assim mesmo. Conteúdo puro.

    3. Sobre o código:
      * Podia colocar os JavaScripts no final.
      * juntar alguns CSS, pois fica fazendo muitas requisições.
      * juntar os JavaScripts, incluindo os que estão no código diretamente.
      * tirar o Refresh de 60 segundos, é muito pouco tempo e irrita.
      * tem muitas linhas em branco no código.
      Não seria legal o cara abrir e pensar “Nossa, um site grande como o G1 abriu tão rápido na minha 56k. Vou voltar sempre pra conferir :D”? E parece que o objetivo é esse já que você não usou figuras desnecessariamente.

      Sobre o design:
      * escurecer o vermelho do rodapé pra ficar no mesmo tom do da logo.
      * cor preta na letra das dropdowns da esquerda.
      * tá branco demais, podia colocar uma cor de fundo discreta nos títulos/nomes de áreas.
      * na parte que mostra “Com sucata Automóveis Concurso” com fotos onde uma das notícias é “Estudante cria robô inteligente em Bangladesh” poderia colocar um link nesse texto também.
      * podia colocar uma cor de fundo na barra da esquerda nos títulos “editorias e mais no g1”.
      * criar uma área explicando o que são os símbolos de RSS…
      * no Plantão na direita, o formato do dia não ficou legal, seria legal colocar Terça-feita, 9/10/2007.
      * podia dar uma margin-top menor na notícia principal. Em: “Zeca do PT é denunciado por desvio de verbas”.
      * propagandas flutuantes irritam e escondem o conteúdo que interessa…
      * as caixas de busca estão muito grandes. O g1 não é um site de busca… Podia trocar a caixa de busca de cima com “Central globo.com, assine… e todos os sites” ou colocá-la de outro jeito.

      Ficou legal. As pequenas mudanças fazem toda a diferença e eu adoro dar palpites nos sites dos outros. 🙂

      Grande abraço, Bruno! o/

    4. Minha única crítica fica para o form da busca, acho que ficou apagado demais para o caso do G1, justamente pelo vermelho abaixo chamar mais atenção.

      De resto está ótimo.

      Quanto a metodologia adotada na implementação do código, nem tenho críticas, justamente por existir um padrão determinado dentro de cada equipe. A mesma coisa fica para o SEO dos links.

      Abraço Dulcetti.

    5. Ontem dei uma palestra e citei o novo portal da globo, mas não deu tempo para mostrar o G infelizmente, deram uma boa limpada na home isso é ótimo.

      Abraços

    6. Respostas:

      .Pedro Menezes

      Sobre o código:
      » tentamos ao máximo, mas existe o vignette e opec 😀
      » não tem como. a barra eh um css pra todo o portal, fora outro css de barra pra cada portal especifico. coisas de desenvolvimento, naum sei ao certo como eh. um eh a base geral, de todos os sites, um para o produto, g1 nesse caso e mais um pra home do G1. Mta coisa teve q ser feita assim por causa da parte d desenvolvimento.
      » não eh possivel. são os da opec e são necessários no corpo da página, infelizmente, hoje, não temos como fugir disso.
      » aih o buraco eh mais embaixo. quem ordena isso eh o chefão, por causa das constantes atualizações no portal.
      » jah trabalhou com vignette? nunca trabalhe.

      Concordo, mas nem tudo é possível. Houve uma melhoria em relação ao layout antigo.

      Sobre o design:

      Como não sou designer e nem trabalho nessa parte aqui na globo, naum posso responder mtas perguntas, mas algumas sim:
      » Sobre links em textos, foi colocada uma regra, que todo texto será cinza e talz, soh colocando link nos títulos, na sua grande maioria.
      » Terá uma seção sobre RSS. Nem sei porque ainda não entrou no ar, pensei que já estivesse.
      » Bom, isso eh com o pessoal de produto e com os arquitetos.
      » Essa margem foi um erro do pessoal de desenvolvimento. Na verdade eu jah tinha resolvido isso, mas eles deixaram escapar isso.
      » Propaganda flutuante irrita mesmo e eu odeio. Mas nem adianta, eh o q dá dinheiro.
      » Não é um site de busca, mas um form de busca eh sempre uma boa ter destacado, pois sempre que não acho algo de primeira, eu vou na busca.

      Valew pelos comments. Akele abraço 😉

      .Helder Santana
      Podes crer Helder. Eh foda, eh o pessoal de arquitetura e design q decidiram assim. Fazer o que neh.

      Sobre a metodologia, infelizmente mta coisa eh ferida por causa do vignette

      .Alexandre Formagio
      Manero Alexandre. Com certeza o Portal será alvo de muitas críticas, mas na minha opinião, assim como disse, ficou bom. Achei melhor que a home da globo mesmo.

      Aquele abraço.

    7. O G1 ficou otimo. Está tudo muito equilibrado, nas cores, o branco da uma quebrada no vermelhão. A diagramação tb perfeita.

      AHh!!! Só pra aproveitar a oportunidade. Eu reparei que na home tiraram o banner. 10

      AGORA SÓ TÁ FALTANDO UMA REFORMULAÇÃO NO GLOBOESPORTE.COM.

    8. Eu pessoalmente não gosto deste tipo de layout… Parece que estamos voltando para o inicio da internet…
      não tem nada o layout… apenas blocos de informação… eu acho que o papel do Designer é justamente este… lidar com a informação de forma que fique bonito… e isso tenho q dizer… nao tá. pode funcionar, pode ser rapido e o cacete a 4, mas bonito num ta…
      Eu nao costumo comentar nos blogs das pessoas, mas bruno leio sempre seu blog, e curto teu tabralho talz…
      Teu blog é mais bonito do o site da globo… o site do IG ta mais bonito… enfim…

      Usabilidade e webstandars, sim… mas em pró de um belo layout… cade o layout do site?

    9. Mais uma vez, arrebentou.
      Curto muito esse tipo de design.
      A questão talvez nem seja tanto o do “bonito”, mas do funcional.
      Ponto para a Globo \o
      😀

    10. Achei que ficou bem melhor e menos cansativo de se olhar. Aquele vermelho era muito forte para um site que exige leitura, creio eu.
      Gostei bastante do novo layout. Ficou mais clean. =)

    11. Jaime Botelho | 23/out/2007 às 12:48
    12. Fala grande Bruno que não está atualizando 😛

      Caso quiser concorrer a convites para o Workshop de Ai, Usabilidade e Acessiblidade, está rolando uma promoção no meu blog 😉

      http://www.alexandreformagio.com.br/postagem.asp?cod=12

      Abraços

    13. Não sei se é que me acostumei com o vermelho, mas e gostava muito do antigo Layout!

    14. Também não costumo comentar nos blogs, mas o novo site do G1 ficou show de bola. É entendível a necessidade de aceitar algumas imposições de diretores e banners piscantes em cima da tela, pois isso realmente dá dinheiro.
      Não concordo que estamos voltando ao início da internet só por que as coisas estão mais clean, mais organizadas. Isso é uma evolução e acho que a home da Globo.com e o G1 fazem parte desse marco na história da internet, justamente por experimentar, por testar e ser vanguarda. O impacto visual não é corzinha tosca atrás do site, não é firula, e sim o usuário conseguir utilizar a ferramenta de maneira otimizada, simples e objetiva. Como nos conceitos de marketing, satisfazer as necessidades do consumidor. O cliente é o centro de tudo e a Globo.com consegue fazer isso nos sites. Isso é DESIGN de verdade =]
      Esse post é mais para não passar em branco hahaha

    15. Cara, muito bom seu blog, gostei mesmo, parabens!
      Dá uma olhada no meu site tbm, e no artigo que escrevi no web Insider:
      http://webinsider.uol.com.br/index.php/2007/09/27/conceitos-de-design-letras-cores-forma-e-funcao/

      Até mais…

    16. Achei muito boa a mudança visual, bem menos carregado e mais funcional, bem Bauhaus.

      Apenas achei que pecou um pouco na parte no código, mas não posso condenar os desenvolvedores pois sei muito bem que desenvolver um portal do tamanho do G1 não é uma tarefa nada simples, e criar um gerenciador próprio(para substituir o problemático vignette) fica bastante inviável.

      Tirando as considerações achei a mudança muito boa, o site está evoluindo e seguindo as novas tendências da web e toda equipe esta de parabéns!

      Forte Abraço

    17. […] G1 […]

    18. […] faltava da Globo.com para ser lançado no novo padrão estabelecido alguns meses atrás e o Ego, G1, Globo Vídeos e a própria Home, é claro, já seguiam. Ele mesmo, o Globo Esporte lançou sua […]

    19. Daniel Ribeiro | 06/maio/2008 às 15:38

      Opa, muito boa a mudança…parabéns para a equipe!!
      Agora me tira uma dúvida, a busca do site G1, como funciona? CGI? Sempre fiquei curioso em como conseguem um desempenho tão bom.

      Abraços e parabéns novamente!

    20. Tayna Bauke | 01/jul/2008 às 14:38

      Ola tudo bem, tenhu uma duvida, pq foi mudado o endereço da globo para G1?

    21. […] da Rede Globo. Dentro dos novos padrões Globo.com, depois do lançamento da home da Globo.com, G1, Globo Vídeos, Ego, Globo […]

    22. Dei uma olhada rápida no site novo do G1 e do Globo Esporte em geral está legal os cantos arredondados tbm são legais o que discordo é a maneira que foram implementados usando spans com backgrounds colocando o que pra mim eh um monte de lixo no código fonte… O ideal seria usar propriedades do CSS 3.0 implementados no Firefox e no Chrome e esperar o Internet Explorer também oferecer as mesmas propriedades. Discordo em fazer cantos arrendodados poluindo o código fonte… Valeu pessoal…

    23. Parabens ao G1 pelo seu Trabalho e ao novo Layout, muito legal!…. Cordialmente Blog do Marco Andrade.

    24. Vengo navegando online más de 4 horas hoy y no había
      encontrado ningún artículo interesante como el tuyo.
      En mi opinión , si todos los webmasters y blogueros escribieran un buen contenido como éste, la
      red sería mucho más útil.
      Muy bien escrito!

    Tá esperando o quê? Comenta logo.

    
    Copyright © 2005 Bruno Dulcetti | Creative Commons
    Bruno Dulcetti atuante na área de desenvolvimento web / webdesign e colaborador na área de webstandards pelo Blog BrunoDulcetti.com - blog. Atuante na área desde 2000. Atuando na cidade de Niterói/RJ - Brasil. E-mail: bruno@brunodulcetti.com