]]>

4) Prototipagem – Estando sempre preparado para ajustar e adaptar

Prototipagem é a antecipação de cenários possíveis ou soluções que melhoram significativamente ou exponencialmente uma solução de concepção específica. Em certos casos, envolve a construção de protótipos de estudos hipotéticos para determinar novas maneiras em que um projeto de design já existente pode ser ajustado para oferecer soluções melhores e mais abrangentes. O desenvolvimento de softwares online open-source, tais como Linux, Eclipse, Apache e Mozilla são exemplos de protótipos publicamente documentados. Esses protótipos não são convencionais, mas são exemplos funcionais de software destinados à ajuda e melhoramento contínuo da nossa maneira de acessar a internet e experiência com computadores. Cada versão futura do design/software é baseado nas bases do modelo anterior.

O método mais popular de prototipagem no mundo do web design é o Protótipo de Modelo Visual (conhecido também como “website mock-ups” ou “mock-ups de sites”). Ele capta o design estético pretendido através de uma simulação de cor e aparência da idéia proposta sem incluir nenhum aspecto de funcionalidade do produto final. Há fortes debates na comunidade de design sobre a sua utilidade real e muitas vezes foi chamado atenção aos web designers para que façam mock-ups na marcação correta (por exemplo, não fazer no Photoshop e sim em CSS). Parece que está havendo uma mudança gradual em direção do Protótipo de Modelo Funcional – uma tentativa prática de simular o design final através de uma adesão estrita à estética e funcionalidade. De qualquer forma, o protótipo é uma ferramenta útil na filosofia do design para melhor conceituar como as idéias existentes podem ser expandidas e aplicadas para resolver uma ampla gama de problemas.

5) Trendspotting* – Mantendo-se atualizado

Tendências são uma parte inseparável da filosofia do design contemporâneo. Eles definem a complexidade artística e técnica de uma indústria e determinam se seu negócio está a par com os últimos desenvolvimentos no mundo do design. Um elemento frequentemente negligenciado na filosofia do design, o objetivo do trendspotting* é fazer anotações mentais de vários estilos estéticos / técnicos no design enquanto eles são incorporados nos seus projetos de design.

Tendências servem como uma base incrível para se criar idéias paralelas (spin-off). Elas incentivam a consistência criativa permitindo ao mesmo tempo que designers forcem as fronteiras destes estilos predominantes, na esperança de conseguir um projeto que é único e amplamente usado. Um exemplo deste fenômeno é o aumento do uso de elementos desenhados à mão no design. Desenhos feitos à mão estão rapidamente se tornando uma característica integral estética de muitos sites – é uma tendência crescente que incentiva designers a explorarem a beleza e flexibilidade da ilustração à mão livre.

(* – Trendspotting é a habilidade de identificar novas tendências)

Conclusões finais – Filosofia é sua amiga

Como designers, muitas vezes estamos mais interessados em aplicar novas idéias de design ao nosso trabalho do que em estudar a natureza de existência destes conceitos e como eles podem ser aplicados de forma construtiva. A filosofia do design é sobre analizar a prática metodológica do design em vez do design em si mesmo. Ela exige uma reformulação de todo o fluxo de projeto de trabalho de maneiras que permitem aos designers utilizarem melhor os recursos à sua disposição.

Espero que gostaram deste artigo tanto quanto eu gostei. Dúvidas ou complementações? Deixe um comentário.

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 2
• A metodologia do design e a filosofia – pt 1
• A importância de parceiros confiáveis

]]>

1) Pesquisa – A exploração completa do contexto do projeto

A pesquisa possuem uma similaridade com o processo de brainstorming mas com duas diferenças básicas. O brainstorming permite flexibilidade e um pensamento versátil – idéias aleatórias são geradas em rápida sucessão, com ênfase na quantidade e não qualidade. Ele também ajuda na criação de novos conceitos, em vez de um refinamento de idéias existentes.

A pesquisa, no entanto, é uma abordagem mais calculada, ideal para explorar o contexto de um problema de design. Envolve a análise cuidadosa do problema, pesando as limitação de um projeto particular. As restrições no design são os principais objetivos funcionais que o projeto em questão deve alcançar (o que poderia ser, obviamente, relacionados a demandas específicas de um cliente). Eles podem ser divididos em restrições negociáveis e não-negociáveis.

Por exemplo, ao projetar uma cadeira, haverá um conjunto específico de restrições que um designer teria que enfrentar. Em primeiro lugar, a cadeira precisa suportar determinada carga (peso) para satisfazer seus requisitos funcionais básicos (uma cadeira que quebra sobre a aplicação de um peso mínimo não é uma cadeira!). A “restrição de peso” de uma cadeira é inegociável, pois sem ele o projeto deixaria de ser funcional, não podendo assim fornecer uma solução adequada ao problema em mãos.

As restrições negociáveis na construção desta cadeira seriam itens que podem ser completamente modificados. Entre as restrições negociáveis estão o material usado, sua cor, o tipo de acabamento da madeira e outras qualidades estéticas intrínsecas, enfim, tudo que pode ser ajustado.

