Prototipagem vs Esboços de Estrutura: Qual é a Diferença?

No mundo da gestão de produtos, uma competência que vai querer ter no seu repertório é a capacidade de criar uma estrutura esquemática ou protótipos.

Utilizar protótipos ou uma estrutura esquemática é uma excelente representação visual para transmitir uma ideia que possa ter para uma aplicação móvel ou um website, além de ser uma forma de obter feedback dos utilizadores sem consumir muito tempo.

Dito isto, existe bastante confusão sobre as diferenças entre protótipos e estruturas esquemáticas. Há uma grande sobreposição entre ambos relativamente ao que abrangem, mas também existem muitas diferenças importantes. 

É fácil pensar que a principal diferença entre uma estrutura esquemática e os protótipos se resume ao facto de uma ter baixa fidelidade (uma estrutura esquemática), enquanto a outra tem alta fidelidade (estruturas esquemáticas de alta fidelidade ou protótipos), mas há muito mais do que isso. 

Neste artigo, vamos analisar o que é uma estrutura esquemática, bem como os protótipos, e as diferenças entre ambos. Também abordaremos os modelos visuais, o ponto intermédio entre os dois, e até que ponto deve estar familiarizado com o processo de design enquanto gestor de produto. 

O que é a criação de estruturas esquemáticas?

Comecemos por analisar o que é uma estrutura esquemática. 

Uma estrutura esquemática reduz a ideia (como uma aplicação ou uma página Web) à sua essência. Esta é a visão geral do aspeto que a sua aplicação ou página Web poderá ter. Inclui um esboço da estrutura, da interface do utilizador e da forma como a informação é apresentada ao utilizador. 

O foco aqui é a simplicidade — criar uma estrutura esquemática não é um processo demorado. O seu foco aqui não está na experiência do utilizador nem na interatividade. 

Uma estrutura esquemática é excelente para obter feedback rápido das principais partes interessadas e confirmar que está no caminho certo. Caso contrário, é fácil criar iterações com alguns ajustes. 

Qual é o aspeto de uma estrutura esquemática?

Algumas das melhores práticas para criar estruturas esquemáticas de produtos incluem as seguintes: 

• Uma estrutura esquemática é normalmente apresentada a preto e branco ou em tons de cinzento
• O texto Lorem ipsum é comum como marcador de posição
• Em vez de apresentar imagens, utilizar uma caixa simples (normalmente com um “x” no interior) cumpre a função

Lembre-se de que isto tem baixa fidelidade: a funcionalidade e a experiência do utilizador surgem mais tarde. 

Ferramentas para criar uma estrutura esquemática

Se quiser seguir o método tradicional, criar uma estrutura esquemática com papel e caneta é mais do que suficiente para transmitir rapidamente a ideia. Talvez esteja a almoçar fora ou numa cafetaria e tudo o que tem é um guardanapo e uma caneta quando lhe surge uma ideia. 

Caso contrário, uma solução de software popular para criar estruturas esquemáticas é o Balsamiq. Este software destina-se exclusivamente à criação de estruturas esquemáticas e a mais nada. 

Naturalmente, se não quiser aprender mais uma ferramenta de software, é possível criar uma estrutura esquemática com aplicações com as quais já pode estar mais familiarizado, como o Sketch e o Invision. 

Lembre-se de que uma estrutura esquemática tem baixa fidelidade e pode ser criada rapidamente para transmitir uma ideia. Não quer passar imenso tempo a tentar aprender software novo (embora o Balsamiq seja relativamente fácil de aprender). 

O que os gestores de produto devem saber sobre estruturas esquemáticas

Enquanto gestor de produto, quer ser capaz de transmitir a sua perspetiva de forma visual e em pouco tempo. 

Quer esteja a mostrar algo a um programador de software ou a alguém da área do design de UX, ter os conhecimentos necessários para criar rapidamente uma estrutura esquemática será extremamente útil para a sua carreira na gestão de produtos. 

O que é a criação de protótipos?

Os protótipos são uma versão de alta fidelidade que, dependendo do feedback dos utilizadores, pode não ter um aspeto nem um comportamento muito diferentes dos do produto final. 

Os protótipos são excelentes para testar com utilizadores. Pode testar as interações, a experiência do utilizador, a facilidade de utilização e a interface do utilizador. 

Os protótipos demoram muito mais tempo a criar, uma vez que podem representar de perto o design do produto final, mas isso irá poupar-lhe imenso tempo em comparação com avançar diretamente para a criação do produto final, testando-o através da prototipagem. 

Qual é o aspeto de um protótipo? 

