Hands-On UX Design for Developers

Wireframes and prototyping

Wireframes are usually referred to as a visual guideline that explains our digital product structure, such as its hierarchy and its key elements. Usually, wireframes are mostly used when we are creating a web or mobile application; the UI designer will take them as a reference for creating prototypes and visual design.

During the process of creating wireframes, we also start connecting the dots, or in our case the screens, by creating the product flow. By flow, we mean what will happen on each screen when our user interacts with it, what their next step will be, and where the user will land after any action they take on that specific screen.

Most of the time, we start creating wireframes by sketching them on paper. ...