Semelhanças entre o Cabeleireiro e o Webdesigner: erros de briefing

Semana passada fui cortar o cabelo, depois de dois meses de cabeleira. É, depois que percebi que estava ficando careca, deixei o cabelo por mais tempo e assim as pessoas ao invés de dizer que estou ficando careca, dizem que preciso cortar o cabelo. ;)

Bem, mas não quero dar aqui dicas de estética capilar mas de briefing.

“Bruno, o que tem a ver cabelo com briefing?”

Tudo a ver. Sempre que você senta numa cadeira para cortar o cabelo, o profissional especializado em assuntos cabelísticos, mais precisamente o cabeleireiro, irá fazer algumas perguntas pra você. Nessa hora você, mesmo sem perceber, está sendo brifado. As perguntas nada mais são do que um briefing para saber que tipo de cabelo você gosta, que tipo de corte deseja e o que espera ver no final do serviço.

E como estava dizendo, semana passada fui ao cabelereiro ( em alguma cidades, macho que é macho vai em barbeiro mas aqui o pessoal diz cabeleireiro mesmo ). Era a primeira vez que cortava o cabelo com este profissional e portanto, tive que ser brifado. Já me adiantei, dizendo que queria o cabelo partido para o lado, do mesmo jeito que corto e penteio desde 1 ano de idade. Disse ao cabelereiro: está vendo esse penteado? Pois então, você só precisa baixar o volume do meu cabelo e deixá-lo do mesmo jeito, no mesmo formato, não tem mistério.


Eu queria meu cabelo assim, com esse penteado. Bastava tirar o volume.

Simples, acredito que até vocês entenderiam. O cabelo do mesmo jeito, só baixar o volume. Depois de informado o tipo de cabelo e como gostaria que ele ficasse após o corte, o rapaz entrou em ação. Só que ele estava cortando de uma maneira estranha. Puxava meu cabelo, enrolando, fazendo pontas e picotando. Aquilo era incômodo, parecia que estava arrancando meus cabelos pela raiz ou então passando a faca neles. Mas não reclamei. Sei como é quando um layout está pela metade. Se o cliente ver o layout pela metade, acha que dali vai sair uma coisa horrorosa. Então não é bom opinar na hora que se está produzindo. Logo deixei o homi trabalhar.

Para minha surpresa, após passar o espanador para tirar os restos de cabelo e tirar o lenço em volta do pescoço fiquei surpreso quando vi que ele tinha dado como finalizado o serviço. Afinal, ao olhar no espelho, meu cabelo estava assim:


Após o laquê ( Laquê é o novo! ), minha cabeleira ficou assim. Super moderno não acham?

Agora pergunto a você: o que tem a ver esse cabelo com o que eu tinha pedido? Absolutamente nada. Não sei o que passou pela cabeça do cabeleireiro mas o que parece é que ele ignorou o briefing, não escutou nada do que eu disse e fez algo completamente diferente do que tinha pedido. É como se ele tivesse feito este cabelo pensando que seria a melhor solução para mim, por ser, segundo ele, um corte “super-moderno”. Porém, ele fez sem me consultar se este tipo de corte me agradaria.

Pedi então para refazer todo o cabelo e repeti novamente o que tinha dito no início. Ele refez, a contra gosto e aparentando decepção por não ter entendido sua “arte”.

Quando me vi nessa situação me lembrei automaticamente do nosso trabalho e o que venho dizendo sempre por aqui. O que aconteceu comigo no salão de cabeleireiro foi o mesmo que acontece com centenas de webdesigners que não interpretam o briefing de forma correta e apresentam ao cliente algo totalmente fora de suas expectativas. Resultado: o cliente manda voltar e fazer de novo da mesma forma que mandei o cabeleireiro fazer de novo o corte de meu cabelo.

Agora, acontece o contrário também. O cliente diz que não sabe o que quer e diz ao cabelereiro que confia na criatividade e no seu bom-gosto. O cabeleireiro faz o cabelo que achar melhor e o cliente não gosta. O mesmo acontece no webdesign. O cliente diz que confia em você, não diz nada no briefing e quando você apresenta o layout, ele não gosta. Então muito cuidado com esse tipo de situação, tente fazer o cliente responder cada pergunta do seu briefing.