No caso de sites, essas restrições são categoricamente divididas em forma e função. Forma refere-se às qualidades estéticas de um site, que incluem seus elementos tipográficos, estrutura do layout e outros elementos visuais que compões as limitações negociáveis. As não-negociáveis no web design abordam o modo como um site funciona e como ele atende aos seus objetivos – a função. Se você está projetando um portfólio pessoal, o site deve estar equipado com algum tipo de galeria para mostrar seu trabalho; é uma restrição não-negociável que não pode ser negligenciada.

A pesquisa no design envolve uma “manipulação experimental” inteligente destas variáveis para satisfazer as restrições não-negociáveis e capitalizar inteiramente as negociáveis. A interação de um designer com as restrições de um projeto acontecem bem antes do próprio processo de design, durante sua fase de planejamento preliminar.

2) Redefinição – Moldando seu plano proposto do projeto

Uma vez identificado o problema do projeto e observado suas restrições negociáveis e não-negociáveis, é fundamental aprofundar as informações / especificações da solução do projeto para garantir que o conceito do design é adequado aos padrões e especificações da indústria. No mundo do web design, muitas vezes aderimos aos mark-ups limpos, lógicos e concisos e uma clara separação de estilo do conteúdo através do CSS. Estes são os padrões estabelecidos da indústria que deverão ser cumpridas antes do site ser considerado totalmente funcional e interoperável em vários navegadores.

A fase de redefinição no entanto nunca deve resultar em uma mudança drástica dos objetivos principais de um site, pois é um processo que visa transformar uma idéia do projeto em uma solução mais prática, aplicável e “industry-friendly“ (dentro dos padrões da indústria) ao problema apresentado. A velocidade, manutenção e acessibilidade de um site são muito dependentes de como uma idéia de um projeto é redefinida.

3) Gestão – Garantindo a continuidade

Bons conceitos de design (especialmente no caso de sites), muitas vezes resistem ao teste do tempo – eles permanecem na moda e são funcionalmente confiáveis, mesmo em períodos de progresso técnico / estético elevado. O Google é talvez um dos maiores exemplos de como um projeto pode manter uma continuidade ao longo do tempo. Eles tem mantido um layout visual coerente e efetivo com o passar de mais de 10 anos. O logotipo do Google também evoluiu levemente para refletir o uso maior de white space (o espaço em branco) – uma tendência do design contemporâneo que garante a legibilidade de um site. A continuidade de um projeto só pode ser verificado através da gestão adequada de como um design se desenvolve e amadurece ao longo dos anos.

Um aspecto central da gestão do design está na capacidade de re-design. Não é incomum sites sofrerem diversas mudanças no espaço de 5 a 8 anos (veja o caso do Design Blog!). Redesenhar, entretanto, não se refere a revisões drásticas, mas upgrades graduais do aspecto estético de um site e como ele funciona (popularmente definido como “realinhamento”). Para gerenciar um projeto, deve se adotar uma sensibilidade aguçada para tecnologias atualizadas e novas metodologias do design. Ter a habilidade de atualizar o sistema de gerenciamento de conteúdo (CMS – Content Managment System) de um site afim de providenciar mais funcionalidades (como um catálogo detalhado e compreensível de artigos de um blog) é um bom exemplo de gestão de design eficiente. O objetivo final, porém, é garantir que o design do site degrade graciosamente ao longo do tempo, sem parecer incoerente ou fora de sincronia com as minúcias do design moderno.

No próximo artigo, vamos falar sobre os 2 sub-componentes finais e concluir nossa série de artigos sobre “Filosofia e Design”. Fique ligado!

Leia aqui a parte 3

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 1
• A importância de parceiros confiáveis

]]>

Como profissionais da área de criação, estamos em uma jornada perpétua para achar meios e caminhos para melhorar nosso conhecimento da indústria do design. Um campo que demanda novas idéias que sejam práticas, originais e impressionantes. Mais do que nunca, damos atenção exclusiva a especificidades tradicionais dentro de algum campo do design, tais como princípios e tendências estéticas, elementos tipográficos e várias outras funcionalidades. Embora estas facetas do processo do design sejam inegávelmente cruciais, está na hora dos designers darem um passo para trás para entenderem e absorverem inteiramente a estrutura do processo de design e sua subsequente aplicação na indústria.

Neste artigo, vou explorar os conceitos introdutórios que envolvem uma compreensão do design de um ponto de vista filosófico. Ou, para ser mais específico, como que podemos notar o design à nossa volta e aplicar ele a nossos experimentos pessoais e comerciais. De uma maneira, a filosofia no design é sobre o desenvolvimento de uma compreensão de como o design funciona dentro dos confins do dia-a-dia.

Sufocando o medo – filosofia não é algo complicado

O termo “filosofia” gera muitas vezes um certo desconforto a muitos profissionais dentro da indústria criativa, um sentimento que eu também compartilho. Há uma tendência geral de associar filosofia com a noção de uma complexidade desnecessária e abstracionismo. Isto, no entanto, é uma avaliação incorreta da filosofia.

