Vamos lá, pra galera que pretende ser um designer, ai vai 5 Docas que você precisará seguir na sua carreira...

1) Atualização é tudo.

A carreira de designer é uma das que mais exigem do profissional uma constante atualização na área. Tudo acontece muito depressa. Num piscar de olhos surgem novos conceitos e novas ferramentas. Um designer desatualizado é tão útil quanto mandar um e-mail com uma máquina de escrever.

2) Cuide de sua saúde mental e física.

Se um designer não estiver bem mentalmente (estresse, falta de concentração, “saco cheio”) dificilmente seu trabalho irá render. Por ser uma área criativa, a saúde mental é fundamental para que tudo flua suavemente. Se a criatividade for embora, o designer também vai. É preciso prestar atenção também à saúde física. Na maioria das vezes um designer passa grande parte do dia sentado, por isso é importante fazer breves pausas e se alongar.

3) Saiba lidar com pessoas.

Muitos pensam que um designer lidará apenas com hardware e software. Errado! Empregado ou empresário, o designer obrigatoriamente terá que lidar com pessoas. E a quantidade de tempo que se passa em frente ao computador pode “destreinar” o profissional nessa verdadeira arte. Esteja atento a isso.

4) A teoria é bonita. A prática é linda.

Alguns designers se apegam tanto à teoria que acabam deixando a prática de lado. Apesar de ser um erro atípico (o contrário é mais comum), tal ação pode transformar um profissional em alguém que fala bonito, mas faz pouco.

5) Ame o que faz.

Para alcançar a felicidade no trabalho, em qualquer área, é preciso realmente amar o que faz. Pergunte-se regularmente: amo o que faço? Um designer feliz, que ama seu trabalho, tem mais chances de crescer dentro dela e se tornar um profissional de sucesso.

Espero que essas 5 dicas sejam úteis para aqueles que desejam seguir essa carreira tão fantástica. Feliz 5 de novembro a todos!

Fonte: Designer nerd

Você certamente passa horas em trabalho de parto, escrevendo e estruturando seu texto, criando o artigos perfeitos para seu blog ou site. Mas, quanto tempo você gastou para garantir que suas imagens estão com um SEO (search engine optimization) otimizadas para o seu melhor desempenho? As imagens tornam o artigo mais atrativo aos leitores e são uma grande oportunidade para melhorar a sua página nos motores de busca, em especial o Google Imagens.

Blogueiros experientes sabem aproveitar todas as oportunidades para aumentar seu apelo para motores de busca. Por que você se importaria com isso? Porque cada vez que seu post aparece nos resultados dos motores de busca, você tem a oportunidade de dirigir mais tráfego para seu blog – isso significa mais leitores e se você estiver vendendo algo, mais clientes!

4 Passos para a Otimização das Imagens

Aqui estão algumas maneiras fáceis de usar as imagens que você coloca em seu blog para SEO finalidades:

1. Otimizar começa com o nome

Só porque sua câmera nomeia automaticamente uma imagem “234455.jpg” não significa que este é o melhor nome. Os motores de busca não têm idéia do que fazer com isso! Renomeie suas imagens para algo distinguível e de acordo com o assunto tratado na imagem, como por exemplo “cachorro-quente-barato.jpg” em uma foto de um cachorro quente.

Faça o nome da imagem descritiva, com algumas de suas palavras-chave, só não vai se empolgar e colocar um título de 10 palavras.

2. Alt: Use sempre o Texto Alternativo

Além de ser útil do ponto de vista de usabilidade, motores de busca utilizam o campo de atributo alt para ajudar a determinar o conteúdo da imagem. Se o campo alt está vazio, os motores de busca nem sempre sabem a melhor maneira de interpretar a imagem.

Se você estiver usando o WordPress, é simples alterar as informações de alt. Basta fazer upload de sua imagem usando o ” Adicionar Imagem “, e depois no campo “Texto Alternativo”, adicionar suas informações do “alt”, e mais uma vez usando as palavras-chaves descritivas.

3. O “Title” diz tudo

O título (atributo title) é o que aparece quando seu cursor passa sobre a imagem. Preencha as informações do título da mesma maneira que preencheu o atributo “alt”, usando o mesmo método do “Adicionar Imagem” no WordPress.

Com o exemplo acima o código da imagem ficaria assim:

<img src=” cachorro-quente-barato.jpg” alt=” Cachorro Quente Barato” title=”Cachorro Quente Barato”>

