mockup
O termo mockup refere-se a uma representação visual ou física de um design, servindo como um modelo para testar a aparência e a funcionalidade antes da produção final. Em português, a tradução varia dependendo do contexto: no design gráfico e de interfaces (UI/UX), é comum referir-se a ele como um protótipo visual ou rascunho de alta fidelidade, enquanto na arquitetura ou engenharia, utiliza-se o termo maquete.
Nuances de Uso e Diferenças Conceituais
É fundamental distinguir mockup de wireframe e prototype. Enquanto o wireframe é um esboço simplificado (esqueleto) focado na estrutura, o mockup é uma representação estática e detalhada, focada na estética, cores e tipografia. Já o prototype (protótipo) é geralmente interativo, simulando a experiência real do usuário.
Exemplo de uso correto: The designer created a mockup of the app to show the client the final color scheme. (O designer criou um protótipo visual do aplicativo para mostrar ao cliente o esquema de cores final.)
Armadilhas de Tradução
Um erro comum para falantes de português é traduzir mockup genericamente como "modelo". Embora não esteja totalmente errado, "modelo" é um termo amplo demais. Para ser preciso, utilize "maquete" para objetos físicos em escala e "protótipo visual" para designs digitais. Evite confundir com dummy, que geralmente se refere a um modelo sem a funcionalidade ou o conteúdo real (como um livro com páginas em branco), enquanto o mockup visa representar a aparência final pretendida.
Meanings
Um modelo em escala real de um projeto ou dispositivo, utilizado para ensino, demonstração, avaliação de design ou promoção
"The engineers built a full-scale mockup of the cockpit to test the ergonomics."
Os engenheiros construíram uma maquete em escala real da cabine para testar a ergonomia.
Um rascunho ou uma representação visual preliminar de um site, aplicativo ou documento, usado para exibir o layout e o design antes do desenvolvimento final
"The designer presented a high-fidelity mockup of the home page to the client for approval."
O designer apresentou um protótipo visual de alta fidelidade da página de destino ao cliente para aprovação.