> For the complete documentation index, see [llms.txt](https://justin-se.gitbook.io/justin-se-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://justin-se.gitbook.io/justin-se-docs/front-end-development/user-experiance-design.md).

# User Experiance Design

User Experiance (UX) is all about the **User** or **User Centered**,\
so keep looking for user to test your prototype!

## UX Design Framework

![UXDesignFramework.png](https://2508767388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRookNjwubMJWQgqxL6Q%2Fuploads%2Fgit-blob-f6b0cf3e032867e916b9dc6acccf10b30c959b4f%2FUXDesignFramework.png?alt=media)

### **Lifecycle of UX Development**

1. [Know Business Requirement](/justin-se-docs/front-end-development/user-experiance-design/know-business-requirement.md)
2. [User Research](/justin-se-docs/front-end-development/user-experiance-design/user-research.md)
3. [Define User Needs](/justin-se-docs/front-end-development/user-experiance-design/define-user-needs.md)
4. [Ideate Solutions](/justin-se-docs/front-end-development/user-experiance-design/ideate-solutions.md)
5. [Create Lo-Fi Prototype](/justin-se-docs/front-end-development/user-experiance-design/create-lofi-prototype.md)
6. [Conduct UX Testing & Research](https://github.com/Justin26l/Docs_of_my_brain/blob/main/front-end-development/user-experiance-design/ConductTestResearch.md)
7. [Create Lo-Fi Prototype](/justin-se-docs/front-end-development/user-experiance-design/create-hifi-prototype.md)
8. [Create Dynamic UI Design](/justin-se-docs/front-end-development/user-experiance-design/create-dynamic-ui-design.md)

[**Design Sprint**](/justin-se-docs/front-end-development/user-experiance-design/design-sprint.md)

## The 4 Golden Rules of UI Design

### **Place Users in Control**

* **Undo/Redo**: Allow users to correct errors easily.
* **Intuitive Navigation**: Use clear labels and visual cues to help users locate themselves in the interface.

### **Make Interaction Comfortable**

* **Streamlined Workflows**: Simplify processes to reduce confuse & effort.
* **Accessibility**: Design inclusively for users with diverse needs.

### **Reduce Cognitive Load**

* **Minimalist Design**: Focus on essential elements to prevent overwhelming users.
* **Consistent Layouts**: Uniformity reduces the learning curve and enhances usability.

### **Maintain Consistency**

* **Uniform Design Patterns**: Apply consistent styles and behaviors across the interface.
* **Predictable Interactions**: Ensure actions have expected outcomes.