Layout

[Jeovane Carvalho 6]

Olá amigos saudações à todos, não sei se seria aqui o lugar certo para abrir este tópico , mas gostaria da opinião de vocês profissionais e quem atua na área, sobre este novo layout que estou desenvolvendo, o que acham se ficou pesado , pois cheguei até validá-lo 100% no site do W3C http://validator.w3.org/, e as opiniões são importantes para mim, porque uma pessoa meio perfeccionista e sempre busco opiniões de terceiros para eu poder aperfeiçoá-lo e deixa-lo mais fácil de entendimento e sem poluição visual.. Desde já fico grato, segue o link do site abaixo:

 

http://www.jcimoveisbrasil.com/layout_teste

 

[pedrohsb 6]

Olá Jeovane,

 

Não gosto muito desses sites... Acho eles lotados demais com conteúdo.

O bom é ter pouco conteúdo (desde que ele seja essencial) uma página.

 

Quanto a questão de carregamento, de acordo com o Google, quase 40.000 eventos foram coletados e para mim demorou uns 45 segundos carregando a página.

 

Minha internet não é lá grande coisa, mas quem cria sites deve pensar nisso também: o tempo de carregamento de página. O Google por exemplo já diminui a relevância de sites pesados, ou seja, irá prejudicar seu cliente.

 

Sobre o tema poluição visual, volto novamente a dizer: deixe o conteúdo essencial. Imagine sua página como um tapete de bem-vindo que fica na frente da sua casa: ele chama a atenção do visitante, que decide se deve ficar ou não em sua página.

 

Não se sinta ofendido com esses comentários. Eles são construtivos e ajudam você a aperfeiçoar suas criações!

 

Lembre-se das dicas! ;)

Qualquer dúvida em relação ao meu comentário é só perguntar.

 

Atenciosamente,

Pedro HSB :)

[Electronic 124]

• Achei as imagens e ícones ruim, ou estão distorcidas ou não combinam como o site
• Preciso mesmo saber um código pra fazer a busca?
• O que aquele mulherzinha esta fazendo embaixo da busca?
• A sessão de "nossas redes sociais" esta muito ruim, tem até ícone do orkut, grandes espaços vazios.
• vc usou muitos plugins e cada um tem seu um estilo, o site fica sem padrão o que da uma impressão de site bagunçado.
• Não é responsivo

O site parece antigo, seria bonito a uns 15 anos atrás.

 

usando uma ferramenta do google ele te deu a seguinte pontuação

 

DESKTOP

32 / 100

 

MOBILE

25 / 100 Velocidade

61 / 100 Experiência do usuário

[Jeovane Carvalho 6]

Pow pessoal obrigado por responder, era isso que eu queria saber, e vendo estes pontos de vista irei criar um novo layout, verdade eletronic tbm notei as distorções dos ícones, achei que era minha visão que esva ruim rsrs, na verdade eu criei esses ícones usando o Adobe Fireworks cs3 da Adobe, quanto ao questionamento da busca de código dos imóveis, como o Eletronic citou, e para o cliente ter mais facilidade na busca de um imóvel, quando ele tiver o código para a busca, e quanto a barra com a mulher seria o atendimento online do site, e desde já agradeço a opinião de vocês valew.

[Electronic 124]

De uma olhada nos sites grandes desse setor, e vc terá exemplos do que é essencial e o que evitar. :yes:

[Jeovane Carvalho 6]

Então eu já pesquisei sim e muitos sites de grande porte usam o atendimento online e também a busca por código só esta faltando mesmo é eu elaborar um layout mais leve e com cores leves ou transparentes, estou começando a estruturar uma página em html 5, porque eu uso marcação de dados estruturados em referência a SEO por isso estou pensando em migrar para o html 5, mas quando criar um novo layout irei postar aqui para opiniões.

[Apenas Eu 13]

Já que você pretende reformular tudo de novo e se compenssar, vc pode fazer tambem o layout responsivo :)

[Jeovane Carvalho 6]

Sim já estou trabalhando nisso mas tenho uma duvidas , para um layout o que precisaria além de colocar a meta tag que se refere que o site é compatível para dispositivos móveis, li alguns tutoriais mas ainda tenho algumas dúvidas.. alguém poderia dar um exemplo. ?

[Apenas Eu 13]

Você precisa de um exemplo do código ou de um site responsivo? Ou os dois?

 

Uma outra coisa que eu queria lhe dizer sobre o site que você fez antes, na minha opinião ele não está ruim, embora precisa sim melhorar algumas coisas. Mas é que o estilo que você escolheu ficou ultrapassado. A tendência agora é fazer sites sem muito efeitos. Infelizmente se não seguirmos as tendências, acaba ficando meio para trás.

 

Alguns exemplos para você se inspirar:

 

http://windows.microsoft.com/pt-br/windows/home

 

http://spyrestudios.com/40-websites-built-with-the-twitter-bootstrap-framework/

 

http://webdesignledger.com/resources/premium-bootstrap-themes-templates

 

http://bootstrapbay.com/themes

[Jeovane Carvalho 6]

Pow amigo valew mesmo pela ajuda vou dar uma olha pra eu tirar novas ideias, seria um exemplo de código, porque pelo que entendi o site responsivo ele se adapta na tela dos dispoisitivos móveis e tablets sem dar zoom ,obrigado e feliz natal para você... vlw.

[Apenas Eu 13]

Obrigado! :)

 

Sugiro também você dar uma pesquisada como desenvolver sites responsivos, mas a estrutura basicona do css seria isso:

/* Desktop maiores */
@media (min-width: 1200px) { ... }
 
/* tables em formato porta retrato até os desktos no formato paisagem */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* dispositivo em paisagem até os tablets em formato porta-retrato */
@media (max-width: 767px) { ... }
 
/* dispositivo no formato paisagem e abaixos */
@media (max-width: 480px) { ... }

Esta eu extrai de um tal de boostrap e pretendo usar num projeto meu :)

[millano 3]

Jeovane, o que o "Apenas Eu" mostrou, são as media queries.
Não é apenas colocando um meta tag que tornará o site responsivo.

 

Você coloca estas media queries, que dizem que regras serão aplicadas quando a tela estiver de um certo tamanho.

 

Caso tenha interesse, eu fiz um pequeno tutorial sobre media query

Espero ter ajudado.

[Jeovane Carvalho 6]

Cara legal seu tutorial ja estou desenvolvendo um novo site e esta quase pronto para mim lança-lo e eliminei diversos erros que apontava no site do Google *PageSpeed Insights* e consegui melhor posição na pontuação, é treta pra chegar lá hein https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.jcimoveisbrasil.com%2Fhtml5%2Fresponsive.php&tab=mobile , mas consegui e aumentou até a velocidade do meu site e detalhe tornei ele RESPONSIVO para diversos dispositivos móveis. E pra chegar 100/100 você tem que eliminas todos os plugins ativar o cache de navegador e mesmo assim é muito difícil deixa-lo 100% mas do jeito que esta já melhorei e muito, fiz ele todo hein HTML5 e CSS3, antes a pontuação era 12/100 e agora esta 72/100 para mobilie e 79/100 para desktop.