A mockup is a simple model of a new thing. It is like a picture or a toy version of something you want to build later. For example, if you want to make a new phone, you first make a mockup out of plastic or paper. It looks like the phone, but you cannot call anyone with it. It helps you see if the phone is the right size for your hand. People use mockups to show their ideas to other people. It is much easier and cheaper to make a mockup than to make the real thing. In school, you might make a mockup of a house using cardboard. This helps you understand how the house will look when it is finished. A mockup is all about looking, not doing. It is a very useful tool for designers and builders.
A mockup is a model of a design that shows what the final product will look like. It is usually full-size or a specific scale. Designers use mockups to test their ideas and show them to clients. For instance, a website designer might create a mockup of a homepage. This mockup shows the colors, the pictures, and where the text will go, but the buttons do not work yet. It is a visual guide. Using a mockup is a good way to find mistakes before you spend a lot of money making the real product. If the mockup looks bad, you can change it easily. You can make physical mockups with materials like wood or clay, or digital mockups using a computer. It is an important step in the creative process.
In professional terms, a mockup is a static representation of a product's design. It is used to demonstrate the aesthetic and layout of a project before it enters the production phase. Unlike a wireframe, which only shows the basic structure, a mockup includes detailed visual elements like typography, color schemes, and imagery. However, it differs from a prototype because it lacks functionality. For example, in industrial design, a mockup of a new car might be built to evaluate its appearance and ergonomics. In software development, mockups are essential for getting client approval on the user interface. They provide a clear visual goal for the developers to work toward and help ensure that everyone involved has the same vision for the final result.
A mockup is a high-fidelity visual model of a product, used primarily for evaluation, demonstration, and teaching. In the design workflow, it occupies the space between a low-fidelity wireframe and a fully functional prototype. The primary purpose of a mockup is to allow stakeholders to review the visual identity and user interface of a product without the overhead of functional development. For instance, an architectural mockup might consist of a full-scale section of a building's exterior to test how materials interact with light and weather. In digital design, mockups are crucial for establishing a consistent design system. They allow for the refinement of visual hierarchies and branding elements, ensuring that the final product is both aesthetically pleasing and aligned with the brand's objectives.
A mockup serves as a sophisticated tool for visual communication and design validation. It provides a detailed, non-functional representation of a product's intended appearance, allowing for rigorous aesthetic and ergonomic assessment. In complex engineering projects, such as aerospace or automotive design, mockups are used to verify spatial arrangements and human-factor considerations. These models can range from 'soft mockups' made of easily manipulated materials to 'hard mockups' that closely mimic the final product's tactile qualities. Professionally, the mockup stage is critical for securing stakeholder buy-in and mitigating the risk of costly design revisions during the later stages of manufacturing or software coding. It acts as a definitive visual specification that guides the subsequent technical implementation.
Within the discourse of industrial and digital design, a mockup is a critical artifact that facilitates the synthesis of aesthetic intent and practical feasibility. It is a high-fidelity, static simulation that prioritizes the semiotics and visual ergonomics of a design over its functional mechanics. By decoupling appearance from performance, designers can perform granular critiques of visual balance, brand alignment, and user interface logic. In large-scale architectural endeavors, mockups often involve the construction of full-scale physical assemblies to empirically test material performance and aesthetic coherence under real-world environmental conditions. Philosophically, the mockup represents the 'ideal' state of the product's form, serving as a benchmark for the technical constraints encountered during the transition to a functional prototype and eventual mass production.

mockup in 30 Sekunden

  • A mockup is a visual, non-functional model used to represent the appearance of a final product during the design phase to gather feedback.
  • It differs from a prototype because it lacks interactivity and functionality, focusing instead on colors, fonts, layout, and overall aesthetic appeal.
  • Mockups can be digital (like website designs) or physical (like cardboard models), and they are essential for saving time and money in production.
  • In professional settings, mockups help stakeholders and clients visualize an idea and approve the design before the expensive building or coding begins.
In the professional worlds of design, architecture, and technology, the term mockup refers to a non-functional representation of a product. It serves as a visual bridge between an abstract idea and a finished physical or digital object. When a designer creates a mockup, they are not building the internal engine or the complex code that makes a device work; rather, they are focusing on the aesthetic, the layout, the scale, and the user interface. This allows stakeholders, clients, and team members to see exactly what the final product will look like before expensive manufacturing or development processes begin. For example, in the software industry, a mockup might be a series of static images showing how a mobile app's screen will appear, including the colors, fonts, and button placements. In the automotive industry, a mockup could be a life-sized clay model of a car body used to evaluate aerodynamics and visual appeal.
Visual Representation
A mockup is primarily about the 'look and feel.' It is used to communicate design intent and gather feedback on visual elements rather than functionality.

