App Wireframe design A wireframe is commonly used to layout content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added. Design Process: Create a user-flow diagram for each screen. Create/draw wireframes. Choose design patterns and color palettes. Create mock-ups. Create an animated app prototype and ask people to test it and provide feedback. Give final touch-ups to the mock-ups to have the final screens all ready to begin coding.