Wireframes

A visual guide that represents the page structure, as well as its hierarchy and key elements. Wireframes are useful when UX designers need to discuss ideas with team members/stakeholders, and to assist the work of visual designers and developers.

Sketches

Sketching is a quick way of visualizing an idea (e.g. new interface design) by using paper and pen. Sketches are useful to validate product concepts and design approaches both with team members and users.

Moodboards

A collaborative collection of images and references that will eventually evolve into a product’s visual style guide. Moodboard allows UX desigenrs to show stakeholders and teammates a proposed look for the product before investing too much time or money on it.