# Design and wireframes

Design diagrams live or die on fidelity. Too rough and people cannot react; too polished and they react to the wrong thing. Every page here says which fidelity suits which conversation.

The reason to draw these in Confluence rather than a design tool is not that it is better at design. It is that the people who write the requirements can edit them.

---

## In this section

[WireframeLayout before visual design, on the page with the spec.](https://help.gocapable.com/diagrams/wireframe.html)

[Mobile app wireframeDevice frames, navigation and touch targets.](https://help.gocapable.com/diagrams/mobile-app-wireframe.html)

[UI mockupA screen convincing enough to react to.](https://help.gocapable.com/diagrams/ui-mockup.html)

[Site map diagramPage hierarchy, and what links to what.](https://help.gocapable.com/diagrams/site-map-diagram.html)

[Floor planWalls, doors and furniture, to scale.](https://help.gocapable.com/diagrams/floor-plan.html)

[Office seating chartWho sits where, kept current.](https://help.gocapable.com/diagrams/office-seating-chart.html)

---

## Everything under here

[WireframeCreate a wireframe beside the requirements, hand drawn or with crisp UI shapes.](https://help.gocapable.com/diagrams/wireframe.html)[Mobile app wireframeWireframe a mobile screen with device frames, navigation bars and touch targets.](https://help.gocapable.com/diagrams/mobile-app-wireframe.html)[UI mockupBuild a web page or app mockup with buttons, form fields, tables and menus, and update it in the page.](https://help.gocapable.com/diagrams/ui-mockup.html)[Site map diagramDraw a website site map showing page hierarchy and navigation, and link each node to its spec.](https://help.gocapable.com/diagrams/site-map-diagram.html)[Floor planDraw a floor plan to scale with walls, doors, windows and furniture from the floorplan shape library.](https://help.gocapable.com/diagrams/floor-plan.html)[Office seating chartBuild an office seating chart desk by desk and keep it current as teams move around.](https://help.gocapable.com/diagrams/office-seating-chart.html)

---

_Fidelity is a choice, so choose it._