Webdesigner não é pintor de wireframe

No workshop de design de interação, a Amyris comentou que muitos webdesigners acabam virando "pintores de wireframe". Ou seja, são envolvidos no processo apenas na hora de definir fontes e botar cor nos wireframes aprovados.

Acredito que há um valor inestimável em uma boa direção de arte, já que de nada adianta um ambiente digital ser funcional e mega alinhado à estratégia de negócio, porém feio que é um raio. E acho que o trabalho do diretor de arte vai muito além de pintar wireframe. Além de definir todo o conceito visual do ambiente, o diretor de arte é mais capaz do que o arquiteto de informação de inovar nos elementos visuais de uma interface.

Por isso, um processo que tenho experimentado é o seguinte: após a definição do sitemap e sistema de rotulação, começo a planejar a navegação e as interações e a testar nos wireframes. Geralmente eu desenho, com papel e lápis, os elementos da interface. Eu e a equipe começamos então a montar os wireframes navegáveis em Axure - o protótipo. Dependendo do projeto, especialmente os que pedem maior sofisticação visual, chamamos o diretor de arte para pequenos brainstorms sobre posicionamento e tamanho de elementos na interface. O resultado é bom e todos se sentem envolvidos.

E vocês, como fazem?

 

Diretores de Arte no desenho dos wireframes

Oi Alê, Ótimo ponto este seu. Eu aqui na agência, vivo isso diariamente. Tenho tentado trabalhar envolvendo o diretor de arte desde o início do processo para fazer com que ele entenda o projeto como um todo e possa agregar. Concordo plenamente com sua opinião que os DAs tem muito a contrubuir e não só pintar wireframes, no entanto tenho sentido que poucos deles tem o interesse e a paciência de atentar aos detalhes e pensar em plataformas maiores. A maioria prefere trabalhar em hotsites que são simples e podem fugir do wireframes sem maiores preocupações. Quando tenho um projeto maior, encontro invareávelmente dois diferentes tipos de perfis de DAs. O cara que não se sente seguro para contribuir, pois não entende os impactos que uma alteração de wireframes pode trazer para a navegação como um todo e acaba pintando o wireframe ou o DA que quer fugir muito do que foi proposto em termos de navegação e muda as regras definidas em conjunto para resolver um problema visual e acaba ocasionando um problema de navegação/usabilidade. Tive poucas oportunidades de trabalhar com designers que tenham noção dos impactos que uma alteração numa página pode trazer para a navegação d e todo o site. Mas quando isso aconteceu a experiência foi fantástica. Espero que os DAs percebam e começem a entender como é importante a sua contrubuição não só para deixar a coisa bela mas também útil. Valeu pela discussão.

Oi Ale! Olha eu por aqui de

Oi Ale! Olha eu por aqui de novo. Olha... Realmente aqui na empresa onde trabalho.. os webdesigners "pintam" os wireframes que crio... Mas vamos por etapas... Muitos projetos que desenvolvemos podem ser reaproveitados... uma coisa que já diminui, algumas vezes, meu trabalho... e digamos que nós temos um wireframe modelo... (até pelo fato de existir um padrão para os sites do governo). Embora, muitas vezes, (em projetos novos) sento com webdesigner e front-end para discutirmos o que estou pensando para o projeto e também ouvir idéias sobre o que eles também gostariam de desenvolver. É legal que trago idéias do cliente, minhas idéias e , também, do pessoal de desenvolvimento. Voltando ao "pintar"... me chamou muito a atenção este nome, pelo fato de ser a realidade... ao final das etapas de arquitetura e elaboração do design, o Webdesigner vai montar o documento de entrega... onde consta a AI e Layout.. justificando todos processos... e para isso... os wireframes vão mais "bonitinhos" e, muitas vezes, menos detalhados com uma simples representação para o cliente. Abração! AHH te add no twitter e linkedin, ok?

Post new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
11 + 3 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.