Esboçar wireframes pode ser uma ótima maneira de pensar no design do seu site sem gastar horas trabalhando em maquetes no Photoshop ou codificando designs preliminares.
O wireframe pode permitir que você trabalhe com várias ideias de design e layout rapidamente e com pouco custo, mas com o seu tempo.
Dê uma olhada nos documentos de especificação de design que você tem que informam exatamente quais elementos você precisa nos sites. Em seguida, basta mergulhar e começar a organizá-los no wireframe.
Não tenha medo de tentar coisas não tradicionais nesta fase. Lembre-se, é apenas um wireframe. Um erro ou uma tentativa fracassada neste momento não vai atrapalhá-lo drasticamente.
Amasse o pedaço de papel, jogue-o na lixeira e comece de novo. Libere suas inibições criativas neste estágio.
Wireframes como uma entrega do projeto
Apresentar wireframes para seus clientes pode ser uma maneira valiosa de garantir que todos estejam na mesma página antes de criar os modelos de design reais. É muito mais fácil alterar a posição dos elementos na página quando você está trabalhando com wireframes do que com designs do Photoshop ou páginas codificadas.
Os wireframes como uma entrega também exibem a habilidade que você coloca em seu trabalho. Certifique-se, no entanto, de cobrar adequadamente pelo tempo adicional que os wireframes adicionam ao seu processo de design. Claro, se você for usar seus wireframes como entregas, você vai querer ter certeza de que eles são projetados profissionalmente e não apenas rabiscados em algum papel comum ou no verso de uma fatura (a menos que seu cliente espere que seja dessa maneira).
As ferramentas que já mencionamos acima podem funcionar para criar wireframes com aparência mais profissional para mostrar aos seus clientes.
Polido vs. Esboçado
Uma das maiores considerações ao criar wireframes entregáveis é o quão polidos eles devem parecer. Geralmente, há duas escolas de pensamento sobre isso. Um ponto de vista do debate “polido versus incompleto” afirma que qualquer coisa que vá para um cliente deve ser o mais polida e formalizada possível. O outro ponto de vista argumenta que oferecer ao cliente um wireframe polido os torna menos propensos a solicitar mudanças porque as coisas parecem mais “finalizadas”. Em outras palavras, os wireframes no estilo de esboço parecem menos formais e são mais propensos a receber feedback honesto. Há prós e contras em qualquer uma das abordagens.
Os wireframes polidos geralmente podem ajudar um cliente a visualizar melhor como será o layout do site. Adicionar coisas como cores ou gráficos mínimos pode ir ainda mais longe nesse sentido. No entanto, você corre o risco de seu cliente não oferecer um feedback honesto porque sente que o projeto já está muito finalizado.
Por outro lado, wireframes esboçados parecem mais “ideias brutas” e parecem mais convidativos para o feedback do cliente. A desvantagem aqui é que os clientes que não são particularmente orientados visualmente ou criativos, ou que não têm familiaridade com o que são wireframes do site, podem ter dificuldade em imaginar como será a aparência do site ou podem ficar confusos sobre o motivo pelo qual o site parece como se fosse desenhado à mão.