# Wireframe

Concept · [Product](https://ecosystem.samcarlton.com/product)

Also called: wireframes, mockup, mock-up, sketch, low-fidelity

A simple outline drawing of a screen that shows where things go, without colors or finished design.

**For example:** Boxes and labels on paper showing a search bar at the top, a list of results below it and a 'Book now' button under each result.

## Connects to (8)

- [Prototype](https://ecosystem.samcarlton.com/prototype): An early, rough version of a product made to test an idea or show others what you mean.
- [UX / UI](https://ecosystem.samcarlton.com/ux-ui): UI, the user interface, is what people see and tap on the screen.
- [User story](https://ecosystem.samcarlton.com/user-story): One short sentence describing something a user needs to do and why, written from their point of view.
- [Figma](https://ecosystem.samcarlton.com/figma): A collaborative design tool.
- [Tulsa UX](https://ecosystem.samcarlton.com/tulsa-ux): A Tulsa user group for user experience designers, listed among Techlahoma's user groups.
- [Design concept](https://ecosystem.samcarlton.com/design-concept): The shared picture of what is being built, held by you and by the agent, separate from any document or code.
- [reMarkable](https://ecosystem.samcarlton.com/remarkable): A paper-like tablet for handwriting, sketching and reading documents.
- [Nielsen Norman Group](https://ecosystem.samcarlton.com/nielsen-norman-group): A user experience research and consulting firm.

Map view: https://ecosystem.samcarlton.com/wireframe