Prototype
Make a clickable prototype to confirm the flow before writing code.
Make a clickable prototype to confirm the flow before writing code.
Pages can be clicked through: where branches go and how to return; data is simulated.
Align user flows with a clickable prototype before writing code; fixing mistakes in prototypes is far cheaper than rewriting code.
Wireframe: validates layout: Statically shows what each page contains and where; it cannot be clicked, so flow problems cannot be walked through.
Clickable prototype: validates flow: Pages can be clicked through: where branches go and how failures return can all be walked; the data is fake.
Finished product: validates business: Connects real data and logic and completes real operations; changing it after a wrong flow costs the most.
First build a clickable prototype to validate the booking flow: only the choose-time, fill-in, submit, and success pages, linked with fake data and no real APIs. After the prototype walkthrough passes, we will write the real code against the confirmed flow.