Irônicamente, filosofia é sobre retornar aos básicos fundamentais de um assunto (no caso, o design). Na verdade, a filosofia no design esforça-se para examinar o projeto em seu estado mais puro, sem noções preconcebidas ou subjetividades.

Explicando a semântica: o que significa “filosofia do design”?

É de vital importância estabelecer primeiro uma definição estável do que a filosofia do design realmente é. A interpretação mais comum da filosofia do design, pelo menos dentro do web design, diz respeito á abordagem do design. Isto inclui os suspeitos tradicionais como o “minimalismo” e “design orientado ao usuário” (“user-oriented design”). No entanto, estas definições são específicas demais para o propósito deste artigo. Eu adotei um conceito mais generalizado da filosofia do design.

A filosofia do design é uma exanimação do planejamento estrutural envolvido na criação de qualquer objeto / arte que possui uma função particular dentro dos domínios da nossa vida quotidiana.

No mais amplo de generalizações, o planejamento estrutural de um projeto refere-se à identificação de problemas no design e a elaboração de propostas de soluções funcionais para estes problemas, de uma forma que seja mais eficiente para os objetivos do projeto.

Existem 5 sub-componentes centrais na filosofia do design – pesquisa, redefinição, gestão, prototipagem e trend spotting. Vou dar uma definição de cada área para apresentar a você uma compreensão mais holística de como a filosofia do design opera dentro da indústria do web design no próximo artigo. Fique ligado!

Leia aqui a parte 2

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 2
• A importância de parceiros confiáveis

]]>

Design interativo

Modelo de processo mais simples de pensar no design centrado no usuário. Quanto mais interação (interação = transmitir informações claras) o site tiver com o usuário final, melhor ficará. A medida que o usuário navega e busca por informações, o site responde para o navegante o seu status atual. Por exemplo: informar se encontrou ou não algo, mensagens de validações de formulário, pré-loading, sugestões de informações, dar um feedback para qualquer ação do usuário e etc.

Design paralelo

Esse modo não é tão complexo como se imagina, porém demanda mais tempo de planejamento, pois pode e deve ser feito pelo menos duas opções de wireframes. Depois, basta combinar o que todos os wireframes tem de melhor e produzir um design único para o site. Baseado nesse resultado, começar a pensar na navegação, como serão os feedbacks, interações, etc.

Conclusão

Os dois métodos compartilham uma idéia básica: não há um meio certo para criar a interface perfeita, e você pode não obter uma boa usabilidade comprando a primeira ideia. Você deve testar varias ideias, combinar… o importante é pensar no usuário final.

Quem leu isto também leu:

• Princípios e meios para melhorar a experiência do usuário
• Hierarquia visual de elementos
• Mega sorteio Design Blog e Adobe!

]]>

Parceiros que fazem o que não fazemos

Quando começamos com o xCakeBlogs, o objetivo foi de facilitar ao máximo a vida de nossos clientes: fazíamos o design, a programação, o registro de domínios, a hospedagem, a configuração do WordPress e prestávamos assistência técnica. Nosso lema era simples: “Blogar é gostoso. Deixa o difícil com a gente”. Mas uma coisa nos trazia muita dor de cabeça: a hospedagem.

Tínhamos um plano de revenda de uma empresa. Não era ruim e nem sequer apresentava muitos problemas. O problema mesmo era com o cliente: se o blog ficasse fora do ar por 20 segundos, o cliente ligava pra gente cobrando. Se ele não conseguia acessar o e-mail, ligava. Se quisesse configurar um e-mail, ligava. Logo, terminávamos um projeto em 15 dias mas tínhamos contato constante com o cliente por 2 meses.

Mesmo cobrando um valor mensal pela hospedagem, muitas vezes o trabalho que dava ultrapassava o valor que ganhávamos. E quando você trabalha demais e ganha de menos, tem algo errado. É aqui onde entra a importância de ter um parceiro.

Dos seguidores no Twitter, o Cláudio Garcia sugeriu o serviço de hospedagem dele para cuidar dos nossos clientes – a Brasilserv. Testamos e vimos que era um servidor estável com atendimento rápido – algo importante nos dias de hoje, onde aguardar 24h por uma resposta é inadmissível. Não foi uma decisão fácil (pois não poderíamos correr o risco de trazer dor de cabeça ao cliente), mas transferimos todos os clientes hospedados conosco para a Brasilserv e paramos de oferecer um serviço de hospedagem.

Isto faz um ano e meio. Hoje, temos uma relação ótima com a equipe da Brasilserv. Se eu tenho algum problema ao hospedar algum site, eles resolvem. Quero abrir uma conta as 2 da manhã? Feito. E se houver algum erro na programação que deixe o site mais lento? Eles me informam (ao invés de avisar ao cliente) e eu resolvo.

Passamos em média 5 clientes por mês para o serviço deles, e eles cuidam do cliente como nós cuidamos – algo muito importante na nossa filosofia interna. E o melhor: eles entendem muito melhor de como funciona um servidor do que nós. Se algo dava errado na hora de hospedar alguém no nosso serviço, tínhamos que abrir um chamado no host e aguardar resposta (enquanto isto, o cliente gralhava no telefone). Um parceiro que faça o que você não sabe fazer é vital para oferecer um serviço completo ao cliente.

