50 Melhores Sites de Tutoriais da WEB

Abaixo você encontra uma lista que vale ouro e que você deve guardar. São os 50 melhores sites internacionais (inglês) de tutoriais para quem trabalha desenvolvendo sites. Praticamente todos os tutoriais oferecidos nestes sites são ilustrados e com todos os passos. São centenas de milhares de tutoriais sobre todos os assuntos que envolvem a criação de sites e suas ferramentas.



Por: Juliandra Ramos. 22 anos.
Desenvolvimento e Criação Web.
Cursando 3º Período - Web Desing - UCB
Um dos criadores do blog Web Marketing & Design.
.........................................................................................................................................................................

10 dicas de Webdesign para salvar seu site







Existem inúmeras razões para que tão poucos sites estejam trazendo retorno para as empresas. Um dos motivos pode ser o design. Siga estas dicas e aumente as suas chances de sucesso:









1. Menos é mais. Faça o site leve e rápido
Se você esta vendendo um produto ou serviço na Internet, não se deixe levar pelos 'artistas' da rede. Mantenha o foco em sua mensagem. Ninguém quer ver um layout cheio de animações e gravuras que nunca terminam de baixar.
Tenha em mente que se não ajuda a vender não serve. Não faça nada só porque os outros estão fazendo. Construa um site para agradar ao cliente, não ao chefe.
Lembre-se que "a imagem seduz, mas é o texto que vende". Se
você quiser passar sua mensagem não deve esconde-la. Use um layout limpo e elegante, clean. Simples, mas não simplório.
Você tem apenas alguns segundos para conquistar a atenção do Internauta. Mantenha as páginas leves, use poucas imagens, bem colocadas e comprimidas. O texto deve ser direto e objetivo. Especialmente na página inicial.

2. Padrão
Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagine chegar em casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "barato", mas depois de algum tempo, você começa a ficar ansioso e inseguro.
Da mesma forma, mudar a cara de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão em outro site e quando você menos espera, estarão mesmo.
Mantenha o mesmo padrão em todas as páginas. É fácil, basta:
• Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas;
• Deixar a logomarca da empresa sempre na mesma posição.
• Se o menu está à esquerda, deixe-o lá o tempo todo, se estiver à direita, idem.
Além de tudo, mantendo um layout padronizado você passa uma impressão mais profissional.
Pense no Mac Donald´s: uma franquia com centenas de lojas em todo o mundo, todas iguais. Você sabe que em todas elas vai encontrar o mesmo serviço e a mesma satisfação.

3. Navegação
A palavra chave é simplicidade. A Internet já é um labirinto de informações. Conheço diversas pessoas que ficam loucas quando têm que achar alguma coisa. Então não complique, torne a navegação em seu site simples e direta.
Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Você pode conseguir isto colocando menus para as áreas principais do site em todas as páginas.
Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Peça a ele que encontre alguma coisa que VOCÊ sabe que está lá, só não diga como.
Outra forma é imaginar-se um iniciante na Internet e verificar se seria difícil encontrar alguma informação.


4. Fale conosco
Já tentou entrar em contato com a empresa e se perdeu no labirinto de links e páginas sem encontrar o email ou telefone da mesma? Eu já e aquela empresa perdeu um possível cliente.

Para evitar este problema, coloque seu email em todas as páginas. Se necessário faça um formulário de contato com poucos campos para o usuário preencher. Apenas o nome, email, telefone (caso haja algum problema com o email) e um espaço para a mensagem são necessários. Você poderá pedir as outras informações mais tarde. O importante agora é fazer contato.

5. Logos e Imagens

Já disse que ninguém quer esperar dois minutos para ver uma gravura que nunca termina de carregar. Mantenha suas imagens a um mínimo possível. Se você tem que usar muitas imagens para passar sua mensagem, uma palavra: compressão.
Imagens são uma parte importante do site, mas podem torna-lo muito pesado. Para evitar ou pelo menos minimizar este problema, use compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.
6. Fontes (famílias de tipos de letra)

Use apenas uma fonte em todo o site. Se quiser usar mais de uma fonte, use apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras ao mínimo, você garante um visual mais padronizado e limpo. É muito mais profissional.

Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se você usar alguma fonte fora dos padrões, pode ser que os usuários não vejam as páginas como foram criadas.
Mantenha o padrão.

7. Espaço em branco