The creative agency presented a high-fidelity mockup of the new website to the client for approval.

The use of mockups is essential for risk management. By creating a mockup, a company can identify design flaws early in the process. If a physical mockup of a kitchen appliance feels too heavy or awkward to hold, the design can be adjusted before the molds for mass production are ever created. This saves thousands of dollars and hundreds of hours of labor. In digital design, mockups are often part of a sequence: first comes the wireframe (a skeletal outline), then the mockup (the visual design), and finally the prototype (the interactive model).
Industry Standard
Mockups are standard deliverables in creative contracts, ensuring both the creator and the client are on the same page regarding the final aesthetic.

Before building the actual set, the stage designers built a small-scale mockup to test the lighting angles.

Furthermore, mockups are used in education and training. A mockup of a cockpit might be used to teach student pilots where the controls are located without the expense of using a real aircraft. Similarly, medical students might use a mockup of a human organ to practice surgical techniques. In these cases, the mockup provides a safe and cost-effective environment for learning.
Marketing Tool
Marketers use mockups to show how an advertisement will look on a billboard or how a logo will look on a t-shirt before the actual items are produced.

We need a mockup of the product packaging for the investor pitch tomorrow.

The architect used a 3D-printed mockup to demonstrate the building's shadow impact on the neighborhood.

UX designers often create mobile mockups to see how content fits on smaller screens.

Using the word mockup correctly requires understanding its role as a noun and occasionally its use in a phrasal verb form. As a noun, it refers to the object itself. You 'create,' 'build,' 'design,' or 'present' a mockup. It is a countable noun, so you can have 'one mockup' or 'several mockups.' When discussing the process of creating one, you might say you are 'mocking up' a design, which is the phrasal verb version. However, the noun form is much more common in professional documentation.
The Noun Form
Used to describe the physical or digital model. Example: 'The mockup is ready for review.'

Please send me the latest mockup files so I can check the typography.

When using 'mockup' in a sentence, it is often paired with descriptors that explain the quality or the medium. 'Digital mockup,' 'physical mockup,' 'full-scale mockup,' and 'cardboard mockup' are all common collocations. These modifiers help the listener understand the level of detail and the material used. For instance, a 'full-scale mockup' of an airplane cabin allows engineers to test the ergonomics of seating and aisle width in a way that a small-scale model cannot.
The Phrasal Verb
'To mock up' means the action of creating the model. Example: 'Can you mock up a quick version of this by Friday?'

The team spent the afternoon creating a physical mockup out of foam and tape.

In business meetings, you might hear the phrase 'mockup stage.' This refers to the specific point in a project's timeline where visual designs are being finalized but before any actual building or coding has started. Being in the 'mockup stage' implies that the project is still flexible and changes are easy to make.
Compound Adjectives
Mockup is sometimes used as a modifier itself, as in 'mockup software' or 'mockup tools.'

The client was impressed by the realism of the 3D mockup.

We are currently reviewing the mockup for the magazine's front cover.

Always ensure the mockup includes the final color palette.

The word mockup is a staple of professional environments where creation and design are central. If you walk into a Silicon Valley tech firm, you will hear product managers asking designers for 'the latest mobile mockups.' In this context, they are usually referring to digital files created in tools like Figma, Sketch, or Adobe XD. These mockups show how the user interface (UI) looks, including the choice of icons, the spacing between elements, and the overall color scheme. Hearing the word here signifies a transition from the 'logic' phase of a project to the 'visual' phase.
In the Studio
Graphic designers use mockups to show clients how their logo will look in the real world, such as on a business card or a storefront.

The agency provided a mockup of the book cover to the author for feedback.

In the manufacturing and engineering sectors, mockups take on a more physical form. You might hear an engineer at an aerospace company talk about a 'wooden mockup' of a new jet engine. This isn't a toy; it's a precisely measured model used to see how different parts will fit together in a three-dimensional space. In architecture, 'mockup' is often used during the construction phase. A contractor might build a 'façade mockup'—a small section of the building's exterior wall—to show the architect and owner exactly how the chosen bricks, glass, and mortar will look together in natural sunlight.
Construction Context
Architects often require a physical mockup of complex wall systems to ensure they are waterproof and aesthetically pleasing.

The contractor built a full-scale mockup of the hotel room to test the layout.

