Wireframe
Once you know the types of pages your product will include, you can start creating wireframes for those pages. Wireframes are static, low to high-fidelity models of your product.
Don’t worry about details like color palettes or typography at this stage. Focus instead on arranging the elements of the design and planning out the structure and navigation.
Wireframes are usually made up of grayscale lines and boxes, showing positions and visual hierarchy rather than full functionality. They’re an easy and cheap way to evaluate ideas and get user feedback.
From Lesson
UX Design Deliverables