4. Mantenha as palavras chaves no artigo

Parece óbvio que você use suas palavras chaves no artigo, mas alguns blogueiros esquecem, pensando que é o suficiente mencioná-las no título. Não é bem assim. Se o seu artigo é sobre como fazer itens de decoração com palha, não faria sentido você colocar a foto do cachorro quente barato.

Para você entender melhor o SEO das imagens, pense sobre o que as pessoas pensam ao digitar no Google ou Bing, em seguida use a frase sempre que puder – sem exageros, lógico.

Fonte: Design Blog

Na hora que criamos um site, podemos deixar algumas coisas passarem despercebidas. Essa lista de 10 itens que não podem faltar em seu site pode te ajudar a não esquecer!

Sempre que um webdesigner cria um site, o brilho dos olhos é ver aquele PSD na tela, em puro HTML + CSS. É, de fato, uma das sensações mais prazerosas para quem desenvolve esse tipo de trabalho. Claro, não é só isso: É necessário organizar os arquivos, decidir se irá usar alguma plataforma CMS ou não, ajustar os links, entre outros detalhes que cada webdesigner tem seu método para desenvolver as etapas de seu projeto.

Independente da tecnologia utilizada, plataforma ou linguagem, há alguns itens super importantes que jamais podem ser esquecidos em um bom site. Fiquem de olho no checklist e não esqueça os itens a seguir.

Campo de busca

Um campo de busca é super importante em um site. Através dele o usuário tem a facilidade em buscar algum conteúdo interno. De preferência, que o mesmo fique no topo ou na barra lateral, de fácil acesso ao internauta.

Links Internos

Evite erros 404. Se alguma página do seu site tem algum link para outra página interna, verifique cuidadosamente antes de publicar. O interessante é personalizar a página 404 com um email pra contato, para que o usuário informe qual página está exibindo o erro.

Divida em partes, dinamize.

Esta dica pode ser ignorada para quem usa plataformas CMS como o WordPress. Se você ainda cria páginas estáticas, não dê asas a algumas imperfeições: Dinamize suas páginas HTML separando a estrutura do site. Crie um arquivo só para a Header, já que é um código que será repetido em todas as páginas. Se precisar alterar algo, será em apenas um arquivo. Separe por cabeçalho, barra lateral, rodapé e corpo. Além de mais organizado, fica mais fácil realizar alterações mais tarde, caso necessário.

Foto: Stock.xchange

Redes Sociais

Sim, elas são super importantes. Coloque ícones das redes sociais, com botões de compartilhamento em páginas e posts. Além de ser uma tradicional técnica de SEO, ajuda a divulgar seu site.

Política de privacidade

Se você tem um portal ou um blog que tenha alguma interação com o usuário, é importante que exista uma página falando sobre a política de privacidade do site. Informe o usuário sobre cookies, armazenamento de dados pessoais e outros itens do tipo.

Formulário de contato

Um formulário de contato é indispensável, mas ele deve funcionar. Não adianta ter um formulário que não funcione ou que vive dando erros. Ele é a forma mais simples e direta do internauta entrar em contato com você.  Recomendo que use um link do email, junto a página de contato. Algumas pessoas usam muito softwares de email, pode ser mais prático pra eles também.

Versão mobile

É interessante uma versão móvel do seu site, devido ao grande número de acessos por celulares e tablets. O bacana é desenvolver uma estrutura respeitando práticas do Design Responsivo para uma melhor experiência de usuário

Tenha um sitemap

Ter um mapa do site, principalmente em XML facilita (e muito) a indexação do seu site nos mecanismos de busca. É, também, um método de otimização.

Trabalhe os menus

Deixe os menus organizados e pronto pra receberem submenus. Já cheguei trabalhar em um projeto que tinha tudo pra não ter sub-menus e acabou tendo, ou seja, mais linhas de códigos extras depois do projeto pronto. Deixe os menus preparados pra qualquer inclusão desse tipo.

Refine seu código

Deixe o código do seu site limpo. Ao concluir, remova espaços em branco. Pode parecer bobagem, mas isso ajuda na velocidade de leitura das páginas.

Dica Extra: Comprima suas imagens. Quanto menor for os jpgs e pngs do seu site, menos tempo ele levará pra carregar. Pra quem usa mac, o PNG Compressor é uma ótima ferramenta para você comprimir as imagens do site sem perder qualidade.

Fonte: Design Blog