10 Dicas para salvar o seu projetoCom a internet tornando-se cada dia mais importante como meio de comunicao e tambm como ferramenta de interao entre as pessoas, surgem cada vez mais interessados - estudantes ou apenas curiosos em aprender como criar pginas e websites. Com essa rica e interessante profisso em alta, criar um site que no seja de uma maneira profissional no mais opcional - se que algum dia foi.Se voc quiser ser levado a srio e se destacar, precisa desenvolver condies de desenvolver projetos memorveis e profissionais. O artigo de hoje ir apresentar 10 dicas valiosas que podem salvar o seu projeto.1 - Pense simples (ou a importncia do KISS)Se voc nunca ouviu falar do principio KISS, a vai: uma abreviao para a expresso "Keep It Simple, Stupid", ou seja, mantenha isso simples, estpido. Eu sei que a expresso soa um pouco bruta, mas especialmente interessante quando pensamos em seu significado para projetar websites. Afinal, projetos simples so mais fceis de criar, tornando-os mais baratos e mais rpidos, e, dependendo do sucesso na empreitada, podem ser memorveis e mais adaptveis.Pense que um projeto verdadeiramente simples tem de funcionar to bem em um smartphone como em um monitor de 24 e se destacar na mente dos usurios. Ao invs de tentar enfiar tudo o que voc poderia querer em um projeto, comece por se concentrar em um elemento chave que voc deseja destacar e construa todo o resto do seu site em torno disso.Trate sua idia central como um anncio em neon, algo que vai se destacar e levar a uma mensagem curta, mas poderosa. Steve Krug escreveu um livro inteiro sobre isto No Me Faa Pensar uma leitura obrigatria a qualquer um que trabalhe com design, especificamente web design.2 Usabilidade, ou unir o til ao agradvel A usabilidade aplicada a um site importante porque a forma que temos para ajudar os visitantes a encontrarem as informaes que eles precisam. As estatsticas mostram que, em mdia, um site tem apenas 8 segundos para captar a ateno de um visitante. Portanto, se o contedo estiver confuso, ou se o assunto principal no est claro, o visitante sai daq pgina.Incluir coisas como um boto de pesquisa no topo da pgina para que os usurios possam digitar um termo para pesquisar contedo ou usar mapas do site tambm melhoram a navegao na web pgina. Tambm importante no deixar que o usurio perca tempo esperando: melhore a velocidade do seu site diminuindo os filmes em flash e aumentando em tipografia. Antes de publicar seu site, realize testes de usabilidade. Coloque-se no lugar do usurio e analise o quo confortvel e direto ou seu site est.3 Faa tudo acessvel Acessibilidade implica em no haver barreiras para os mais diversos tipos de usurios. Programar acessibilidade em web sites mais fcil do que a maioria das pessoas pensa e os benefcios disso esto alm de serem exclusivamente focados em usurios com deficincia visual. Se voc souber que mecanismos de busca navegam no site lendo apenas o cdigo (e no vendo) voc vai entender quais os benefcios de se desenvolver com este paradigma em mente. Usar o atributoaltpara legendar cada elemento visual uma medida simples, mas que contribui e muito para a acessibilidade. Utilizar cabealhos, listas e uma estrutura consistente so outra forma de auxiliar a navegao para todos os grupos de pessoas.Sempre que possvel, ao incorporar scripts, appletsou widgets sua pgina, fornea contedos alternativos para serem visualizados se as caractersticas desses elementos no forem acessveis ou no forem suportadas pelo navegador.4 Use Web Standards Web Standards um termo definido para a criao de um padro para construo de sites, e significa, ao p da letra padres web. Estes padres so determinados pela W3C, rgo que rege os padres de comunicao e acessibilidade na internet, apoiado pelas maiores empresas de tecnologia da informao do mundo. Com eles, voc aprender o HTML da maneira correta, ou seja, usando tabelas para estruturar informaes e no servir para construir a estrutura de um site, usar tag para ttulos em geral, tag para pargrafos, entre muitas outras regras que visam a padronizao das pginas na internet. A importncia em utilizar web standards est na otimizao do cdigo, na facilidade e na simplicidade em sua implementao, extrema facilidade de manuteno e, de quebra, voc ganha um site otimizado para mecanismos de buscas! 5 Beleza fundamental, simUm bom web designer deve sempre procurar uma forma de encontrar um equilbrio entre forma e funo. Design est intimamente relacionado em criar interfaces fceis e intuitivas e sem barreiras para os usurios. Navegar em uma interface agradvel, bonita e que no agride os olhos de quem est navegando no uma tarefa fcil e muitas vezes damos demasiada importncia ao fator bonito em detrimento da navegao e da usabilidade. Lembre-se que o design deva ser utilizado como uma abordagem em conjunto com os outros itens dessa lista e no como uma regra superior sobre todas as outras. Mas no esquea que o design do seu website representa a empresa do cliente e que o faz, portanto, deve faz-lo de uma forma concisa, limpa e visualmente agradvel.6 Imagem tudo, mas pense pequenoImagens enormes so a principal causa de pginas lentas. E otimizar suas imagens para web no uma tarefa difcil. Sempre usa imagens no tamanho exato ao campo a que se destinam, evite comandos como width e height para redimensionar as imagens. Faa as miniaturas com CSS ou Java script, evite faz-las com imagens. Use grficos com moderao para ilustrar algum tipo de informao, e no somente porque os achou bonitos. Evite gifs animados em excesso, alm de demorar mais no carregamento, elas podem tirar o foco dos outros elementos da pgina. Use-os com moderao. 7- Padro F de Leitura e EscritaComo a maioria dos povos l da esquerda para a direita e de cima para baixo, nada mais bvio do que escrever nesse padro, conhecido como padro de leitura em F. Esse o padro geral de leitura, portanto, deve ser tambm o de escrita, para capturar a ateno do visitante nos pontos certos. Como preciso primeiro conquistar o leitor para que depois ele de fato leia todo o contedo da pgina, algumas dicas devem ser seguidas para no perd-lo no meio do caminho, como: usar ttulo da pgina claro e destacado, valorizar os 2 primeiros pargrafos (dizendo logo o que vai ser encontrado na pgina), evitar pargrafos introdutrios longos e usar listas para destacar pontos importantes. Tambm importante utilizar subttulos para especializar o contedo e efeitos de texto (negrito e itlico) para dar nfase a determinadas partes do texto que queira destacar.8 - FontesProcure usar fontes sem serifa para o seu site. Elas so muito mais fceis de ler em monitores de computador, porque a resoluo da tela no to alta quanto na impresso. Se voc usar fontes com serifa para o texto normal, as letras podem aparecer borradas na tela tornando-as difceis de ler. Limite o nmero de fontes diferentes . Uma das melhores maneiras de fazer seu site parecer amador fazer uma salada de combinaes de tipos de letras. Limite sua pgina e site para duas ou possivelmente trs famlias de fontes padro, mais do que o suficiente para dar uma unidade visual ao site, destacar partes do texto e vai tornar o visual do seu site mais consistente e harmnico. Use famlias de fonte padro. Se voc pode optar por usar fontes pouco conhecidas em sua pgina, as chances de que um de seus leitores possua essa fonte com certeza ser muito baixa. Sim, eu sei que fontes como Verdana, Arial, Helvetica podem parecer manjadas, mas a soluo mais simples e correta para que no ocorram problemas na visualizao do site. Voc tambm pode anexar as fontes pelo CSS, como escrevi neste post.9 10 - Teste suas pginas em vrios navegadores. Escrever pginas da Web que funcionam somente no navegador mais moderno uma atitude suicida para o sucesso do seu projeto. A menos que voc est escrevendo um site para uma intranet corporativa ou um quiosque onde a verso do navegador fixa, voc vai ter problemas com as pessoas no serem capazes de ver suas pginas.