Tão importante quanto as notas de uma canção são as pausas. Pergunte a qualquer músico.
O mesmo ocorre no design de qualquer peça publicitária. Deixe que as palavras saltem da tela, colocando bastante espaço entre elas. Deixe o texto 'respirar'. Use margens à esquerda e a direita.

Seguindo estas sugestões, o visual ficará muito mais limpo, agradável e profissional.

8. Becos sem saída

Um beco sem saída é uma página aonde não existem links para sair dela.

Pense no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisar clicar no botão voltar, tem alguma coisa errada.
Você pode colocar um link nas páginas, mas esta não deve ser a única forma de sair da página.

9. Links Mortos

Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção".

Se a página não existe ou não está completa, não coloque indicações para ela, no futuro você poderá colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo.

Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá.
Veja que um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.

10. Links Quebrados

Teste todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro fator de frustração e falta de profissionalismo.

Se você tem muitos links externos (para outros sites), teste-os de vez em quando para manter a integridade do site.
Esse assunto gera muita polêmica entre os artistas gráficos e outros profissionais envolvidos no desenvolvimento de websites.








Por: Juliandra Ramos. 22 anos.
Desenvolvimento e Criação Web.
Cursando 2º Período - Web Desing - UCB
Um dos criadores do blog Web Marketing & Design.
.........................................................................................................................................................................



Maketing e Desing caminhando juntos

Por: Tadeu Eduardo Campos Soares Pinto. 45 anos.
Coordenador de Desenvolvimento de Sistemas
Gerente de Projetos em TI
ITIL Certified
Cursando 2º Período - Web Design – UCB
Um dos criadores do blog Web Marketing & Design.


               O marketing nos dias de hoje não mais se confina nos 4 Ps (produto, preço, praça e promoção), pois ele se tornou algo intangível, complexo até mesmo de mensurar. A cada dia torna-se mais difícil agradar consumidores cada vez mais ativos e vorazes por produtos que possuam uma “identidade” e que os complete.
               O designer (especialmente o gráfico) adquiriu conhecimentos da área de marketing, por entender que, em muitos dos conceitos do marketing, reside a nova função do designer: a de criar pensando no consumidor 2.0.
               Também está na mão dos designers o poder de avaliar as necessidades do cliente, analisar o que o seu público quer e, com base nestas informações, criar não apenas seguindo preceitos da estética da forma, mas através do tão conhecido valor de marca.
                É fato que o profissional de marketing sabe analisar o mercado, sabe obter dados como ninguém, e em conjunto com o profissional de designer, as soluções a serem adotadas passam a ser ilimitadas.
                Estratégias de marketing que envolve a identidade da empresa como um todo, deve envolver também o designer, pois este está ciente dos conceitos da empresa, do valor que a marca possui ou quer atingir,
                O III Seminário Marketing 360º, ocorrido em 2009 no Rio de Janeiro e patrocinado pela Sun MRM Worldwide, Copernicus Marketing Consulting, Dinamize e TNS Inerscience, mostrou a importância e a relação da natureza com o Marketing. Design e natureza caminham juntos se levarmos em consideração a precisão das soluções da natureza. As embalagens são caixas de biscoitos e também estão presentes nas frutas. A natureza serve como inspiração para tecnologia e projetos. “O morcego inspirou o radar e os barcos foram desenvolvidos com base nas baleias”, avalia Fred Gelli, sócio-diretor da Tátil Design de Idéias.
                Entender como a natureza “pensa” é um trunfo para quem desenvolve tecnologias, já que hoje é normal descartar um objeto mesmo que este tenha sido lançado há pouco tempo. De acordo com um estudo, o descarte de aparelhos celular é cada vez maior. Teve época em que a Nokia lançou dois telefones no ano. Hoje a empresa chega a lançar cerca de 37 aparelhos em 12 meses.
               
                Unir Marketing e Designer  e atuar de forma mais abrangente e segura para conquista de mercado.

As gerações estão mudando o marketing

Por: Joice Brum, 20 anos.
Desenvolvimento e Criação Web.
Cursando 2º Período  de Web Design na Universidade Castelo Branco
Um dos criadores do blog Web Marketing & Design.

.........................................................................................................................................................................


Entender comportamentos sempre foi o grande objetivo das agências de marketing e publicidade. Apesar de um avanço tecnológico monstruoso e incontrolável, está cada vez mais difícil estudar justamente quem consome o mercado de tecnologia. A conhecida Geração Y (jovens que nasceram nas décadas de 1980 e 1990) vive um mundo completamente virtual, seja através de um gadget que tenha às mãos ou através dos mais de 170 milhões de celulares habilitados até o fim desse ano, segundo dados da consultoria Tendências. 
 