You will also encounter the word in marketing and advertising. When a brand is launching a new product, they create mockups for the marketing campaign. These might be digital images of the product in a lifestyle setting (like a bottle of water on a hiking trail) even before the bottle has been manufactured. This allows the marketing team to start generating hype and pre-orders.
Education
Teachers use mockups of historical artifacts or scientific instruments to provide students with a hands-on learning experience.

The museum has a life-sized mockup of the lunar lander.

The app developer showed us a mockup of the new user dashboard.

We used a mockup of the storefront to decide on the sign placement.

One of the most frequent mistakes learners and even professionals make is using the word 'mockup' interchangeably with 'prototype' or 'wireframe.' While they are related, they serve distinct purposes in the design lifecycle. A wireframe is like a skeleton; it shows where things go but has no color or styling. A mockup is like a skin; it shows the colors, fonts, and images but doesn't 'do' anything. A prototype is like a body; it has the skin and the skeleton, and it can actually move or function to some degree. Using 'mockup' when you mean 'prototype' can lead to confusion in a professional setting, as a client might expect to be able to click on buttons that aren't actually functional in a mockup.
Mockup vs. Prototype
A mockup is for visual feedback. A prototype is for functional testing. Don't promise a prototype if you only have a mockup.

Mistake: 'I finished the mockup, and you can click the login button to see the next page.' (Correction: That would be a prototype).

Another common mistake is the spelling and hyphenation. While you might occasionally see 'mock-up' with a hyphen, the modern trend, especially in tech and design, is the single word 'mockup.' However, when used as a verb, it is always two words: 'to mock up.' Saying 'I will mockup the design' is grammatically awkward; 'I will mock up the design' is correct.
Spelling and Grammar
Noun: mockup (one word). Phrasal Verb: mock up (two words).

Correct: 'I need to mock up the new homepage.' Incorrect: 'I need to mockup the new homepage.'

Additionally, some people use 'mockup' to mean a fake or a scam. While 'mock' can mean 'fake' or 'imitation' (like 'mock turtle soup'), a mockup in a professional context is a legitimate tool for design, not a deceptive one. Avoid using 'mockup' if you are trying to describe something that is a low-quality imitation intended to trick someone. Use 'fake' or 'counterfeit' instead.
Intent Matters
A mockup is a tool for development, not a tool for deception.

The designer's mockup helped us avoid a major layout error.

Don't assume a mockup represents the final materials; it's often just a visual guide.

A common error is skipping the mockup phase and going straight to production.

Understanding the synonyms and related terms for mockup helps you choose the right word for the right situation. The most common alternative is 'model.' However, a model can be much more general. A 'scale model' is a type of mockup that is smaller than the real thing. Another related term is 'dummy.' In publishing, a 'dummy' is a blank book or a set of pages that shows the size and weight of the final product. In testing, a 'crash test dummy' is a mockup of a human body.
Mockup vs. Model
A model can be functional or mathematical, but a mockup is almost always a physical or visual representation of appearance.

The architect presented a wooden mockup of the new museum wing.

'Simulation' is another word that is sometimes used, but a simulation usually involves motion or computer-generated behavior, whereas a mockup is static. In the context of software, you might hear 'skin' or 'theme.' A 'skin' is a visual mockup that can be applied to a functional program to change its appearance. 'Layout' is often used in graphic design to describe a mockup of a page.
Mockup vs. Prototype
If you can click it and it does something, it's a prototype. If you can only look at it, it's a mockup.

We used a digital mockup to visualize the new brand colors.

In industrial design, 'maquette' is a term used by sculptors and architects for a small-scale mockup. 'Replica' is used when you are making a copy of something that already exists, while a mockup is usually a representation of something that hasn't been built yet. Understanding these nuances ensures you sound like an expert in your field.
Summary of Terms
Wireframe (Skeleton) -> Mockup (Skin/Visual) -> Prototype (Function/Movement).

The mockup allowed us to see that the font was too small for older users.

A high-fidelity mockup can be mistaken for the real product in photographs.

The designer used a mockup to pitch the app idea to investors.

How Formal Is It?

Formell

""

Neutral

""

Informell

""

Child friendly

""

Umgangssprache

""

Wusstest du?

The first recorded use of 'mockup' in an aviation context was around 1916. Before that, designers just used the word 'model.'

Aussprachehilfe

UK /ˈmɒk.ʌp/
US /ˈmɑːk.ʌp/
The stress is on the first syllable: MOCK-up.
Reimt sich auf
Lockup Stockup Cockup Checkup Hookup Backup Setup Lineup
Häufige Fehler
  • Pronouncing it as two separate words with equal stress.
  • Confusing the pronunciation with 'makeup'.
  • Forgetting to pronounce the 'p' at the end clearly.
  • Stress on the second syllable (mock-UP).
  • Nasalizing the 'o' sound too much.