E cuidado com os cabeleireiros. Vai que você sai de lá ruivo?

Para o alto e Avante!


Site funcionando em todas as resoluções

Dia desses recebi um email do nosso querido leitor Raenner, de Itabira - MG. No email ele pergunta:

Bruno, queria saber como fazer que um site funcione em
todas as resoluções. usando Dreamweaver. Se não der para colocar no
Avante, pelo menos dê uma dica, irá ser muito interessante um post no
Avante sobre este assunto.

Ok, Raenner, então vamos lá. Existe muito, mas muitos textos, artigos e dicas referentes a este assunto na Internet. O que vou fazer aqui é comentar um deles. Primeiro leia o texto  publicado no Fator W, Projetar layout líquido é justiça com o usuário, de Leonardo Procópio. Nesse artigo, Leonardo nos mostra as vantagens de utilizar um layout líquido.  Layout líquido ou fluído  é nada mais do que um site diagramado com valores de largura em porcentagem. Um exemplo, sem frescura, é quando você coloca tudo dentro de divs com larguras em porcentagem. Capiche?

Pois então, no texto Leonardo cita também as desvantagens do layout líquido.

A desvantagem do layout líquido é que ele é bem mais difícil de projetar que o fixo. O desenvolvedor tem que observar diferentes resoluções, não pode usar posicionamento absoluto para os objetos e uma série de outros fatores.

É, em algumas resoluções o site pode ficar feio, o texto muito solto e comprido e todo o site ficar com aspecto de “linguiça”. Por isso que até hoje o layout líquido não pegou. Talvez uma prova disso esteja no próprio layout do Fator W. Veja o que Leonardo disse em 2005:

Aqui no fator W, uso layout líquido. A coluna de informações varia de acordo com a área disponível na tela. Isso permite que tanto quem usa 800×600, 1024×768 ou 1152×864 vejam o site usando todo o espaço disponível na tela.

É, mas se você notar, ao entrar no Fator W, o site não é mais líquido. Quem entra no site utilizando resolução 800 x 600 tem que apelar para a barra de rolagem horizontal. Acho que até o Leonardo cansou do layout líquido por conta da dificuldade de trabalhar com esse tipo de construção. O texto foi escrito em 2005, portanto, de lá pra cá o layout do Fator W deve ter mudado.

Bem, ainda prefiro o layout fixo, prevendo uma resolução mínima. Como sei por estatística que mais de 90% dos meus visitantes usam resoluções acima de 1024 x 768, trabalho com essa resolução mínima, criando o layout baseando-se nessa resolução.  Porém, daqui a um tempo essa minha preferência pode ser mudada. Há 10 anos criava sites baseados em resoluções 640 x 480. O que precisamos então é ficar antenados nas mudanças.

Para o alto e Avante!


Web design no SPTV

Dia desses passou uma matéria bem legal sobre o mercado de Web Design no SPTV, telejornal local da Rede Globo destinado a São Paulo. Na matéria vocês poderão ver as dependências da Área Comunicação onde dois Web designers da agência foram entrevistados, Seiji Himoro e Jhun Kusano. Para representar o webdesigner freelancer, Fábio Martinez falou um pouquinho das vantagens de se trabalhar sozinho.   Além disso a matéria dá dicas sobre o mercado, mencionando inclusive a média salarial do Webdesigner.

(more…)


Quero ser um Webdesigner!

Recebi um email de André, um leitor do Rio Grande do Sul que diz o seguinte:

“Olá Bruno! Gostaria de um conselho. Gosto muito de informática. Trabalho há 7 anos numa loja e quero crescer (eu sei q posso) então, por favor me ajude, me aconselhe, o que devo fazer, que cursos… enfim … agradeço muuuuuiiiitttoooo pela ajuda!”

Sim, você pode crescer. Veja o exemplo do Ubirajara. Com força de vontade e observação, vai-se longe. ;)

O email do André me deu uma idéia. Vou colocar aqui um passo-à-passo sintético e objetivo de como começar no webdesign.

Cursos