Ultimamente, muitas empresas tem direcionado seus custos de marketing  para o perfil de consumo dessa geração que preza pela velocidade e tecnologia, é multitarefada, quer tudo à mão e ter a oportunidade de responder logo. O mobile marketing é a cara dos Y's: é rápido, seletivo, com capacidade alta de segmentar e atingir o público-alvo. É uma forma de encantar quem já não se espanta com nada: o lema "tudo é possível" embala o progresso.
 
A conhecida Geração Y conversa ao vivo, pelo celular, e-mail, MSN, Twitter ou qualquer outra ferramenta de comunicação. Isso torna esses jovens exigentes, e certos nas decisões tomadas, pois é uma geração informada, que questiona muito e exige rapidez e precisão. Porém, não é mais um desafio para as empresas como será a geração Z (jovens que nasceram entre 1994 e 2000), crianças que leem através do Kindle ou do iPad e suas canções de ninar são baixadas no iTunes. Eles são mais "antenados" do que a  geração Y e demandam que sejam levados a sério como futuros consumidores.
 
Definir a geração Z como bem integrada às tecnologias é tão obvio como dizer que o marketing visa atingir os consumidores. Os “Zers” são a tecnologia, requerem gratificações instantâneas e tem uma capacidade de concentração menor em relação às outras gerações. Assistiram o primeiro presidente ser eleito através o esforço em massa das redes sociais. Entendem que 140 caracteres não são apenas uma contagem de letras e espaços e, sim, uma arma a ser usada.

Ao tentar alcançar a geração Z, as marcas e os publicitários devem reconhecer que seu novo consumidor alvo se tornou um "expert" em marcas. O maior desafio dos departamentos de marketing será abraçar suas características como investimentos de longo prazo para a construção de um relacionamento duradouro. 

A tarefa torna-se, então, achar a melhor forma de atrair esse segmento para o mercado. Considere o botão “Like”, presente em muitos sites de redes sociais. “Gostar” de um produto pode levar amigos a fazerem o mesmo e a fidelidade à marca será gerada de forma espontânea a partir dos próprios consumidores. Tais marcas precisam entender a Geração Z como uma aliada de marketing, e devem estar abertas à sua participação. Além disso, necessitam trabalhar para proporcionar formas cada vez mais interessantes e originais para personalizar seus produtos, compartilhá-los com os indivíduos desta geração e evangelizá-los.


Fonte: administradores.com.br e msn.com

Só porque é ecológico, não precisa ser feio.

Por:Jefferson Mendes. 19 anos.
Estagiário de Design Gráfico.
Cursando 2º Período - Web Design - UCB
Um dos criadores do blog Web Marketing & Design.



 
Buscar desenvolvimento sem agredir o meio ambiente é necessário nos dias atuais. Precisamos encontrar saídas para economizar energia e recursos naturais.

Hoje vemos que nas construções os designs se preocupam com isso, conseguindo soluções de naturais de iluminação, reaproveitamento de materiais teoricamente descartáveis. Pesquisar o posicionamento do terreno, nascer e pôr do sol, aonde os dejetos serão depositados e se há coleta seletiva no local, facilitam o trabalho do design.

Nos meios de transporte, há uma intensa busca da utilização de combustíveis menos poluentes. Tínhamos o costume de ver projetos revolucionários, mas visualmente feios. Os designers entenderam que podem aplicar suas habilidades para desenvolver algo bonito em sua totalidade, ecologicamente e visualmente.

Utilização de produtos recicláveis ou de fácil decomposição também é uma saída, e muitos conseguem, com esse tipo de material desenvolver produtos em várias ares que, além de ecologicamente correto, são de bom gosto.

No blog Web Marketing Design, você encontra postagens de alguns designs que se destacam no quesito design e ecologia.


Sustentabilidade: e Eu com Isso?
Tema que orientou a Bienal Brasileira de Design 2010

Por: Juliandra Ramos. 22 anos.
Desenvolvimento e Criação Web.
Cursando 2º Período - Web Desing - UCB
Um dos criadores do blog Web Marketing & Design.
.........................................................................................................................................................................




Como todos podem perceber, o tema sustentabilidade afeta a todos atualmente. Aconteceu em Curitiba entre os dias 14 de setembro e 30 de outubro  a Bienal Brasileira de Design 2010. Sendo a terceira Bienal do gênero, o evento contou com a sensibilidade de todos, resgatando a  força direta e sintética nos cartazes a fim de buscar novos olhares que coloquem em questão e reflitam sobre o termo sustentabilidade, sua conceituação, uso e conseqüências.