Dependendo do seu produto, o design do protótipo deve ser bastante semelhante ao aspeto que terá o design final do produto. 

Este deve incluir os tipos de letra, a identidade da marca, os elementos de design e o design da interface de utilizador que a sua organização utiliza atualmente noutras aplicações ou páginas Web. 

Dependendo do nível de detalhe que pretende alcançar, pode criar protótipos interativos para ter uma melhor ideia de como será o produto acabado. Isto pode incluir ligações clicáveis que o levam para outras partes do protótipo. 

Pode também incluir animações e transições para criar um protótipo que se comporte de forma muito mais semelhante ao produto final. Em alguns casos — como na simulação de produtos físicos, disposições espaciais ou interfaces de realidade aumentada — as equipas podem recorrer a ferramentas compatíveis com a prototipagem 3D para obter uma noção mais realista da interação e do movimento.

Ferramentas para prototipagem

Alguns dos programas de prototipagem mais populares são os seguintes:

• Adobe XD
• Invision
• Sketch
• Figma
• Photoshop

Muitos destes fornecedores oferecem ferramentas gratuitas de prototipagem ou versões freemium dos seus programas para o ajudar a começar.

O que os gestores de produto devem saber sobre protótipos

Isto dependerá de vários fatores. 

Se trabalha numa empresa mais pequena, poderá ter de desempenhar várias funções e ter uma ideia de como criar um protótipo de alta fidelidade. 

Se trabalha numa organização de maior dimensão, é provável que tenha membros da equipa especializados em design da experiência do utilizador. Estes são os membros da equipa que devem trabalhar no protótipo, uma vez que possuem um conjunto de competências mais especializado e mais adequado para esse efeito. 

Se vai trabalhar numa competência enquanto gestor de produto, dedique mais tempo à criação de esquemas, uma vez que será algo que fará com mais frequência. 

As principais diferenças entre prototipagem e criação de esquemas

Vamos resumir as principais diferenças entre prototipagem e criação de esquemas:

• Um esquema tem baixa fidelidade e demora menos tempo a criar, enquanto um protótipo tem alta fidelidade e demora mais tempo.
• Um esquema serve sobretudo para transmitir uma visão geral da ideia do produto. Um protótipo será semelhante à forma como o produto final funciona e se comporta.
• Um esquema utiliza marcadores de posição e concentra-se na estrutura geral. Um protótipo utiliza o design efetivo.
• Os esquemas são ferramentas para obter a aprovação das partes interessadas. Um protótipo permite testar a experiência do utilizador e obter comentários dos utilizadores através da interação com o utilizador. 

Maquetes: o meio-termo

Existe uma certa diferença entre um protótipo e um esquema. Para ajudar a colmatar essa diferença, também deve conhecer as maquetes. 

Embora os esquemas sejam rápidos de criar, por vezes pode ser difícil imaginar o aspeto do produto final quando tudo o que tem são caixas em tons de cinzento e texto lorem ipsum. 

Com uma maquete, o seu foco é obter o design visual correto. Não se trata de testar a usabilidade ou a experiência do utilizador — essa é a fase do protótipo. Trata-se do aspeto visual de como o produto final poderá parecer — é quando passa ao protótipo que pode começar a concentrar-se no fluxo do utilizador.

O mesmo se aplica aqui ao que um gestor de produto deve saber sobre maquetes e protótipos.

Se trabalha numa organização de maior dimensão, sem dúvida terá membros da equipa muito mais adequados ao processo de design, que poderão preparar uma maquete para recolher opiniões. (E, para que fique claro, as opiniões são cruciais para detetar problemas no design de produtos.)

Em resumo... 

Agora compreende melhor as diferenças entre maquetes e protótipos, bem como o ponto intermédio representado pelas maquetes. 

Deve avaliar em que ponto se encontra atualmente no que diz respeito às suas competências. Se o papel e a caneta têm funcionado consigo, pode continuar a utilizá-los ou experimentar as muitas excelentes ferramentas de design UX que tem à sua disposição. 

Lembre-se de que o dia só tem um número limitado de horas e que a parte das maquetes e dos protótipos ficará mais a cargo dos membros da equipa especializados no processo de design. Será importante trabalhar em estreita colaboração com eles para criar algo que reduza ao mínimo a barreira entre o protótipo e o produto final. 

Se tiver interesse em obter mais informações sobre design, consulte a nossa compilação das conferências de design web que se realizarão este ano. 

Se pretende saber mais sobre como se tornar um melhor gestor de produto, subscreva a newsletter do The CPO Club.