Schwierigkeitsgrad

Lesen 2/5

The word itself is short, but it appears in technical contexts that might be difficult.

Schreiben 3/5

Learners often struggle with the one-word vs. two-word (verb) distinction.

Sprechen 2/5

Easy to pronounce once the stress is learned.

Hören 2/5

Clearly distinguishable in professional speech.

Was du als Nächstes lernen solltest

Voraussetzungen

Model Design Picture Plan Build

Als Nächstes lernen

Prototype Wireframe Fidelity Stakeholder Iteration

Fortgeschritten

Semiotics Ergonomics Schematic Blueprinting CAD (Computer-Aided Design)

Wichtige Grammatik

Phrasal Verbs

To 'mock up' (verb) vs. 'mockup' (noun).

Compound Nouns

Using 'mockup' as a modifier in 'mockup tool'.

Countable Nouns

I created *a* mockup. There are three *mockups*.

Hyphenation Trends

Modern English prefers 'mockup' over 'mock-up'.

Passive Voice

The mockup *was created* by the design team.

Beispiele nach Niveau

1

I made a mockup of a car with paper.

J'ai fait une maquette de voiture avec du papier.

Noun: mockup

2

This mockup shows the new toy.

Cette maquette montre le nouveau jouet.

Subject: This mockup

3

The mockup is very small.

La maquette est très petite.

Adjective: small

4

Look at the mockup of the house.

Regardez la maquette de la maison.

Imperative: Look at

5

Is this a mockup of a phone?

Est-ce une maquette de téléphone ?

Question form

6

We need a mockup for our project.

Nous avons besoin d'une maquette pour notre projet.

Preposition: for

7

The mockup has no buttons.

La maquette n'a pas de boutons.

Negative: has no

8

The designer drew a mockup.

Le designer a dessiné une maquette.

Past tense: drew

1

The architect built a mockup of the building.

L'architecte a construit une maquette du bâtiment.

Verb: built

2

We are using a mockup to show the colors.

Nous utilisons une maquette pour montrer les couleurs.

Present continuous: are using

3

This digital mockup looks like the real app.

Cette maquette numérique ressemble à la vraie application.

Verb: looks like

4

Can you see the mockup on the screen?

Peux-tu voir la maquette sur l'écran ?

Modal: Can

5

The mockup helps us find problems early.

La maquette nous aide à trouver les problèmes tôt.

Object: us

6

It is a simple mockup made of wood.

C'est une maquette simple faite en bois.

Passive: made of

7

The client liked the mockup very much.

Le client a beaucoup aimé la maquette.

Past tense: liked

8

Please create a mockup for the new logo.

Veuillez créer une maquette pour le nouveau logo.

Polite request

1

The development team reviewed the mockup before starting to code.

L'équipe de développement a examiné la maquette avant de commencer à coder.

Conjunction: before

2

A high-fidelity mockup shows exactly how the website will appear.

Une maquette haute fidélité montre exactement comment le site web apparaîtra.

Adverb: exactly

3

They presented a physical mockup of the new vacuum cleaner.

Ils ont présenté une maquette physique du nouvel aspirateur.

Adjective: physical

4

The mockup stage is essential for getting feedback from users.

L'étape de la maquette est essentielle pour obtenir des retours des utilisateurs.

Gerund: getting

5

We need to mock up the dashboard by the end of the day.

Nous devons maquetter le tableau de bord d'ici la fin de la journée.

Phrasal verb: mock up

6

The mockup includes all the brand's colors and fonts.

La maquette inclut toutes les couleurs et polices de la marque.

Verb: includes

7

Without a mockup, it's hard to visualize the final product.

Sans maquette, il est difficile de visualiser le produit final.

Infinitive: to visualize

8

The designer revised the mockup based on our suggestions.

Le designer a révisé la maquette en fonction de nos suggestions.

Phrase: based on

1

The mockup served as a visual specification for the engineering department.

La maquette a servi de spécification visuelle pour le département d'ingénierie.

Verb: served as

2

It's important to differentiate between a static mockup and an interactive prototype.

Il est important de faire la différence entre une maquette statique et un prototype interactif.

Infinitive: to differentiate

3

The agency produced several mockups to provide the client with options.

L'agence a produit plusieurs maquettes pour proposer des options au client.

Noun: options

4

We used a 3D-printed mockup to evaluate the ergonomics of the handle.

Nous avons utilisé une maquette imprimée en 3D pour évaluer l'ergonomie de la poignée.

