Adding a validation for username and email at the sign up page (Error prevention).Using the same style of buttons for submitting, and another style for cancelling an action (Consistency and standards).Giving a choice to cancel the changes of user profile (User control and freedom).For example, our log in page has an option to make a new account that says "Haven't got an account yet? Make one here." with the link to the sign up page (Match between system and the real world) Using everyday language to interact with users.Using pagination to indicate which page the user is in (Visibility of system status).Some of the heuristics that we've applied on our project include: With wireframe, we can show the basic navigation flow between site screens. Wireframes usually come in a form of static, low-fidelity representation of a product. Wireframe can be defined as a visual guide that represents the skeletal framework of a website and wireframing is, you guessed it-creating a wireframe. In this article, i'm going to focus on wireframing and prototyping, the two steps of designing UI that can help minimize design flaws and ensure a successful user experience.įirst, we're going to start with wireframing. To put it simply, though, a good user interface design should facilitate simple, natural and engaging interaction between the user and the system, which allows users to perform the tasks they need. Different people might have different ideas of what a "good" UI design looks like. "What makes a good UI design?", you may ask. The UI stands for "user interface", which is the graphical layout of an application. To maximize usability and user experience, every application needs a good UI design.