Sites mais limpos ou cheio de novidades

Tudo depende do cenário e do escopo do site.

Minha visão pessoal seria:

O site um artista plastico terá mais impacto com visual fora do convencional.

Um site onde um usuário comum iria efetuar pesquisas seria melhor mais limpo e focalizar a performance. O google mesmo é espartano no visual.

Se você quer um site responsivo, então é melhor um site mais fluído e limpo.

Mas mesmo um site cheio de funcionalidades pode ser projetado para ter uma usabilidade atraente.

O profissional as vezes fica entre a cruz e a espada, um webdesigner tem a obrigação de conhecer as "tendencias" exigidas no mercado, enfim, para o profissional de web, apenas o simples com o sistema fica mais complicado ainda, falo por atualmente está se exigindo cada vez mais do profissional web, não fazer site/sistema tem que fazer um "bonitinho" mes que esse exija muito conhecimento alem do que possui.

Deve-se levar em conta Tempo e Custo Benefício.

Se usando os indicadores acima você conseguir unir: fluidez, visual limpo, funcionalidades, usabilidade e visual fora do convencional e um padrão de projeto.
Então você terá atingido a excelência.

E é muito fácil se perder diante de tanta tecnologias: css 3 , html5, ajax, jquery, bootstrps, zurg, layout responsivo além dos meandros da linguagens de desenvolvimento.

O ideal é criar um template básico com tudo funcionando e depois adaptar as necessidades.

E uma coisa é certa no mundo e no desenvolvimento sempre vai haver os prós e contras.

Concordo o Jothaz, isso vai depender bastante do tipo de projeto, é algo que não existe uma unica "forma".

Considero isso um grande desafio, realmente não é facil conseguir a união simetrica dessas tecnologias.

Para um site que vai rodar na intranet da empresa em que você tem 2 dias para fazer não da para ficar com preciosismos, seria válido até usar table na diagramação.

Afinal com o uso de divs o browser fica mais rápido o que é imperceptível para o usuário. E a grande vantagem de layouts com div é que os robots (crawlers) indexam melhor sua página nos buscadores, num site para intranet não faz muita diferença.

Não estou incitando ninguém a usar conceito errados, agora tente convencer seu chefe, lhe dar mais tempo para poder usar os padrões de diagramação mais indicados.

Se você consegui fazer dentro do padrão e no tempo requerido, provavelmente você será promovido. Agora fique perdido tentando fazer dentro dos padrões e não entregue o projeto, provavelmente vais levar uma "nabada".

Isso depende do projeto, do cliente ainda mais então é necessario fazer o que ele pede, mesmo que seja contra as "leis da gravidade" kkkkk.

Fica assim, por via das duvidas é mais que exigido que se conheça um pouco de tudo o mesmo, dominando a base, html, css e javascript, algo mais para um conhecimento avançado?

Isto seria somente a "cabecinha" do iceberg! kkkkkkkkkkkk
Se você vai desenvolver para web seria o minimo aceitável.
O mau uso destas tecnologias pode afetar o layout, dificultar a renderização no browser e a forma com a página e indexada pelos robots dos sites de pesquisa.
O que é quase imperceptível para o usuário agora um desconhecimento na codificação afeta diretamente o usuário.

O mais importante e conhecer bem a tecnologia (linguagem) que você esta usando para desenvolver, pois não adianta um site lindo com a performance horrível.

O básico do básico seria: html, css e javascript, padrões de projeto, a linguagem usada (preferencialmente que orientada a objetos), sql e modelagem, webservices e metodologia para desenvolver/documentar.

Na imagem a seguir uma ideia de como poderia ser aplicados os conceitos supracitado (o exemplo é .net mas serve como exemplo). Claro outras pessoas usam de outra forma pois tudo depende do projetista e o exemplo não tem pretensão de esgotar o assunto. E dependendo da tecnologia que você esta usando talvez não seja possível aplicar tudo.

[img]http://arquivo.devmedia.com.br/forum/imagem/238223-20141117-155659.png[/img]

Isso depende muito do gosto de cada usuário, mas no meu ponto de vista um site mais "clean" e com design moderno (sem extravagâncias) chama muita atenção e prende o leitor.

É por ai mesmo.

Exceção a regra os sites porn, quanto mais saturada a tela melhor para o site. kkkkkkkkkkkkkkkkkkkkk

A imagem mostra bem a organização, mas nele tem até um sistema não é? se torna mais complexo.

Ronaldo, em busca do site ideial a se "copiar" a ideia.

Não existe perfeição sem muito trabalho é só vê o suor deixado nas academias de ginásticas! kkkkkkk

O que deve-se deixar claro é que a apresentação/usabilidade do site é primordial, afinal é ela que mostra a cara para o usuário, então isto não se discute.
Agora não se pode negligenciar a arquitetura usada na aplicação e principalmente o acesso aos dados. Outro fator importante é facilitar a manutenção, pois sempre haverá correções/melhorias a serem implemantadas.

No caso é somente um site divido em vários projetos desacoplados e com referências mutuas, assim expondo seus objetos.

Parece bem mais complexo que deixar tudo junto, mas não é, fica muito mais claro e fácil de entender e da manutenção, além de facilitar o reaproveitamento.
Só olhando a estrutura você já tem uma ideia de onde deverá proceder uma alteração, pois esta tudo separado (web, dados, regras de negócio, serviços e utilitários).