Parceiros para as horas de aperto

Recentemente tivemos férias coletivas no escritório, para compensar as férias que não tiramos durante o carnaval. Na semana antes, a correria para finalizar os projetos em aberto pois passaríamos uma semana longe do trabalho. Foi aí que um parceiro salvou a gente de novo.

Ironicamente, o próprio Cláudio Garcia (que nos indicou a empresa dele) nos ajudou nesta de novo. Tínhamos dois layouts prontos, só faltando passar pra HTML/CSS e fazer funcionar com o WordPress. Devido a experiências anteriores com ele, sabíamos que ele conseguiria quebrar esse galho.

Dito e feito: em pouco tempo ele conseguiu desenvolver tudo e colocar no ar. Fez até mais do que deveria, nos salvando de ter um cliente reclamão na volta das nossas férias.

Ter algum profissional competente como parceiro é importante. Não dá pra evitar qualquer designer ou programador e tratá-lo como inimigo profissional ou como concorrente; tem cliente o suficiente para todos no mar do design. Se você não tem alguém com que possa terceirizar seu trabalho nas horas de aperto, está na hora de colocar seu networking em prática. Assim, se você ficar doente algum dia ou tiver excesso de trabalho, pode encaminhar o trabalho para esta pessoa sem perder o cliente.

Desnecessário falar que você precisa dividir os lucros com seu parceiro, né? Afinal de contas, você pode ter conseguido o cliente: mas seu parceiro foi quem fez o trabalho.

Parceiros para troca de idéias

Sabe quando você está tentando resolver aquele problema macabro, mas não sabe como? Aquela cor de fundo não vai com a cor do texto, a imagem falta algo, o logo parece estranho, etc. São os problemas típicos de quem está a muito tempo no projeto e precisa de uma visão nova.

Eu, por exemplo, estou sempre batendo papo com o Filipe Fernandes – o rapaz maroto responsável pelo Choco La Design. Quando estou com alguma dúvida se a cor tá certa, se o alinhamento parece bom, ou o que quer que seja, mando uma mensagem e ele me fornece uma visão sob aspecto diferente. Em vez de passar as próximas horas tentando descobrir uma solução, em 5 minutos de conversa consigo descobrir como resolver o problema.

Parceiro nem sempre precisa ser o top da área

Claro que as vezes é importante ter um ponto de vista completamente diferente. Ou seja, “o mundo visto pelos olhos de quem não entende o que você faz”. Pode parecer bizarro, mas é verdade. Um exemplo: você criou um menu bem bacana pro seu site, mas está com medo que não pareça um menu. O risco do usuário não ver isto e assumir que não existem mais páginas internas no seu site é alto, e é um prejuízo com o qual você não pode arcar. Entra mais uma parceira minha: minha mãe.

Sim, ela sabe apenas ligar o computador para acessar o Facebook, falar no Skype com os parentes e jogar os joguinhos dela. Ela não sabe a importância da Gestalt no design, ou o que é proporção áurea. Ela é perfeita para conduzir testes de usabilidade. Ela representa a população mais leiga em termos de internet, então se ela consegue entender a mensagem que estou tentando passar com o meu projeto, eu obtive sucesso.

Procure parceiros

Não estou dizendo que você precisa ter o Cláudio, o Filipe, a Brasilserv ou minha mãe como parceiros – estou falando que você deve ter pessoas que podem te apoiar e te ajudar no que for necessário. E como falei: não importa se você é freelancer ou trabalha em uma empresa grande – um parceiro realmente pode ajudar.

Procure por parceiros em redes sociais, vire amigo deles acima de tudo (a relação profissional flui muito melhor quando você tem um nível alto de amizade com seu parceiro) e procure pessoas que façam parte de diferentes áreas – não só de design. Eles podem salvar tua pele no futuro.

Você tem alguma história interessante que envolva algum parceiro? Ou você está procurando alguém com quem trabalhar? Deixe um comentário!

Quem leu isto também leu:

• Workflow – sites e softwares
• Um espaço para designers brasileiros
• jQuery: o básico que todo designer precisa saber – parte I

]]>

Original e imagens: Spoon Graphics (traduzido por Design Blog)

Quem leu isto também leu:

• 5 dicas para criar um logo eficaz
• Como escolher sua impressora?
• A metodologia do design e a filosofia – pt 3

]]>

A importância do design esta na criação de produtos que facilitem a vida das pessoas sem esquecer a importância estética, ou seja, criar coisas funcionais e bonitas. Temos um mercado consumista onde há inúmeros aparelhos com as mesmas funcionalidades e preços. Por isso, hoje em dia o design é o fator decisivo no sucesso ou fracasso de um produto. Assim como um design bem pensado desperta o desejo dos consumidores, um design pobre e mal feito gera uma repulsa enorme.

