{"head":{"title":"What Is a Clickable Prototype For? Why Build One First","description":"A clickable prototype lets users and stakeholders try the product before code is written, so scope, flows and cost are agreed early.","canonical":"https://oceanlab.in/questions/what-is-a-clickable-prototype-for"},"crumbs":[{"name":"Home","path":"/"},{"name":"Questions","path":"/questions"},{"name":"What is a clickable prototype for?","path":"/questions/what-is-a-clickable-prototype-for"}],"question":"What is a clickable prototype for?","answer":["A ",{"href":"/glossary/clickable-prototype","text":"clickable prototype"}," lets people click through the product before any production code exists, so you can test the flows with real users, agree the scope and get a more accurate estimate. It is the cheapest point to find out that a screen, a step or a whole feature is wrong."],"sections":[{"heading":"What it is good for","body":[],"bullets":[["Testing the main flows with users and fixing confusion before it is built."],["Getting stakeholders to agree on what will be built, using screens instead of documents."],["Pricing the build against something concrete."],["Showing investors, partners or a sales prospect what the product will do."],["Giving engineers a clear reference for the build."]]},{"heading":"What it is not","body":[["It is not working software. It has no real data, no backend and no edge cases, so it does not prove technical feasibility. If the risk is technical, such as whether an AI feature is accurate enough, pair the prototype with a small technical spike."],["At OceanLab the clickable prototype is the first step before production on every build."]],"bullets":[]}],"faqs":[{"question":"Wireframe, prototype or MVP?","answer":"A wireframe is a rough layout, a clickable prototype is a realistic, linked set of screens, and an MVP is real working software with the smallest useful scope."},{"question":"Is the prototype thrown away?","answer":"The prototype file is not production code, but its designs and decisions carry into the build."},{"question":"How detailed should it be?","answer":"Detailed enough that users can complete the key tasks and stakeholders can sign off. Not every screen state needs to exist."}],"terms":[{"href":"/glossary/clickable-prototype","label":"clickable prototype"},{"href":"/glossary/mvp","label":"MVP"},{"href":"/glossary/fixed-price","label":"fixed-price contract"}],"tools":[{"href":"/tools/project-brief-template","label":"Project brief template","detail":"Free tool"}],"links":[{"href":"/glossary/wireframe","label":"Wireframe","detail":"Glossary"},{"href":"/glossary/proof-of-concept","label":"Proof of concept","detail":"Glossary"},{"href":"/case-studies","label":"Case studies","detail":"Product builds by OceanLab, by industry."},{"href":"/contact","label":"Talk to OceanLab","detail":"Tell us about the build and we reply by email."}],"related":[{"href":"/questions/how-to-plan-a-discovery-phase","label":"How do I plan a discovery phase?","detail":"Question"},{"href":"/questions/how-much-does-an-mvp-cost","label":"How much does an MVP cost?","detail":"Question"},{"href":"/questions/how-long-does-it-take-to-build-an-app","label":"How long does it take to build an app?","detail":"Question"},{"href":"/compare/ai-agent-vs-workflow-automation","label":"AI agent vs workflow automation","detail":"Comparison"},{"href":"/compare/rag-vs-fine-tuning","label":"RAG vs fine-tuning","detail":"Comparison"},{"href":"/glossary","label":"Glossary","detail":"Every term, in plain words."}],"sources":[],"legal":false,"updatedAt":"2026-10-25"}