# User Interface Design User Interface (UI) Design is the discipline of designing the visual and interactive elements through which users interact with a product. It focuses on the look, feel, and interactivity of a product; buttons, icons, typography, colors, spacing, and responsive behavior. While [[User Experience (UX)]] encompasses the entire user journey, UI Design specifically addresses the presentation layer. The field has evolved from command-line interfaces to graphical user interfaces (GUIs), and now includes touch, voice, and gesture-based interactions. Good UI design makes products intuitive, aesthetically pleasing, and accessible to all users. ## Core Principles - **Clarity**: Users should understand what they're looking at and how to use it - **Consistency**: Similar elements should look and behave the same way - **Feedback**: The interface should respond to user actions immediately - **Efficiency**: Minimize steps required to complete tasks - **Forgiveness**: Allow users to undo mistakes easily - **Accessibility**: Design for users of all abilities ## Key Elements | Element | Purpose | |---------|---------| | Typography | Readability, hierarchy, personality | | Color | Meaning, branding, contrast, accessibility | | Layout | Organization, visual flow, spacing | | Icons | Quick recognition, space efficiency | | Buttons | Clear calls to action | | Forms | Data input with validation feedback | ## UI vs UX | Aspect | UI Design | UX Design | |--------|-----------|-----------| | Focus | Visual presentation | Overall experience | | Concerns | Colors, typography, layouts | User flows, research, testing | | Deliverables | Style guides, mockups | Wireframes, prototypes, personas | | Question | "How does it look?" | "How does it feel?" | ## References - https://www.nngroup.com/articles/definition-user-interface/ - https://www.interaction-design.org/literature/topics/ui-design ## Related - [[User Experience (UX)]] - [[Don Norman]]