Um problema encontrado ai é o aparente descaso das empresas com o design de suas marcas e produtos, pois muitas ainda consideram design uma perda de tempo e dinheiro, um gasto supérfluo e desnecessário.

Um bom investimento em design de um produto é como um blog, em curto prazo é um gasto relativamente alto, que poderia ser evitado. Mas em médio prazo (quando o produto é lançado no mercado e entra em disputa direta com seus concorrentes) se mostra um investimento altamente lucrativo, uma vez que o produto vende mais quando é novidade e tem sua vida útil comercial prolongada (ou seja, as pessoas compram o produto mesmo quando ela já não é mais novidade).

Bom design resulta em mais lucros

Em grandes empresas (como Coca-Cola, Apple, Google, etc) podemos perceber que há um grande investimento no design dos produtos e das marcas. Isso é um dos fatores que fez e mantém essas empresas como líderes mundiais (além do serviço de qualidade é claro). Já li em muitos blogs comentários de pessoas que falam que o design não é capaz de fazer um marca ou produto, e de fato não é; no entanto, ele é um fator de peso na disputa entre uma marca e outra, e cada vez mais a estética é o fator decisivo entre comprar ou não alguma coisa.

Vejamos um exemplo disso na prática: a Apple. A Apple produz computadores com um excelente hardware e roda sobre seu SO (sistema operacional) próprio, o que garante aos seus computadores maior estabilidade e faz-se assim um grande diferencial em relação aos demais. No entanto, buscando uma diferenciação ainda maior a empresa investiu pesado em design, e criou uma linha de computadores, o IMac, que hoje é uma referência no design de produto.

O design incrível é um dos fatores que faz o Mac ser tão cobiçado

Lembre-se: um bom design é tão importante quanto bom desempenho e preço acessível!

Quem leu isto também leu:

• A metodologia do design e a filosofia – pt 3
• A metodologia do design e a filosofia – pt 2
• A metodologia do design e a filosofia – pt 1

]]>

Eu aprendi PHP na marra, fuçando em script disponíveis para download. Naquela época, a documentação ainda era difícil de encontrar. Hoje em dia, existem milhares de sites que ensinam a linguagem. No entanto, como qualquer coisa na web, o ideal é ter um domínio bom do inglês. Um site que ensina bem é o Tizag – que além de PHP, ensina outras linguagens de programação. Para quem tem dificuldades no inglês, o wiki português Aprenda PHP é uma boa escolha.

Ilustração

Muitos designers podem criar gradientes e patterns incríveis, porém não conseguem criar uma ilustração básica para dar um toque pessoal a um projeto. Muitos dos clientes de hoje assumem que a ilustração faz parte do conhecimento básico de um designer, coisa que pode dar um ar diferenciado ao seu site. Com uma infinidade de tutoriais gratuitos e de qualidade sobre como fazer ilustrações básicas e avançadas, não há motivo pelo qual você não deve aprender.

Onde aprender?

Você acha vários tutoriais no Google, mas o melhor jeito mesmo é pegar um papel e lápis e começar a rabiscar idéias. Desenhe o que tem na sua mesa, depois desenhe coisas da natureza. Apenas a prática vai levar você para a perfeição.

Criatividade

Embora não há nada de errado em navegar a internet procurando por designs inspiradores, clientes querem que seus projetos fiquem diferentes do restante, com idéias originais para aumentar a originalidade de seu site. Na verdade, com tantos designs pré-feitos lá fora, convencer seu cliente que ele fez a escolha certa ao te contratar tem sido cada vez mais difícil; portanto, você precisa demonstrar sua criatividade. Ao se adaptar a um ambiente criativo ou aprender a pensar de forma criativa, você fica um passo a frente do seu cliente e pode impressioná-lo toda vez.

Onde aprender?

Aqui no Design Blog tenho dois artigos sobre criatividade: “Verdades sobre a criatividade” e “5 maneiras de quebrar bloqueios criativos“. Existem vários outros artigos na web, basta procurar.

Design de logos

O design de logo cabe na categoria de ilustração e criatividade, já que um logo é um ícone único a cada cliente. Embora não seja certo um cliente achar que o redesign inclue um logo novo, eles podem achar que isto está incluso no pacote. Se estiver, ótimo. Se não estiver, ofereça como adicional. Logos são elementos visuais que são mais bombardeados nas mentes das pessoas hoje em dia. E é uma ótima forma de expandir o seu próprio banco de dados de potenciais clientes.

Onde aprender?

Novamente, o Design Blog tem vários artigos sobre design de logos. O Webdesigner Depot tem um ótimo artigo sobre isto também. No entanto, vale ressaltar que criar um logo não é apenas abrir o Photoshop ou Illustrator e sair criando algo na louca! Se você não sabe nada sobre teoria do design, você estará fazendo errado.

PSD limpo, código limpo

Muitos clientes querem ter a segurança de que, se no futuro eles precisarem contratar alguém para modificar o trabalho que você começou, o novo profissional consiga entender o que você fez e como fez. Com isto dito, está no seu melhor interesse organizar seus arquivos PSD por grupos e camadas, além da utilização de labels. Código limpo e comentado também é algo importante, pois além de facilitar um desenvolvedor no futuro, pode te ajudar a se encontrar e quem sabe até facilitar para o cliente mais aventureiro que quer trocar algo mínimo.

