Modul referensi resmi Level 1 VibeKoding: Mempersempit Solusi (Double Diamond).Modul referensi resmi Level 1 VibeKoding: Mempersempit Solusi (Double Diamond).
import StageAssignmentCard from '@theme/components/StageAssignmentCard.vue'import StageAssignmentCard from '@theme/components/StageAssignmentCard.vue'
After needs analysis and user interviews, we often have a large collection of material: accounts from different users, problems with existing tools, and several possible directions for improvement. Once the material grows, the next difficulty is deciding what to keep.After needs analysis and user interviews, we often have a large collection of material: accounts from different users, problems with existing tools, and several possible directions for improvement. Once the material grows, the next difficulty is deciding what to keep.
When "understanding the problem" and "designing the solution" are not separated, it is easy to conduct interviews while searching for reasons to support a preferred feature. The Double Diamond separates these two kinds of work through two cycles of divergence and convergence.When "understanding the problem" and "designing the solution" are not separated, it is easy to conduct interviews while searching for reasons to support a preferred feature. The Double Diamond separates these two kinds of work through two cycles of divergence and convergence.
This chapter introduces Discover, Define, Develop, and Deliver, and explains the inputs, outputs, and common mistakes of each stage.This chapter introduces Discover, Define, Develop, and Deliver, and explains the inputs, outputs, and common mistakes of each stage.
The Double Diamond is a classic design process framework promoted by the UK Design Council. It represents a full design and innovation process as two connected diamond shapes.The Double Diamond is a classic design process framework promoted by the UK Design Council. It represents a full design and innovation process as two connected diamond shapes.
It is called a "diamond" because each diamond contains two opposite but equally important motions:It is called a "diamond" because each diamond contains two opposite but equally important motions:
The full process has four steps:The full process has four steps:
The first two stages address the problem space; the last two address the solution space.The first two stages address the problem space; the last two address the solution space.


The most common beginner rhythm looks like this:The most common beginner rhythm looks like this:
The value of the Double Diamond is not that it makes the process more complicated. It forces you to separate "understanding the problem" from "designing the solution."The value of the Double Diamond is not that it makes the process more complicated. It forces you to separate "understanding the problem" from "designing the solution."
That sounds obvious, but it matters a lot. Many failed products were not badly executed. They failed because:That sounds obvious, but it matters a lot. Many failed products were not badly executed. They failed because:
The Double Diamond keeps reminding you:The Double Diamond keeps reminding you:
All three warnings address the same error: treating the amount already invested as evidence that the direction is correct. A prototype only shows what the team has made. Interviews, field observation, and real use provide evidence that the problem exists.All three warnings address the same error: treating the amount already invested as evidence that the direction is correct. A prototype only shows what the team has made. Interviews, field observation, and real use provide evidence that the problem exists.
The first diamond is about the problem itself, not the solution. Its output is a problem definition, not a product prototype.The first diamond is about the problem itself, not the solution. Its output is a problem definition, not a product prototype.
The core task in Discover is broad research, not quick conclusions.The core task in Discover is broad research, not quick conclusions.
Typical work in this phase includes:Typical work in this phase includes:
Many people think Discover just means "read more things." But the more important part is this: you need to understand people and situations, not just collect information.Many people think Discover just means "read more things." But the more important part is this: you need to understand people and situations, not just collect information.
For example, imagine you want to build an AI tool for organizing meeting notes. In Discover, the better questions are:For example, imagine you want to build an AI tool for organizing meeting notes. In Discover, the better questions are:
The main goal in Discover is not to get the answer right away. It is to avoid assuming too early that you already know the answer.The main goal in Discover is not to get the answer right away. It is to avoid assuming too early that you already know the answer.


