Visualização de dados: o desenvolvimento de uma simples mock-up em preto-e-branco

Depois de ter feito o trabalho duro de definir e delinear o seu storyboard, é hora de desenvolver o seu mock-up. Mock-ups também são referidos como wireframes

ou protótipos. Pense neles como esboços que ajudam a visualizar o que o resultado final será semelhante.

Você pode achar que é um pouco inesperado para começar com um esboço preto e branco simples. Afinal, não é um dos principais pontos de visualização de dados para usar elementos como cor para contar as histórias mais eficazes a partir dos dados? A resposta é sim, mas não durante o estágio de mock-up. Ao usar mock-ups, sem cor, você forçar os usuários a se concentrar no que você precisa deles para se concentrar.

Se você iniciar o processo de mock-up de cor, seus usuários não se concentrar em qualquer outra coisa - não sobre os dados, no layout, ou mesmo sobre se a mensagem está sendo transmitida corretamente. A discussão cor vai se tornar o ponto focal de todo o processo mock-up, e sua visualização de dados final vai sofrer.

Seu único objetivo nesta fase é obter sign-off dos participantes sobre o layout do seu mock-up. Você não precisa fazer nada extravagante ou artsy para obter essa aprovação.



Embora essa abordagem parece ser bastante lógico, alguns de vocês podem estar nervoso sobre a tomá-lo. Você pode temer que os usuários podem ficar impacientes com ou ser desligado por um simples mock-up em preto-e-branco. Para superar essa preocupação, você deve torná-lo um hábito para reiterar e definir as expectativas na frente sobre o que os usuários devem esperar acontecer a seguir e no resultado final.

A exceção a esta regra é mock-ups criados para um público executivo. Seu tempo com executivos é susceptível de ser limitado, por isso é fundamental que você não abordá-los até que você tenha uma visualização totalmente funcional, bem-marcado. Qualquer coisa a menos, e corre o risco de ser sacado!

Alguns outros benefícios de furar a preto e branco para sua inicial mock-up incluem o seguinte:

Video: Como criar um mockup para apresentação profissional

  • Economiza tempo e dinheiro ao fazer alterações: É menos caro para fazer modificações de projeto em um esboço preto-e-branco do que está a fazer alterações em uma visualização pronto sistema conectado a viver dados.

    Video: Lightroom 5 - Preto e branco

  • Mantém o foco na colocação, posição e tamanho de cada elemento na visualização: Deitado coisas em um espaço plano, incolor ajuda você a descobrir onde colocar cada componente para fornecer uma interface agradável, claro que conta uma história convincente. Cor vezes distorce a sua visão do layout geral e faz com que você se concentre sobre os itens mais brilhantes no modelo.

    Video: Personalizando o Sublime Text 2 - Temas e Plugins


Publicações relacionadas