Onde aprender?

Não tem muito segredo. Para mudar o nome de uma camada no Photoshop, basta clicar duas vezes sobre o nome da camada. Para agrupar várias camadas em uma “pastinha”, basta selecioná-las e apertar CTRL+G (ou CMD+G no Mac). Para deixar comentários em seu código HTML, use a tag <!– para abrir e –> para fechar.

CSS 3

A demanda por CSS 3 tem aumentado com a “alfabetização digital” dos clientes. Embora o Internet Explorer e outros navegadores similares ainda não suportem o CSS 3, focar seu design no navegador que o cliente usa é o que você precisa fazer até certo ponto. Se o cliente usa Chrome ou Firefox, você pode agilizar o processo de criação de bordas arredondadas e sombras usando o CSS 3, e em navegadores como o IE, o design não fica comprometido, apenas um pouco limitado. O uso de CSS 3 também dá espaço ao seu cliente para que ele possa mudar coisas sem se preocupar em ter que recriar a borda arredondada.

Onde aprender?

Antes de aprender CSS 3, você precisa aprender CSS. O melhor lugar para isto é no site do Maujor. Depois que você tiver domínio disto, o site CSS 3 Info fala apenas sobre CSS 3.

Javascript e Frameworks de Javascript

Efeitos em Javascript estão se tornando notáveis na web, dando mais personalidade e vida a um site. Portanto, aprendendo a codar em Javascript está se tornando algo quase que obrigatório a designers, pois ele influencia no comportamento do seu design. Existem vários frameworks de Javascript web afora que facilitam na hora de criar efeitos complicados, fazendo com que você gaste poucos minutos nele – mesmo se você for novo à língua.

É interessante você testar vários frameworks diferentes e escolher o que melhor se adequa as suas necessidades (e a dos clientes também), expandindo seu conhecimento sobre ele. Geralmente um cliente não se importa com qual framework você vá usar, mas se importa com os efeitos que você gera.

Onde aprender?

O W3Schools trata muito bem de Javascript (JS para os íntimos), assim como o Tizag. Quanto a frameworks, o JQuery tem uma documentação bem completa (além de ser um dos mais populares frameworks e o meu predileto), no entanto existem vários outros no mercado. Como falei, basta ir testando e encontrar o que você prefere.

Desenvolvimento para aparelhos móveis

É inegável: mesmo no Brasil, o uso de aparelhos móveis está se tornando cada vez mais popular. Recentemente, a operadora móvel Tim passou a cobrar apenas R$ 0,50 ao dia para acesso a internet ilimitada…para aparelhos pré-pagos! Um avanço, considerando que até semana passada pagava-se por kilobyte baixado – em celulares pré-pagos, assistir um vídeo online de 3 minutos poderia acabar com R$ 15 de crédito rapidinho.

Isto sem contar na popularização dos smartphones e os celulares touchscreen e iPhone’s da vida. Entendendo como fazer design para aparelhos móveis está se tornando um diferencial forte no mercado, pois design móvel é muito diferente de web design tradicional. Vou revelar um segredo de mercado aqui: web designers que souberem como fazer interfaces para aparelhos móveis irão se destacar no mercado brasileiro.

Onde aprender?

O blog Small Surfaces trata apenas de interface para aparelhos móveis. Já o UX Booth fala muito sobre design de interfaces no geral, mas sempre relacionando com interfaces móveis também.

É sempre importante manter-se a par das novas tecnologias e demandas como designer, enquanto você expande seu conhecimento continuamente. Isto não aumenta apenas o seu conhecimento, mas também afeta seu portfólio de um modo positivo e abre o leque para o tipo de projetos e clientes que você pode aceitar.

Inspirado no artigo do Design Reviver

Quem leu isto também leu:

• Como lidar com projetos web? Parte 2
• Como lidar com projetos web? Parte 1
• Como melhorar a usabilidade no seu layout

]]>

Briefing e contrato em mãos!

Com o briefing em mãos, está na hora de criar o mapa do site e fazer um brainstorming. É importante manter seu cliente a par do que você está fazendo para que ele saiba o que está sendo feito. Se você desaparecer durante as primeiras semanas, seu cliente vai começar a enviar e-mails ou ligar para o seu telefone para saber como que as coisas estão indo. Caso você atualize-o constantemente, ele se sentirá mais seguro em relação ao seu trabalho.

Cobrando o cliente nas datas certas

É importante que você lembre as datas de cobrança. Para isto, utilize lembretes como os disponíveis no iCal (para Mac) ou até mesmo configure o Google Calendar para lhe enviar um lembrete três dias antes do vencimento de cada parcela. Dois dias antes, envie o e-mail de cobrança ao seu cliente para que ele lembre de pagar no dia.

Peça para que confirme o pagamento, assim você pode deixar anotado em seu calendário que ele efetuou o pagamento. Aproveite e agradeça toda vez que ele pagar ;)