Compound adjective: 3D-printed

5

The mockup allows us to test the visual hierarchy of the information.

La maquette nous permet de tester la hiérarchie visuelle de l'information.

Verb: allows

6

She spent hours perfecting the mockup to ensure the branding was consistent.

Elle a passé des heures à perfectionner la maquette pour s'assurer que l'image de marque était cohérente.

Conjunction: to ensure

7

The mockup was so realistic that the client thought it was a photo.

La maquette était si réaliste que le client a cru que c'était une photo.

Adverbial clause: so... that

8

Investors often require a mockup before they commit to funding a startup.

Les investisseurs exigent souvent une maquette avant de s'engager à financer une startup.

Prepositional phrase: before they commit

1

The full-scale mockup was instrumental in identifying spatial conflicts within the cabin.

La maquette en vraie grandeur a été déterminante pour identifier les conflits spatiaux à l'intérieur de la cabine.

Adjective: instrumental

2

A meticulously crafted mockup can bridge the gap between conceptual design and technical execution.

Une maquette méticuleusement conçue peut combler le fossé entre la conception conceptuelle et l'exécution technique.

Modal: can bridge

3

The architect insisted on a façade mockup to verify the aesthetic impact of the stone cladding.

L'architecte a insisté sur une maquette de façade pour vérifier l'impact esthétique du revêtement en pierre.

Preposition: on

4

Software designers utilize mockups to iterate rapidly on user interface layouts.

Les concepteurs de logiciels utilisent des maquettes pour itérer rapidement sur les mises en page de l'interface utilisateur.

Verb: iterate

5

The mockup's primary function is to facilitate consensus among diverse stakeholders.

La fonction principale de la maquette est de faciliter le consensus entre les différentes parties prenantes.

Possessive: mockup's

6

By presenting a high-fidelity mockup, we can effectively manage client expectations.

En présentant une maquette haute fidélité, nous pouvons gérer efficacement les attentes des clients.

Gerund: presenting

7

The mockup revealed that the proposed color palette was too aggressive for the target demographic.

La maquette a révélé que la palette de couleurs proposée était trop agressive pour le public cible.

Noun clause: that the proposed...

8

The transition from mockup to prototype represents a significant milestone in the development cycle.

Le passage de la maquette au prototype représente une étape importante du cycle de développement.

Noun: milestone

1

The fidelity of the mockup is paramount when soliciting feedback on nuanced aesthetic choices.

La fidélité de la maquette est primordiale lors de la sollicitation de retours sur des choix esthétiques nuancés.

Adjective: paramount

2

Industrial designers often employ 'soft' mockups to explore form and volume before committing to more rigid materials.

Les designers industriels emploient souvent des maquettes « souples » pour explorer la forme et le volume avant de s'engager dans des matériaux plus rigides.

Verb: employ

3

The mockup serves as a semiotic anchor, ensuring that the visual language remains consistent throughout the project.

La maquette sert d'ancrage sémiotique, garantissant que le langage visuel reste cohérent tout au long du projet.

Noun phrase: semiotic anchor

4

Advanced digital mockup tools allow for the simulation of varying lighting conditions on virtual surfaces.

Les outils de maquette numérique avancés permettent de simuler différentes conditions d'éclairage sur des surfaces virtuelles.

Preposition: on

5

The use of mockups in the automotive industry facilitates the early detection of aerodynamic inefficiencies.

L'utilisation de maquettes dans l'industrie automobile facilite la détection précoce des inefficacités aérodynamiques.

Noun: detection

6

A well-executed mockup can preemptively address potential manufacturing hurdles by highlighting design complexities.

Une maquette bien exécutée peut répondre de manière préventive aux obstacles de fabrication potentiels en mettant en évidence les complexités de conception.

Adverb: preemptively

7

Stakeholders often conflate mockups with prototypes, necessitating clear communication regarding functional limitations.

Les parties prenantes confondent souvent les maquettes avec les prototypes, ce qui nécessite une communication claire concernant les limitations fonctionnelles.

Verb: conflate

8

The architectural mockup functioned as a critical pedagogical tool for the junior design associates.

La maquette architecturale a fonctionné comme un outil pédagogique essentiel pour les jeunes associés en design.

Adjective: pedagogical

Gegenteile

final version finished product original

Häufige Kollokationen

Digital mockup
Physical mockup
High-fidelity mockup
Full-scale mockup
Design mockup
Website mockup
Static mockup
Cardboard mockup
Mockup stage
Product mockup

Häufige Phrasen

Create a mockup

— To make a visual model of a design.

The first step is to create a mockup of the user interface.