Por exemplo os webservices podem ser consumidos por qualquer outra aplicação pois são desacoplados. Assim você pode criar um serviço que valida login e utilizá-lo em qualquer outra aplicação. Se precisar alterar uma regra (que não seja estrutural) é só alterar o webservice que as aplicações herdaram a alteração. Não precisa de entrar em todas as aplicações e alterá-las. Outro projeto os Utilitários também poderão ser usados em várias aplicações.

Nem toda tecnologia permite esta abordagem, então deve-se aplicá-la na medida do possível e levando-se em consideração os limites da mesma.

Tenha sempre em mente que quanto mais camadas e mais desacopladas melhor. Pesquise no google que terá um material completo e esclarecedor.

Pode deixar, pesquisarei mais se surgir duvidas, estamos de volta!

Só lhe mostrei que no desenvolvimento para web o universo é vasto. Seria mesmo só para expandir sua visão e conhecimento. Então não se assuste.

Normalmente uso a abordagem descrita até para projetos menores. Mas já que tenho uma certa vivência e porque normalmente utilizo .net ou java ideais para este tipo de cenário.

Agora se você esta começando e seu projeto é simples: algumas páginas estáticas e uns 3 formulários, pode usar de uma estratégia mais simples. Vá adicionando complexidade a arquitetura dos seus projetos aos poucos.

Para quem esta iniciando seguir os seguintes passo já é um ótimo começo, mesmo porque tudo depende da linguagem que vocês esta usando.

1-Html
Use div´s pra layout, fieldset,label paar forms e table para tabular dados. Claro tente escrever um html limpo e de fácil entendimento.

2-Css
Coloque o css em arquivos separados e nunca use estilos in line

3-Javasctip/Ajax
Para mascarar/consistir os campo (cpf, cnpj, fone) use o Jquery. É bem simples, sempre tem atualizações e foi testado exaustivamente. Use o Ajax sempre que preciso. Claro é melhor colocar os scripts em arquivos separados.

4-Banco de dados
Faça uma modelagem decente criando os índice e contraints necessários. Crie expressões SQL coesas pois elas é que normalmente afetam a performance.

5-Linguagem de programação
Conheça profundamente a linguagem em que vai desenvolver. Crie algorítimos simples, claros e limpos.

6-Documentação
Sei que é um saco, mas criei pelo menos um documento com o escopo do projeto e os requisitos básicos. Isto ira ajudar na implementação/manutenção como deixará claro para o cliente o que deverá ser feito. Alguns clientes na medida em que o projeto avança vai adicionando novas funcionalidades ou mudando o escopo do projeto. Com um documento formalizado você pode mostrar que não estava previsto e que se quiserem adicionar algo, beleza, mas o valor e o tempo vão ser acrescidos proporcionalmente. Faça um contrato de trabalho nem que seja mequetrefe, pois isto vai resguardá-lo.

Agora estude: orientação a objetos, padrões de projeto, desenvolvimento em camadas, metodologia de desenvolvimento e webservices, pois em grades projetos vais precisar.

Só lhe mostrei que no desenvolvimento para web o universo é vasto. Seria mesmo só para expandir sua visão e conhecimento. Então não se assuste.

Normalmente uso a abordagem descrita até para projetos menores. Mas já que tenho uma certa vivência e porque normalmente utilizo .net ou java ideais para este tipo de cenário.

Agora se você esta começando e seu projeto é simples: algumas páginas estáticas e uns 3 formulários, pode usar de uma estratégia mais simples. Vá adicionando complexidade a arquitetura dos seus projetos aos poucos.

Para quem esta iniciando seguir os seguintes passo já é um ótimo começo, mesmo porque tudo depende da linguagem que vocês esta usando.

1-Html
Use div´s pra layout, fieldset,label paar forms e table para tabular dados. Claro tente escrever um html limpo e de fácil entendimento.

2-Css
Coloque o css em arquivos separados e nunca use estilos in line

3-Javasctip/Ajax
Para mascarar/consistir os campo (cpf, cnpj, fone) use o Jquery. É bem simples, sempre tem atualizações e foi testado exaustivamente. Use o Ajax sempre que preciso. Claro é melhor colocar os scripts em arquivos separados.

4-Banco de dados
Faça uma modelagem decente criando os índice e contraints necessários. Crie expressões SQL coesas pois elas é que normalmente afetam a performance.

5-Linguagem de programação
Conheça profundamente a linguagem em que vai desenvolver. Crie algorítimos simples, claros e limpos.

6-Documentação
Sei que é um saco, mas criei pelo menos um documento com o escopo do projeto e os requisitos básicos. Isto ira ajudar na implementação/manutenção como deixará claro para o cliente o que deverá ser feito. Alguns clientes na medida em que o projeto avança vai adicionando novas funcionalidades ou mudando o escopo do projeto. Com um documento formalizado você pode mostrar que não estava previsto e que se quiserem adicionar algo, beleza, mas o valor e o tempo vão ser acrescidos proporcionalmente. Faça um contrato de trabalho nem que seja mequetrefe, pois isto vai resguardá-lo.

Agora estude: orientação a objetos, padrões de projeto, desenvolvimento em camadas, metodologia de desenvolvimento e webservices, pois em grades projetos vais precisar.

Perfeita a abordagem por topicos! muito obrigado.

Perfeita a abordagem por topicos! muito obrigado.