A metade do projeto

Chega um ponto do projeto onde você já tem tudo quase pronto: o design foi aprovado e codificado em CSS/HTML e agora basta acertar os detalhes finais. Essa é uma das partes mais demoradas.

Os detalhes são os mais demorados

É importante fazer o seu cliente parte deste processo final para que ele possa verificar se está tudo como planejado.

Comece a fase do beta-testing, onde você analisa se o site funciona em todos os navegadores mais atuais, assim como sistemas operacionais diferentes. O Adobe Browser Lab é uma ótima ferramenta que permite que você teste em navegadores e SOs diferentes sem ter que instalar nada.

Lance o “Release Candidate”

Assim que o site estiver pronto e você acha que já dá pra deixá-lo visível ao público, vá fazendo testes variados com seu cliente. Acesse todas as páginas, reveja todo o conteúdo. Peça para que seu cliente tire um tempo para navegar pelo site todo quando ele tiver um tempo livre – evite de fazer isto durante uma reunião com ele, para que ele possa focar melhor.

Revendo o site durante seu tempo livre, o cliente pode se focar inteiramente no site e verificar tudo com calma. Assim não ocorre do cliente olhar tudo rapidamente e aprovar, pedindo para fazer alterações mais tarde, quando o contrato já expirou.

Colocando no ar e última cobrança

Pronto! Basta publicar o site a todos e fazer a cobrança final (se houver). Mas não pense que acabou! Se você quiser ter um serviço diferente, ainda existem mais coisas que podem serem feitas.

Manutenção e serviços adicionais

Ofereça serviços de manutenção ao seu cliente. Estes serviços podem variar de atualizar o código do site quando necessário até atualizar fotos dos produtos. Você pode oferecer um valor mensal fixo ou um preço especial por atualização. No entanto, lembre ao cliente que após o site ser publicado, alterações maiores no design e no conteúdo devem ser orçados a parte como um novo projeto.

Serviços adicionais podem incluir um acompanhamento de visitas e SEO (seu site já deve ter SEO, mas lembre-se que estas otimizações devem ter um acompanhamento constante para melhores resultados).

Agora sim, acabou. Seu projeto web foi entregue, o cliente adorou seu trabalho e você está feliz. Parabéns!

Quem leu isto também leu:

• Como lidar com projetos web? Parte 1
• O que clientes esperam que web designers saibam
• Como melhorar a usabilidade no seu layout

]]>

Uma das perguntas que mais recebo no meu e-mail é “Como que lido com projetos web?”. Muitos web desigers conseguem um cliente mas não sabem o que fazer dali em diante. Neste post vou explicar tudo que você precisa saber para que seu projeto flua sem nenhum problema.

O contrato: definindo tudo antes do início

Contrato: peça fundamental

O contrato é de extrema importância e muitas vezes é ignorado pelos web designers (e até mesmo os outros designers das outras áreas). Ele serve para proteger o seu interesse como profissional e os interesses do seu cliente. Eis algumas coisas que devem ser explícitas no contrato:

Descrição do projeto, revisões e layout

O que seu cliente está contratando? Explique todo o processo, desde o briefing até a geração de alternativas e finalmente o formato de entrega do projeto. É muito importante que você deixe claro em relação as revisões. Quantas revisões que seu cliente terá direito de fazer pelo preço acertado?

No xCakeBlogs, oferecemos até duas revisões pelo preço acertado. Por que? Pois alguns clientes abusam e não aprovam a primeira versão do layout, não aprovam a segunda e ainda pedem mais alternativas. É por isto que, se não for aprovado da primeira vez, revemos o briefing com o cliente para ver o que nós entendemos errado. Pedimos que o cliente faça uma crítica construtiva e compare com o briefing que ele enviou. É importante para sabermos o que foi feito de errado por nossa parte (ou se o cliente estava indeciso na hora que escreveu o briefing). Caso passe das duas revisões sem sucesso, informamos que novo pagamento e novo briefing deverão serem feitos. Isto fica explícito no contrato.

Pagamentos

No contrato deve estar escrito se a forma de pagamento é à vista ou parcelado (que é combinado previamente). Independente de qual for, deixe claro quando cada pagamento é feito. Se for a vista, peça para que seja pago no início do projeto para evitar que o cliente desista no final e não te entregue nada, e se você quiser ofereça algum tipo de remuneração em caso de desistência (por exemplo, 50% do valor pago ou a porcentagem de acordo com quanto do projeto já foi feito). Se o pagamento escolhido foi parcelado, informe as datas de pagamento de cada parcela e o valor delas.

É importante que você sempre peça um valor adiantado, independente de quem for o cliente. Até mesmo parentes podem tentar te passar a perna!

Direitos autorais e copyright

Quem terá o direito autoral sobre o que foi criado? E quem terá a responsabilidade sobre o uso de fontes, fotos, arquivos vetoriais, etc? É ideal que, caso o cliente fornecer as fotos e fontes para serem usadas no layout, você deixe claro que o direito autoral é de responsabilidade dele. Já vi acontecer designers serem ameaçados de processo por terceiros pois seu cliente usou uma imagem deles como fundo para o site sem o consentimento do autor.

