Wireframes como processos e não artefatos

Quando se trabalha construindo a experiência do usuário muito se fala de fazer wireframes. Eles, os wireframes, são os artefatos mais gerados por esse perfil de profissionais e é em boa parte aquilo que serve de guia para o desenvolvimento de aplicações e produtos. Entretanto, o que acontece é que muitas pessoas têm uma definição errada do que são os wireframes e como podemos utilizá-los.

Para mim, os wireframes atuam como uma forma de “dispositivo de pensamento” para a definição e exploração de um determinado problema. Para entender a utilidade dos wireframes é importante compreender a natureza do projeto. Eu uso os meus esboços e wireframes como meios para fazer movimentos exploratórios e avaliar as conseqüências desses movimentos.

Eu acho que é bastante comum para quem trabalha com experiência do usuário utilizar os wireframes para exibir o design como resolução de problemas. Para mim, o design através do uso de wireframes é uma busca em um espaço do problema de alternativas, é um processo de definição de problema, tanto quanto é um processo de resolução de problemas.

O processo de design poderia ser melhor descrito como passar de uma fase de divergência, por uma fase de transformação, para uma fase de convergência. Ao longo de cada fase, wireframes são apresentadas às partes interessadas para crítica e conversação.

Durante a fase divergente, as limitações e as possibilidades de situação de projeto são exploradas. Grande parte desta fase consiste em reunir informações e tentar entender e formular o problema de projeto e muitas vezes são informados pelos primeiros modelos conceituais que esbocei. Ao gerar um número de wireframes, posso explorar alternativas. Todas as ideias impossíveis e concebível são apresentados, testados e em muitos casos, atiradas para longe. Normalmente as visões iniciais são formadas durante esta fase.

Primeiros esboços do que virá a ser um wireframe
Primeiros esboços do que virá a ser um wireframe

Na fase de transformação, diminuímos o número de alternativas. Começamos a jogar fora idéias realmente ruins que eu poderia ter imaginado no início. É normalmente nesse ponto que eu volto e leio o documento de requisitos e tentar entender o ecossistema completo das necessidades dos stakeholders e de negócios, e tratar aqueles que estão no contexto do meu principal objetivo do projeto: uma solução elegante para a atividade principal do meu público-alvo.

É também neste momento que eu começo a lidar com as necessidades dos concorrentes. Também nesse momento começamos a envolver as partes interessadas, mas também trazer o designer gráfico, o líder de desenvolvimento, e o engenheiro de qualidade para que eles possam contribuir com o processo e dar mais idéias além de apontar falhas e limitações.

Versões posteriores de um wireframe
Versões posteriores de um wireframe

Finalmente, eu como designer, eu tenho que tomar a decisão de implementar o projeto em uma especificação. Durante a fase de “convergência”, eu crio dois ou três candidatos para consideração final. Eu uso anotações para embasar os wireframes durante os testes com partes interessadas e engenheiros de testes.

Resumidamente, enquanto wireframes são um produto bastante comum usado por profissionais de experiência do usuário para se comunicar design, é importante entendê-los, tanto quanto um processo de design como o resultado final, cada um com objetivos específicos. Ao classificarmos um wireframe como um processo em vez de um artefato, acredito que descobrimos que temos a oportunidade criar excelentes experiências para o usuário.

Existem também ferramentas específicas para a construção de wireframes mas essa é uma história a ser abordada em um outro post. 🙂

Agora você já pode acompanhar as novidades do BdB pelo Facebook, acesse e curta nossa página.

Anúncios

Um comentário sobre “Wireframes como processos e não artefatos

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s