Present a mockup

— To show a design model to a client or team.

The agency will present a mockup of the new logo on Tuesday.

Review the mockup

— To examine a design model for feedback or approval.

Please review the mockup and let me know if you like the font.

Mockup file

— A digital file containing a design model.

You can download the mockup file from the project folder.

Low-fidelity mockup

— A simple, basic model with little detail.

A low-fidelity mockup is good for testing quick ideas.

Mockup generator

— A software tool used to create design models easily.

I used an online mockup generator for the t-shirt design.

Physical mockup

— A model you can touch, made of wood, plastic, etc.

The physical mockup helped us see the size of the box.

Mockup review

— A meeting to discuss a design model.

We have a mockup review scheduled for 3 PM.

Approved mockup

— A design model that has been accepted for production.

Once we have an approved mockup, we can start coding.

Interactive mockup

— A model with some clickable elements (often actually a prototype).

He called it an interactive mockup, but it was really a prototype.

Wird oft verwechselt mit

mockup vs Prototype

A prototype is functional; a mockup is just for looks.

mockup vs Wireframe

A wireframe is a skeletal outline; a mockup includes colors and details.

mockup vs Model

A model is a general term; a mockup is specifically for design evaluation.

Redewendungen & Ausdrücke

"Mock something up"

— To quickly create a rough model or draft of something.

Can you mock up a quick drawing of your idea?

Neutral
"A mock-up of the real thing"

— Something that looks like the real object but is just a model.

The display in the museum was just a mock-up of the real thing.

Neutral
"Mock-up trial"

— A practice version of a trial used for training lawyers.

The law students participated in a mock-up trial.

Legal/Academic
"Mock-up exam"

— A practice exam that looks like the real one.

We took a mock-up exam to prepare for the finals.

Educational
"Dress mock-up"

— A simple version of a garment made to test the fit.

The tailor made a dress mock-up in cheap cotton first.

Fashion
"Screen mock-up"

— A visual design of a computer or phone screen.

The screen mock-up was very helpful for the developers.

Technical
"Mock-up session"

— A meeting dedicated to creating or reviewing models.

We spent the whole mock-up session arguing about colors.

Professional
"Rough mock-up"

— A very basic and unfinished model.

I only have a rough mock-up so far, but you get the idea.

Informal
"Digital mock-up (DMU)"

— A 3D computer model used in engineering.

The DMU allowed them to see the engine parts in 3D.

Engineering
"Mock-up design"

— The process of creating a model.

The mock-up design took longer than expected.

Neutral

Leicht verwechselbar

mockup vs Mockery

They share the same root 'mock'.

Mockery is an insult or a joke, while a mockup is a professional model.

The failed project was a mockery of our hard work.

mockup vs Makeup

Similar sound and spelling.

Makeup is cosmetics for the face; a mockup is a design model.

She applied her makeup before the meeting.

mockup vs Mock-up (verb)

Spelling of the verb vs noun.

The verb is two words 'mock up'; the noun is one word 'mockup'.

I will mock up the site today.

mockup vs Dummy

Both refer to non-functional models.

Dummy is often used for human forms or blank books; mockup is for products/designs.

They used a crash test dummy in the car.

mockup vs Replica

Both are copies.

A replica is a copy of an existing thing; a mockup is a model of a future thing.

This is a replica of the Titanic.

Satzmuster

A1

This is a mockup of [noun].

This is a mockup of a phone.

A2

We are using a [adjective] mockup.

We are using a digital mockup.

B1

The mockup shows how the [noun] will look.

The mockup shows how the website will look.

B2

It's a high-fidelity mockup used for [gerund].

It's a high-fidelity mockup used for testing visuals.

C1

The mockup serves as a [noun] for [noun].

The mockup serves as a visual guide for the engineers.

C2

By utilizing a mockup, we can [verb] the [noun].

By utilizing a mockup, we can preemptively address design flaws.

B1

I need to mock up a [noun].

I need to mock up a new layout.

A2

The client liked the [noun].

The client liked the mockup.

Wortfamilie

Substantive

Verben

Adjektive

Verwandt

So verwendest du es

frequency

Very high in professional design and tech industries.

Häufige Fehler
  • Using 'mockup' as a verb. I will mock up the design.

    The noun is 'mockup', but the action is the phrasal verb 'mock up'.

  • Confusing mockup with prototype. This is a mockup, so it doesn't work yet.

    A mockup is static; a prototype is functional.

  • Spelling it as 'make up'. I need a mockup of the site.

    'Makeup' is cosmetics; 'mockup' is a design model.

  • Thinking a mockup must be small. They built a full-scale mockup of the car.

    Mockups can be any size, including the actual size of the product.

  • Using 'mockup' to mean a fake product (scam). This is a counterfeit watch.

    A mockup is a professional design tool, not a deceptive fake.