Houve a participação em grande escala, não apenas por visitantes ou profissionais da área, mas sobretudo pelo público leigo.


Responsáveis pelo evento de design gráfico, teve tom provocativo, instigador da reflexão acerca dos significados do tema que orientou a bienal. Sustentabilidade: e Eu com Isso? que é o nome da exposição, composta por 30 cartazes. Vinte deles foram produzidos por artistas, designers e profissionais de várias áreas, convidados. Veja alguns abaixo:














“Esta bienal mira o futuro, mas fala do presente, da contribuição brasileira à sustentabilidade global”


“O termo sustentabilidade se desgastou, seu conteúdo está esvaziado. Nossa missão é reexaminá-lo sob a perspectiva do design inovador”, informa a curadora Adélia Borges, que organizou a bienal através de núcleos temáticos.

A exposição está sendo reapresentada na sede da Federação das Indústrias do Estado do Paraná (Fiep), no Museu Oscar Niemeyer, no Instituto Jaime Lerner e na rua 15 de Novembro.


Vendas pela internet e Web Design

Por:
Rafael Nogueira Rezende. 30 anos.
Operador de centro de processamento de dados.
Cursando 2º Período - Web Design – UCB
Um dos criadores do blog Web Marketing & Design.


Cada vez mais empresas compreendem que não ter uma loja virtual é certeza de perda de espaço no mercado. Estamos nos acostumando a ver que, empresas tradicionais estão procurando ter “filiais” virtuais.
Segundo a publicação Web Shoppers, o e-commerce brasileiro cresceu 40% no primeiro semestre em relação  ao mesmo período do ano passado, atingindo um faturamento de 6,7 bilhões de reais com uma previsão de 14,3 bilhões de reais até o fim do ano.

     Alguns dados da publicação:

- Até o primeiro semestre de 2010, foram 20 milhões de pessoas que compraram pela internet ao menos uma vez. Até o final do ano, esse número deverá alcançar 23 milhões.
- As categorias de produtos mais vendidas no 1º semestre do e-commerce em 2010 foram: livros e assinaturas de revistas e jornais, eletrodomésticos, saúde, beleza e medicamentos, informática e Eletrônicos.
- A Copa do Mundo alavancou o faturamento no 1º semestre de 2010 com a venda de TV’s de tela plana e artigos esportivos‟.
- O e-consumidor está cada vez mais seguro e confiante em realizar compras via web. O índice de satisfação dos consumidores brasileiros com o comércio virtual atingiu 86% no primeiro semestre.
- Cerca de 55% dos e-consumidores que fizeram uma compra pela internet proveniente de uma rede social são mulheres.
- Quando se diz respeito à idade, os compradores provenientes de redes sociais são, em média, sete anos mais jovens que os compradores do mercado: 34 contra 41 anos.
- Quando analisamos as categorias preferidas dos e-consumidores provenientes de redes sociais, Moda e Acessórios aparece como destaque, com cerca de 20% do volume transacional.
- De acordo com dados levantados na Pesquisa de Resistência a Compra, dos e-consumidores que visitaram sites e decidiram não comprar nenhum produto, 62% disseram ter consultado preço, valor do frete ou o custo total do produto, além de ter procurado por promoções e descontos.
- Dos entrevistados, 86% disseram que apenas olharam alguns itens e saíram da loja, não chegando a começar o processo compra. Já 14% disseram que deram inicio ao processo de compra, mas acabaram não concluindo o procedimento.

Porém só vender não deve ser o foco das empresas, elas devem se preocupar também o relacionamento. Uma boa relação com o cliente e um pós-venda preocupado com a satisfação, é certeza de que ele voltará e indicará a outras pessoas (Quem nunca comprou algo e ficando satisfeito indicou a loja e o vendedor a um amigo?).
Ela deve também “aparecer melhor” e ser achado com mais facilidade. Nesse ponto que um bom desenvolvedor sai na frente, indicando as métricas certas e aplicando o SEO (Search engine optimization) com responsabilidade, uma vez que não escolher as ferramentas e palavras-chave corretas pode ser uma faca de dois gumes.
Nesse nosso blog, damos algumas dicas de como o lojista ou quem desenvolve, pode fazer para conseguir bons resultados no mercado virtual.
Vale apena conferir...


Melhores Imagens


   

Busca

Visitas