Para iniciantes: próximos passos

Agora, assumindo que você já leu “Projetando Websites: A Prática da Simplicidade” e estudou todos os tutoriais e exemplos do HTML Dog. Assumindo que você já leu pelo menos 30% do que está disponível no Web Design From Scratch (cabe dizer que o site foi belissimamente redesenhado desde a última vez que eu o linkei), estas são as próximas coisas que você deve fazer:

Leia "Usabilidade na Web: Projetando Websites com Qualidade" (de Jakob Nielsen e Hoa Loranger) e "Não Me Faça Pensar - Uma Abordagem de Bom Senso à Usabilidade na Web" (de Steve Krug).

Aprenda touch-typing, você colherá os frutos deste esforço muito rapidamente! Há bastante ferramentas disponíveis para ajudar você a aprender em pouco tempo, algumas são até baseadas na web!

Estude estes recursos que vão ajudar você a dominar as técnicas de layout CSS e outros conceitos e tecnologias-chaves para a Web:

• A adorável Introdução ao Currículo dos Padrões Web do Dev.Opera - É um curso completo dos fundamentos que definitivamente é imperdível para os iniciantes.
• All about Floats do CSS TRICKS - Leia-o e você vai "sacar" o assunto num instante.
• Os Layouts de Website do Matthew James Taylor - Estes são ouro puro, estude-os com carinho, desconstrua-os, refaça-os.
• O Reservatório de Layouts do BlueRobot - Estes são um pouco antigos, mas eles são ótimos de qualquer forma, estude-os e sinta-se livre para ignorar as referências a navegadores que não são mais usados.
• O Layout Gala do Alessandro - Também são antigos, não se esqueça de testar nos navegadores mais recentes antes de usar um deles.
• Os Frameworks CSS Blueprint.CSS e 960.gs - Gaste seu tempo estudando-os muito cuidadosamente, mesmo se você não planejar usá-los, já que você pode aprender muito descobrindo como eles funcionam. Postarei uma lista dos melhores Frameworks CSS disponíveis junto com alguns comentários sobre cada um deles, só não sei ainda quando farei isso, então fique de olho!
• O famoso CSS Zen Garden do Dave Shea - Há um bocado que aprender aqui!

Não copie e cole simplesmente das galerias de layouts e dos tutoriais! Estude-os por completo e então tente refazê-los sem olhar o código deles! Tome cuidado com a tentação de ficar usando Frameworks CSS prontos indefinidamente, você nunca será um dos melhores se não se der ao trabalho de atravessar toda a curva de aprendizagem das técnicas de layout com CSS!

Estude estes recursos sobre os fundamentos do design e comece a aprender a usar uma ferramenta de Desenho Vetorial, eu recomendo o Inkscape e os tutoriais on-line são um excelente lugar para começar! O Inkscape está disponível para Mac OS X, Linux e Windows!

Divirta-se com o que você faz! Se você se entediar então provavelmente esta área não é para você, pois estará competindo contra um monte de gente que é bastante entusiástica sobre o que faz.

E não se esqueça de voltar aqui (de preferência, subscreva-se ao meu feed) para descobrir o quê fazer quando tiver completado estes passos!

Para iniciantes: autodidatismo

Você pode estar se perguntando, se leu meu post anterior, como e onde você aprenderá aquilo tudo?

Aqui estão as respostas:

Web Design From Scratch, de Ben Hunt: este deve ser seu ponto de partida, você não pode ter lido o bastante se não o leu todo.

HTML Dog, de Patrick Griffiths: leia tudo, começando pelos tutoriais para iniciantes. Mesmo que pareça fácil demais às vezes, não pule os fundamentos! Você vai se arrepender disso mais tarde.

Mas... não tem alguma coisa de estranho? Os links que eu postei são para sites em Inglês!

Há um motivo para isso. A quantidade de conteúdo de qualidade em língua inglesa é imensamente superior à quantidade que há em Português. Logo, você deve aprender Inglês se você quer ser bem sucedido neste ramo. Um ótimo lugar para começar é o Inglês Online.

Antes que digam que eu criei polêmica ao não recomendar sites brasileiros, aqui vão dois:

O Maujor escreve e traduz muitos artigos de qualidade, é sua salvação se você ainda não sabe Inglês.

O Tableless é referência nacional na nossa área, não deixe de visitá-lo.

E, é claro, meu blog, onde você obterá dicas como estas e ainda mais links para excelentes recursos de aprendizado!

Para iniciantes: minha dica número um

Pessoas frequentemente me procuram com estas questões:

1. Como tornar-me um designer/desenvolvedor web?
2. Preciso ter um diploma em Ciência da Computação, ou talvez em Design (como em design para mídia impressa), ou até mesmo em ambos?
3. Qual deveria ser meu primeiro passo?

Minhas respostas:

1. Para tornar-se um designer/desenvolvedor bem sucedido, é preciso estudar muito as coisas certas, e praticá-las bastante, não há muito além disso.
2. Não, veja algumas das razões aqui (link em inglês).
3. Leia “Projetando Websites: A Prática da Simplicidade” de Jakob Nielsen (Designing Web Usability: The Practice of Simplicity, título original).

A dica número um que mencionei no título do post?

Comece concentrando-se em o quê você deve fazer, somente engaje-se com a parte do como, quando for claro para você o quê seus clientes precisam de você.

O quê fazer? Criar websites usáveis, acessíveis e compatíveis, que são tanto atraentes visualmente quanto simpáticos com os seus usuários. As palavras-chave que devem estar vagando pela sua cabeça são Retorno Do Investimento, Taxa De Conversão, Otimização, e outras similares!

Como fazer isso? Aprendendo e aplicando XHTML, CSS, Javascript, PHP e MySQL primeiro. Outras tecnologias (tais como Ruby, Python etc.) devem vir mais tarde e somente quando você tiver pesado seus prós e contras para os tipos de serviços que você estará prestando então.

Há ainda alguns detalhes dos quais você deveria estar ciente durante este processo, mas os deixarei para outros posts.

Boa sorte!