Tipps

Verb vs Noun

Remember: 'I made a mockup' (noun) but 'I need to mock up the design' (verb). Always separate the words for the action.

Manage Expectations

When showing a mockup to a client, clearly state that it is non-functional. This prevents them from being disappointed when buttons don't work.

Start Low-Fi

Don't spend too much time on a high-fidelity mockup until the basic layout is approved. Start with a rough mockup first.

Synonym Choice

Use 'maquette' if you are talking about fine art or sculpture, and 'dummy' if you are talking about book publishing.

One Word

In the tech world, always write 'mockup' as one word. It makes you look more 'in the know' with current industry standards.

Clarify Fidelity

When someone asks for a mockup, ask if they want 'low-fidelity' (fast and rough) or 'high-fidelity' (detailed and slow).

The 'Mock' Root

Think of 'mock' as 'pretend'. A mockup is a 'pretend' version of the product that looks real.

Pluralization

The plural is 'mockups'. Avoid saying 'mockupes' or leaving it as 'mockup' for multiple items.

Industry Specifics

In architecture, a mockup might be a huge wall outside. In software, it's a small image on a screen. The word fits both!

Practice

Try to 'mock up' a new design for your favorite app using just paper and colored pens. It's a great way to learn design thinking.

Einprägen

Eselsbrücke

MOCK means to IMITATE. UP means to BUILD. So, a MOCKUP is something you BUILD to IMITATE the real thing.

Visuelle Assoziation

Imagine a cardboard box painted to look like a high-tech computer. It looks great, but it doesn't turn on. That is a mockup.

Word Web

Design Model Visual Static Non-functional Scale Draft Display

Herausforderung

Try to describe three things in your room as if you were building a mockup of them. What materials would you use if they didn't have to work?

Wortherkunft

The term 'mockup' originated in the early 20th century, combining the verb 'mock' (meaning to imitate or mimic) and the adverb 'up' (often used to indicate completion or creation). It was initially used in manufacturing and aviation to describe full-scale models of aircraft.

Ursprüngliche Bedeutung: A full-sized structural model of a new aircraft, used for studying the layout of equipment.

Germanic (English)

Kultureller Kontext

Be careful not to use 'mock' as a verb to mean 'making fun of' someone when you are in a professional design context.

Commonly used in business, design, and tech meetings. It is a very professional and standard term.

The 'wooden mockup' of the Spruce Goose aircraft. Apple's famous high-fidelity mockups of the first iPhone. Architectural mockups for the Burj Khalifa's glass panels.

Im Alltag üben

Kontexte aus dem Alltag

Web Design

  • Mobile mockup
  • Desktop mockup
  • UI mockup
  • High-fidelity mockup

Architecture

  • Façade mockup
  • Scale mockup
  • Material mockup
  • Full-scale mockup

Product Manufacturing

  • Physical mockup
  • Ergonomic mockup
  • Packaging mockup
  • 3D-printed mockup

Marketing

  • Ad mockup
  • Logo mockup
  • Branding mockup
  • Display mockup

Education

  • Training mockup
  • Scientific mockup
  • Historical mockup
  • Cardboard mockup

Gesprächseinstiege

"Have you seen the latest mockup for the new company logo?"

"Do you think we should build a physical mockup or just a digital one?"

"What do you think of the color scheme in this website mockup?"

"How long will it take for the design team to finish the mockup?"

"Is the mockup ready for the presentation to the investors tomorrow?"

Tagebuch-Impulse

Describe a time you had to explain an idea to someone using a visual model or a mockup.

If you were designing a new invention, what would your first mockup look like and what materials would you use?

Do you think digital mockups are as effective as physical ones? Why or why not?

Imagine you are a designer. Write a letter to a client explaining why the mockup is not functional yet.

Reflect on the importance of the 'mockup stage' in any creative project you have worked on.

Häufig gestellte Fragen

10 Fragen

No, a mockup can be a 'scale mockup,' which is smaller or larger than the real thing, or a 'full-scale mockup,' which is the exact same size. The choice depends on what you are trying to test or show.

Usually, no. A mockup is a static image. If you can click buttons and they lead to other pages, you are likely looking at a 'prototype' rather than a simple mockup.

Common tools for digital mockups include Figma, Adobe XD, Sketch, and Photoshop. For physical mockups, people might use 3D printing software or simple tools like knives and glue.