1. Procure cursos básicos, que qualquer SOS, Microlins, Microcamp e cursinhos de informática tem. Eles irão mostrar para você o básico do básico. Aqueles que o pessoal chama de “Curso de Webdesign” mas que só ensinam mesmo o basicão do HTML, Photoshop ou Fireworks e Dreamweaver. Lá na frente você verá que um bom webdesigner precisa saber um pouco mais, porém cursos como esses são importantíssimos pois será o seu primeiro contato com as ferramentas, termos e protocolos como http e FTP.

2. Após aprender as ferramentas básicas e essenciais, busque se aprofundar no conhecimento teórico do design. Conheça por exemplo os cursos que ministro, todos para webdesigner de nível intermediário, onde proponho um aprofundamento da teoria em favor da prática. Com esses cursos o webdesigner irá conhecer novos caminhos, aguçando a criatividade e compreendendo como funciona o processo de criação. Veja em http://cursos.brunoavila.com.br

3. Experimente fazer algum curso, mesmo que básico, de php ou outra linguagem semelhante. Mesmo que você não queira ser programador, poderá lhe ajudar bastante no dia-à-dia.

4. Não deixe de fazer uma graduação. Você pode fazer publicidade, design ou até mesmo uma faculdade de webdesign. Nesse post cito algumas faculdades de webdesign, veja. Além de você aprofundar mais em alguns assuntos, lhe garantirá um ganho maior se você tiver um diploma debaixo do braço.

 

Livros

Outra opção muito boa é investir em livros. Vou citar algums livros que você deve ler, em sequência e que também não são tão caros. Coloco também o link caso você queira adquirir pela internet.

Webdesign - Eduardo Moraz
Livrinho básico e barato que servirá para aqueles bem novatos que não sabe nem o que é um FTP. É bom começar por esse livro.

Construíndo Sites com CSS e XHTML - Maurício Samy Silva
Bom livro para você ter noções de HTML e CSS.

Fireworks 8 - Silvana Tauhata
Gosto desse software para edição de layouts, muitos webdesigners optam por ele também. Caso este livro esteja caro, procure por livros de versões anteriores que são mais baratos e não muda muita coisa.

Adobe Photoshop CS2: Guia Prático e Visual - Anderson Vieira
Livros de Photoshop são bem caros, mas esse se propõe a ser barato e mostrar para os leigos e iniciantes os primeiros passos do Photoshop. 

Outros livros que indico, mais aprofundados, sobre usabilidade e design você encontra aqui do lado desse post. Mas é muito importante ter um conhecimento prévio das ferramentas que citei acima para continuar nos demais livros.

É isso! Agora divirtam-se!

Para o alto e Avante!


Mais um IBest!

capa-caderno-tecnologia2 Fiquei muito feliz esses dias por saber que as Lojas Visão conquistou o IBest Regional - PA. Pergunto: imagina quem fez toda a programação visual do site? ;)

A repercurssão em Belém foi grande. Olha ai o Salim Junes, analista de marketing do Grupo Visão, na capa do caderno de Tecnologia do principal jornal do estado. E ele manda um recado pra gente:

“Firmamos esta parceria com Bruno Ávila há algum tempo, onde executamos o projeto de reformulação visual de nosso site o que nos deixou absolutamente satisfeitos com seu trabalho e empenho. A sua paixão e dedicação fazem a diferença! Este ano, pela primeira vez entrevista-caderno1nosso site participou do prêmio iBest e através de júri popular foi eleito campeão regional (Pará).  Isso foi reflexo do reconhecimento dos usuários de nosso site que sabem dos esforços que temos em estreitar cada vez mais nosso relacionamento com eles. E ainda ratifica a parceria de sucesso estabelecida com Bruno Ávila.”

Êêêê! Valeu Salim! Valeu Paraenses!

Tenho que agradecer também ao Ronaldo Nascimento que participou desse projeto com sua arte da programação. ;)

É isso aí! Para o alto e Avante!


Vendedor de aspirador de pó

História boa e divertida enviada por Mike, que se diz leitor assíduo de nosso blog.

Se esse vendedor tivesse feito um briefing antes com o cliente, isto não teria acontecido.

Uma dona de casa, num vilarejo, ao atender as palmas em sua porta…

- ‘Oh de casa, tô entrando!’

Ela se depara com um homem que vai entrando em sua casa e joga esterco de
cavalo em seu tapete da sala. A mulher apavorada pergunta:

- ‘O senhor está maluco? O que pensa que está fazendo em meu tapete?’

O vendedor, sem deixar a mulher falar, responde:

- ‘Boa tarde! Eu estou oferecendo ao vivo, o meu produto, e eu provo pra senhora que os nossos aspiradores são os melhores e mais eficientes do mercado, tanto que vou fazer um desafio: se eu não limpar este esterco em seu tapete, eu prometo que irei comê-lo!’

A mulher se retirou para a cozinha sem falar nada.

O vendedor curioso, perguntou:

- ‘A senhora vai aonde? Não vai ver a eficiência do meu produto?’

A mulher responde:

- ‘Vou pegar uma colher, sal e pimenta e um guardanapo de papel.
Também uma cachaça para te abrir o apetite, pois aqui em casa não tem
energia elétrica!’

Moral da história:
Conheça o seu cliente antes de oferecer qualquer coisa.

Para o alto e Avante!


Netbooks e Smartphones: a volta da resolução 800 x 600?

Resolvi trazer essa discussão para cá. Há muito tempo já esperava por isso: a invasão dos pequeninos notebooks, que vem sendo apelidados de netbooks, assim como os smartphones.

Hoje computador chegou a um ponto que não interessa mais se ele tem 1 ou 4 gigas de velocidade. Para aquele usuário comum, que usa internet apenas para escrever textos, emails, usar messenger e navegar na internet, tanto faz um computador com 512 megas ou 2 gigas de ram.

mobo

Além disso internet banda larga sem fio hoje é uma realidade, apesar dos pesares.

Por isso, esses pequenos notebooks são bastante úteis principalmente para quem precisa de mobilidade. Sem falar no preço. No momento que escrevo esse post, um netbook da Positivo está saindo por R$ 999 e claro, em 1 ano esse valor aí deve chegar ali por volta dos R$ 500, sem falar nas facilidades de pagamento. Isso quer dizer popularização, ou seja, muita, muita gente no Brasil tendo a oportunidade de estar na Internet pela primeira vez.

E os Smartphones? Alguém dúvida que em 1 ano boa parte dos modelos de celulares serão compostos de telas como o Iphone e ainda custando baratinho ou sendo dado de graça pelas operadoras?

O que quero alertar vocês com isso é o que a Simone Villas Boas comenta neste artigo da Webinsider.

Netbooks e Smartphones tem telas minúsculas. Utilizar resolução 1024×768 numa tela de 7 polegadas? Complicado. O jeito vai ser utilizar 800 x 600 e olhe lá. E como fica nós webdesigners? Voltaremos a criar layouts com a largura máxima de 776 pixels?

Por isso, meu único conselho é: fique atento as mudanças. ;)

Para o alto e Avante!


TV Avante - Formas de conseguir os primeiros clientes

Você é webdesigner ou dono de agência web e não sabe como conseguir os primeiros clientes? Deseja aumentar sua carteira de clientes? Não tem a menor idéia de como chegar até o cliente oferecendo produção de site? Então assista a esta edição do TV Avante onde mostro que idéias simples podem ser a porta de entrada para muitos clientes, negócios e dinheiro no bolso.


TV Avante - Site da Ford: quanto custa um Ford Ka?

Estava por aqui, na internet, quando me bateu a curiosidade de saber quanto custa um novo Ford Ka com ar-condicionado. Fui direto no site da Ford para sanar tal dúvida. Mal sabia que uma saga estaria para começar. Veja se eu consegui encontrar o valor do Ford Ka com ar-condicionado. O vídeo tem 8 minutos mas você vai ver que não é culpa minha.


O nome das cores HTML

Você sabia que as cores html possui nomes? É sim, cada cor hexadecimal tem seu nome e que funciona em qualquer navegador. Por exemplo, ao invés de você colocar color: #00FA9A coloque color: MediumSpringGreen que vai dar no mesmo. Para você saber todos os nomes e decorá-los assim como você decorou toda a tabuada, clique aqui e veja toda a lista.

PORÉM, se você quiser que seu site seja validado pelo W3C, seguindo os padrões, saiba que apenas as cores a seguir são validadas utilizando seus nomes: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, e yellow.

Para o alto e Avante!