If Discover opens the view, Define starts to narrow it.If Discover opens the view, Define starts to narrow it.
Define is not about preserving every observation. It is about asking:Define is not about preserving every observation. It is about asking:
The core of this phase is turning a broad topic into one clear problem definition.The core of this phase is turning a broad topic into one clear problem definition.
For example, maybe you start with:For example, maybe you start with:
> I want to build an AI tool that improves meeting efficiency.> I want to build an AI tool that improves meeting efficiency.
By the time you reach Define, a much stronger version might be:By the time you reach Define, a much stronger version might be:
> We will first solve the problem that project teams often cannot produce a shareable meeting note with action items, owners, and deadlines within 10 minutes after a 30-60 minute collaboration meeting.> We will first solve the problem that project teams often cannot produce a shareable meeting note with action items, owners, and deadlines within 10 minutes after a 30-60 minute collaboration meeting.
At that point, the problem is starting to become clear:At that point, the problem is starting to become clear:
The essence of Define is this: go from "there are many problems" to "this is the one problem we will solve first."The essence of Define is this: go from "there are many problems" to "this is the one problem we will solve first."


Only after you complete the first diamond does it make sense to move fully into the second. By then, you are not solving a vague direction anymore. You are solving a specific problem that has already been narrowed down.Only after you complete the first diamond does it make sense to move fully into the second. By then, you are not solving a vague direction anymore. You are solving a specific problem that has already been narrowed down.
The focus in Develop is to expand the solution space around one defined problem.The focus in Develop is to expand the solution space around one defined problem.
This kind of divergence is different from Discover:This kind of divergence is different from Discover:
Still using the meeting-note example, in Develop you can ask:Still using the meeting-note example, in Develop you can ask:
This is a good phase for brainstorming, comparison, and co-creation.This is a good phase for brainstorming, comparison, and co-creation.
But there is an important precondition: all of these solution directions must still serve the same defined problem.But there is an important precondition: all of these solution directions must still serve the same defined problem.
If the problem is not clear, Develop quickly turns back into random feature sprawl.If the problem is not clear, Develop quickly turns back into random feature sprawl.


Deliver is the convergence phase inside the second diamond.Deliver is the convergence phase inside the second diamond.
At this stage, you are no longer trying to imagine more possibilities. You are making choices:At this stage, you are no longer trying to imagine more possibilities. You are making choices:
Many people think Deliver means "launch." A more accurate way to understand it is this:Many people think Deliver means "launch." A more accurate way to understand it is this:
turn one solution into something testable, usable, and improvable.turn one solution into something testable, usable, and improvable.
That could be:That could be:
The point of Deliver is not perfection. It is to get the solution into a real environment quickly enough to validate it.The point of Deliver is not perfection. It is to get the solution into a real environment quickly enough to validate it.


We have now examined the four stages separately. The interactive diagram below places them in one process. Select a stage and compare its work, outputs, and the tasks deliberately postponed until later.We have now examined the four stages separately. The interactive diagram below places them in one process. Select a stage and compare its work, outputs, and the tasks deliberately postponed until later.
This is the most common one. People get an idea and immediately start drawing screens, writing PRDs, integrating models, or building pages.This is the most common one. People get an idea and immediately start drawing screens, writing PRDs, integrating models, or building pages.
The problem is not that they are not serious. The problem is that they may not even know whether the problem is worth solving.The problem is not that they are not serious. The problem is that they may not even know whether the problem is worth solving.
The opposite mistake is endless research, endless reading, endless interviews, and no convergence.The opposite mistake is endless research, endless reading, endless interviews, and no convergence.
The Double Diamond is not telling you to expand forever. It is reminding you that after expansion, you must eventually make choices.The Double Diamond is not telling you to expand forever. It is reminding you that after expansion, you must eventually make choices.
Some teams define a problem, but during Develop they discover that a certain solution is easier to build. Then they quietly rewrite the problem so it fits their preferred solution.Some teams define a problem, but during Develop they discover that a certain solution is easier to build. Then they quietly rewrite the problem so it fits their preferred solution.
That is dangerous. At that point, you may no longer be solving the real problem. You may be defending a favorite implementation.That is dangerous. At that point, you may no longer be solving the real problem. You may be defending a favorite implementation.
Deliver does not mean shipping a huge complete product. Often, a testable prototype or one round of real user testing is already a strong deliverable.Deliver does not mean shipping a huge complete product. Often, a testable prototype or one round of real user testing is already a strong deliverable.
AI products are especially likely to fall into capability-first thinking because model capabilities are so tempting. It is very easy to jump straight to:AI products are especially likely to fall into capability-first thinking because model capabilities are so tempting. It is very easy to jump straight to:
The Double Diamond forces you to ask first:The Double Diamond forces you to ask first:
That helps you avoid a very common failure mode:That helps you avoid a very common failure mode:
high capability, low value.high capability, low value.
A practical sequence looks like this:A practical sequence looks like this:
If you are working on your own product, you can write through the stages in this order:If you are working on your own product, you can write through the stages in this order:


