ux introduction
TRANSCRIPT
What is UI?
Stands for “User Interface”
It’s everything you see on the screen: Information Inputs Animations
What is UX?
Stands for “User Experience”
Three components of UX: Usability (How to use?) Look (Color, graphic, theme...) Feel (Joy of use, Interaction, Reaction)
Why should we care ?
Users need tools to solve their problems
If they feel good, they stay, then pay
Why should we care ?
Users need tools to solve their problems
If they feel good, they stay, then pay
They don’t care about: Your superb data design Your high-end technology YOU
Why should we care ?
CS cost decreases 90% after improving UX
Revenue increases 300M$ after improving UX
Basic UX design process
1. Research & strategy
2. Wireframe
• Basic presentation of design elements
• Used for communication, documentations
3. Mockup
4. Prototype
Basic UX design process
1. Research & strategy
2. Wireframe
3. Mockup
• Static visualization
• Used for visual feeling
4. Prototype
Basic UX design process
1. Research & strategy
2. Wireframe
3. Mockup
4. Prototype
• Add interaction
• Used for user testing
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
What’s coming next ?
1. Common design mistakes
2. Basic design principles
3. Basic emphasizing techniques
4. UI components
5. Animations in UI
6. Trends
7. Wireframe, Mockup, Prototype
UX Resources
Google’s Material Design