Prazos

Defina os prazos para cada etapa e data para entrega final. Lembre-se de dar uma margem de segurança, pois raramente o projeto é entregue exatamente na data prevista. Algumas vezes o cliente demora para preencher o briefing ou para aprovar uma das revisões, atrasando todo o processo. Deixe claro que, se o cliente não obedecer o cronograma (você deve definir a data limite para ele enviar o briefing, enviar o material para ser usado, aprovar as revisões, etc), você não deverá ser culpado pelo atraso na entrega.

Aprovação final

Consiga uma assinatura ou assinatura digital na versão final antes de ir ao vivo. Isto vai te salvar muita dor de cabeça se algo estiver escrito errado ou existe algum problema no código. Além do mais, isto dá ao seu cliente a confiança que ele precisa. Caso algo estiver errado após a aprovação final, você poderá cobrar adicional.

Cancelamento de projeto

Outra forma de se assegurar caso o projeto seja cancelado. Afinal de contas, você não pode ser lesado pelo tempo gasto com algo que foi cancelado antes de você receber uma compensação decente.

Os contratos não precisam ser sempre assinados e enviados via correios. Hoje em dia, a justiça já permite o uso e-mails como documento legal, então se seu cliente aprovar o contrato via e-mail já é válido (só não vale mensagens instantâneas como MSN ou “aceitação verbal”).

Existem muitos modelos de contratos disponíveis na web, basta dar uma procurada.

O briefing

Muitos designers pulam a parte do briefing por ser algo que as vezes o cliente demora a respoder, então eles fazem tudo às cegas. E isto só pode resultar em desastre.

Nem sempre é fácil entrar na cabeça do cliente, e isto será o seu salva-vidas. Pode até ser um briefing pequeno, mas com as perguntas certas você vai poupar muito tempo ao seu cliente e a você mesmo. O bom que briefings curtos podem até ser feitos via telefone (lembre-se de anotar tudo que ele falar!). Eis algumas coisas que você pode incluir em seu briefing, mas lembre de adaptá-lo aos projetos específicos que você faz.

Especificações técnicas

Dimensões, alinhamento e tipo de largura. Geralmente o cliente não vai ter idéia do que ele quer nesta parte, então nós no xCakeBlogs não colocamos este tipo de pergunta no briefing. Caso o cliente queira especificar que ele quer um layout com largura fluída, por exemplo, ele irá especificar isto de qualquer forma.

Pergunte também sobre domínio e hospedagem (seu cliente já possui? Caso não tenha, ele aceita sugestões?). Você irá fazer o upload da versão final do site, ou isto fica a encargo do cliente?

Conteúdo

Um mapa do site é bom. Peça que seu cliente defina quais páginas que serão criadas e o que ele terá de conteúdo. Se você ver que a estrutura não é das melhores, ofereça alternativas antes de começar o projeto.

Peça para que ele informe todo o conteúdo neste momento. Textos, logo, fotos, etc. Caso não esteja no contrato, informe-o que o texto precisa estar revisto e corrigido, e que as imagens já devem vir tratadas – tudo em formato digital! Já tive clientes me enviando texto escrito a mão (caneta e papel!) e fotos impressas. Quando falei que teria que cobrar para digitalizar tudo, o cliente ficou pasmo – afinal de contas, ele tinha escrito todo o texto no computador e, como não tinha impressora, passou tudo para o papel. As fotos? Ele também tinha em formato digital mas mandou revelar só para me entregar. Acho que ele nunca ouviu falar de “e-mail”.

Outra coisa que você pode pedir é todo o material de marketing prévio da empresa para você ter uma idéia de como eles administravam a comunicação empresarial no passado.

Dados de marketing

Público-alvo, percepção atual da empresa e percepção desejável, estilo, cores e formalidade do design. Além disto, a diferença entre eles e as empresas concorrentes.

Esta parte da diferença entre eles e as empresas concorrentes nem sempre pode ser algo claro. Muitas vezes o cliente procura defender sua empresa como se você fosse um comprador em potencial. É necessário lembrar ele que você precisa das informações reais. Se o preço do produto do seu cliente é maior do que do concorrente, por que é assim? Informe seu cliente que ele não precisa defender as diferenças, pois isto não vai lhe ajudar muito. A questão do preço por exemplo, pode ser por que a qualidade é maior (neste caso, você pode deixar o site com cara mais de “exclusivo”).

Peça por referências também. De preferência, referências do gosto do cliente. Em seguida, você vai analisar se as preferências pessoais do seu cliente são similares às preferências do público-alvo dele. Se notar uma diferença muito grande, informe isto. É importante ele saber que o site não é para agradar ao gosto pessoal do dono, mas sim ao gosto do público-alvo.

Amanhã continua o artigo. Fique ligado! Assine o feed RSS para não perder!

Inspiração: Onextrapixel

Quem leu isto também leu:

• Como lidar com projetos web? Parte 2
• O que clientes esperam que web designers saibam
• Como melhorar a usabilidade no seu layout