Suppose you want to build an AI tool that helps college students prepare job-application resumes.Suppose you want to build an AI tool that helps college students prepare job-application resumes.
Many people would immediately jump into the second diamond and start asking:Many people would immediately jump into the second diamond and start asking:
But with the Double Diamond, a stronger process looks like this:But with the Double Diamond, a stronger process looks like this:
DiscoverDiscover
DefineDefine
DevelopDevelop
DeliverDeliver
Once the first diamond is solid, the second diamond becomes much clearer.Once the first diamond is solid, the second diamond becomes much clearer.


The Double Diamond is not an AI tool, but AI works very well as an accelerator inside all four stages. The key is not to let AI decide for you. The key is to let it help you expand the view, organize information, compare directions, and generate validation material.The Double Diamond is not an AI tool, but AI works very well as an accelerator inside all four stages. The key is not to let AI decide for you. The key is to let it help you expand the view, organize information, compare directions, and generate validation material.
Before formal interviews and deeper research, AI can help you do a lightweight scan of the space, for example:Before formal interviews and deeper research, AI can help you do a lightweight scan of the space, for example:
This cannot replace real research, but it is very useful for creating a first map of the space.This cannot replace real research, but it is very useful for creating a first map of the space.
A simple beginner prompt could be:A simple beginner prompt could be:
text I want to build a tool that helps college students improve resumes. Do not help me think about features yet. First help me figure out what problems people most often run into here.
Possible AI output:Possible AI output:
text Initial problem map: 1. They do not know what experiences to include 2. They do not know how to tailor the resume to different roles 3. They revise many times and still do not know if it is good enough 4. They need someone else to review it, but cannot always ask 5. Because they feel unsure, they keep delaying applications
That kind of output is not there to replace your judgment. It helps you enter Discover faster.That kind of output is not there to replace your judgment. It helps you enter Discover faster.
After collecting a lot of information, one of the hardest things is turning it into one really clear problem statement. You can give research notes to AI and ask it to compress them into candidate definitions:After collecting a lot of information, one of the hardest things is turning it into one really clear problem statement. You can give research notes to AI and ask it to compress them into candidate definitions:
text Below are user notes and research notes I collected during Discover: [paste the content] Please do 3 things: 1. summarize the most common problem patterns 2. based on frequency, pain, and ease of validation, suggest 3 problems worth prioritizing 3. write each problem as one clear problem statement
You can keep the input very simple too:You can keep the input very simple too:
text These are the issues I collected: 1. people do not know what to write on the resume 2. people do not know how to revise it 3. people keep feeling it is not good enough, so they do not apply Please help me decide which problem is the best first one to solve.
Possible AI output:Possible AI output:
text Recommended first problem: "Students applying for internships for the first time are unsure whether their resume has reached a submit-ready level, so they keep revising and delay applying." Reasons: 1. it is more concrete 2. it explains the delay behavior 3. it is easier to test with a smaller first version
That is useful because it helps you narrow a fuzzy set of issues into something closer to an MVP starting point.That is useful because it helps you narrow a fuzzy set of issues into something closer to an MVP starting point.
Once people define a problem, they often fixate immediately on the first solution that comes to mind. AI is very useful here as a forced divergence tool:Once people define a problem, they often fixate immediately on the first solution that comes to mind. AI is very useful here as a forced divergence tool:
text I have defined this core problem: [your problem statement] Please do not give me only one final answer. Instead, propose 2-3 solution directions from each of these angles: 1. the lightest MVP 2. the best option for validating demand 3. the best option for improving user experience 4. a non-AI solution 5. an AI-based solution At the end, compare the strengths, risks, and validation cost of each direction.
That stops you from getting trapped by one favorite solution too early.That stops you from getting trapped by one favorite solution too early.
A simpler prompt could be:A simpler prompt could be:
text My problem statement is: "Students delay applying because they are not sure whether their resume is ready." Please suggest 4 different solution directions, not just one.
Possible AI output:Possible AI output:
text Option 1: resume readiness checklist Option 2: job-description-based rewrite assistant Option 3: resume risk detector Option 4: example comparison library
Now you are in comparison mode instead of only staring at one AI rewriting path.Now you are in comparison mode instead of only staring at one AI rewriting path.
Once you reach Deliver, AI is very useful for speeding up work like:Once you reach Deliver, AI is very useful for speeding up work like:
For example, you can ask AI to generate a 20-minute user test script, or summarize five pieces of feedback into a decision frame like "continue / revise / pause."For example, you can ask AI to generate a 20-minute user test script, or summarize five pieces of feedback into a decision frame like "continue / revise / pause."
A very small input could be:A very small input could be:
text I made a very simple prototype: the user uploads a resume, and the system tells them which parts are not yet ready for submission. Please generate a 15-minute user testing script.
Possible AI output:Possible AI output:
text 15-minute user testing script: 1. Ask the user to describe their most recent resume submission experience 2. Let them upload a resume independently 3. Observe whether they understand the feedback 4. Ask which parts feel helpful and which parts feel confusing 5. Ask whether they would want to use this again before the next application
That is useful because it moves you from "I finished the prototype" to "how do I actually test this?"That is useful because it moves you from "I finished the prototype" to "how do I actually test this?"
One of the biggest risks in the Double Diamond is that people skip stages. You can directly ask AI to act like a process guard:One of the biggest risks in the Double Diamond is that people skip stages. You can directly ask AI to act like a process guard:
text Please act as a product process coach. Here is my current project state: [your description] Please judge whether I am mainly in Discover, Define, Develop, or Deliver. Then tell me: 1. whether I am jumping ahead too early 2. what the most important action in the current stage is 3. what I should not do yet
That is especially helpful for beginners because it is very easy to start prototyping before the problem is truly clear.That is especially helpful for beginners because it is very easy to start prototyping before the problem is truly clear.
This article mainly draws on the Design Council's official material about the Double Diamond. These are good places to continue:This article mainly draws on the Design Council's official material about the Double Diamond. These are good places to continue:
.field-figure { margin: 24px 0 32px; overflow: hidden; border: 1px solid var(--vp-c-divider); border-radius: 12px; background: var(--vp-c-bg-soft); }.field-figure { margin: 24px 0 32px; overflow: hidden; border: 1px solid var(--vp-c-divider); border-radius: 12px; background: var(--vp-c-bg-soft); }
.field-figure > a { display: block; background: #f4f4f1; }.field-figure > a { display: block; background: #f4f4f1; }
.field-figure img { display: block; width: 100%; max-height: 520px; object-fit: contain; }.field-figure img { display: block; width: 100%; max-height: 520px; object-fit: contain; }
.field-figure--diagram img { max-height: 580px; padding: 18px; }.field-figure--diagram img { max-height: 580px; padding: 18px; }
.field-figure--portrait img { max-height: 640px; object-fit: contain; }.field-figure--portrait img { max-height: 640px; object-fit: contain; }
.field-figure--artifact img { padding: 20px; background: #f4f1eb; object-fit: contain; }.field-figure--artifact img { padding: 20px; background: #f4f1eb; object-fit: contain; }
.field-figure figcaption { padding: 13px 16px 15px; border-top: 1px solid var(--vp-c-divider); color: var(--vp-c-text-2); font-size: 13px; line-height: 1.75; }.field-figure figcaption { padding: 13px 16px 15px; border-top: 1px solid var(--vp-c-divider); color: var(--vp-c-text-2); font-size: 13px; line-height: 1.75; }
.field-figure figcaption strong { color: var(--vp-c-text-1); }.field-figure figcaption strong { color: var(--vp-c-text-1); }
@media (max-width: 640px) { .field-figure { margin: 20px 0 28px; } .field-figure--diagram img { padding: 8px; } }@media (max-width: 640px) { .field-figure { margin: 20px 0 28px; } .field-figure--diagram img { padding: 8px; } }