Yes, 'mock-up' is acceptable and common in British English and older texts. However, in modern American English and the tech industry, the single word 'mockup' is much more common.

A high-fidelity mockup is a very detailed model that looks almost exactly like the final product. It includes the final colors, fonts, and images, often looking like a photograph.

Building the real product is expensive and time-consuming. A mockup allows you to find and fix design mistakes early, which saves a lot of money and effort in the long run.

No. A wireframe is a low-fidelity skeletal outline focusing on structure. A mockup is a high-fidelity visual design focusing on aesthetics and layout.

Yes, mockups are frequently used in training. For example, a mockup of a medical device allows students to learn how to handle it without any risk to patients.

Yes, it is a standard professional term in design, engineering, and business. It is perfectly appropriate for use in formal reports and meetings.

In legal education, a 'mock-up trial' (more commonly called a 'mock trial') is a practice trial where students act as lawyers and witnesses to learn courtroom procedures.

Teste dich selbst 200 Fragen

writing

Describe a mockup you would create for a new type of smartphone.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Explain the difference between a mockup and a prototype to a friend.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Write a short email to a client presenting a new website mockup.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Why is the mockup stage important in architecture?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Describe a physical mockup you made in school.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

How do digital mockups help software developers?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Write a sentence using the verb 'mock up'.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

What are the benefits of a high-fidelity mockup?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Reflect on a time a mockup helped you avoid a mistake.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Explain 'low-fidelity mockup' in your own words.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Write a dialogue between a designer and a client about a mockup.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

How does a mockup facilitate stakeholder buy-in?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Describe a mockup of a piece of furniture.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

What materials would you use for a physical mockup of a car?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Write a social media post showing off a new mockup.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Why do pilots use mockups for training?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Compare a mockup to a blueprint.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

What is the role of a mockup in a marketing campaign?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

How has digital technology changed the way mockups are made?

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
writing

Write a formal definition of a mockup.

Well written! Good try! Check the sample answer below.

Richtig! Nicht ganz. Richtige Antwort:
speaking

Describe the mockup of a website you would like to build.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Explain why a mockup is useful for a client who doesn't understand design.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What materials would you use to build a physical mockup of a new toy?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Talk about the differences between a mockup and a prototype.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

How do you feel about digital mockups vs. physical mockups?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Describe a time you saw a mockup in a museum or a store.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What is the most important part of a mockup for a mobile app?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

How would you present a mockup to your boss?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Why do you think architects build scale mockups?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Is it better to have a low-fidelity or high-fidelity mockup at the start of a project?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What would a mockup of a futuristic car look like?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Can you explain the phrase 'mock up' as a verb?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What are some common mistakes people make with mockups?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

How do mockups help in the education of doctors?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Describe a mockup of a new book cover.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What do you think of using 3D printing for mockups?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

How does a mockup help a marketing team?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Explain 'visual hierarchy' in the context of a mockup.

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

Why is it called a 'mockup'?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
speaking

What would you include in a mockup for a new kitchen?

Read this aloud:

Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Hey Sarah, can you mock up the new landing page by tomorrow afternoon? The client wants to see the visual style.' What does Sarah need to do?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The mockup is static, so don't expect the navigation to work.' What is a characteristic of this mockup?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'We need a full-scale mockup of the dashboard to test the reach of the buttons.' What size is the mockup?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The agency presented three different mockups for the logo.' How many options did the agency provide?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'I've finished the wireframe, but I'm still working on the high-fidelity mockup.' Which one is finished?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Building a physical mockup out of clay is time-consuming but worth it for the tactile feedback.' What material is being used?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The mockup revealed a major design flaw in the handle's ergonomics.' What did the mockup reveal?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Is this the final mockup for the brochure?' What is the speaker asking about?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'We use digital mockups to simulate different lighting conditions.' What are the mockups used for?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The mockup phase should take no more than a week.' How long should the mockup phase take?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Please review the mockup and send your comments by Friday.' When are the comments due?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Investors were impressed by the high-fidelity mockup of the new drone.' What were the investors impressed by?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The architect created a scale mockup of the entire city block.' What did the architect create a mockup of?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'Don't worry about the code yet; just focus on the mockup.' What should the person focus on?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:
listening

Listen to this: 'The mockup stage is critical for visual validation.' Why is the mockup stage critical?

Richtig! Nicht ganz. Richtige Antwort:
Richtig! Nicht ganz. Richtige Antwort:

/ 200 correct

Perfect score!

War das hilfreich?
Noch keine Kommentare. Sei der Erste, der seine Gedanken teilt!