ux introduction
Post on 16-Aug-2015
172 Views
Preview:
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
top related