This document discusses 10+1 interaction principles for mobile UI design:
1. Learnability - The interface should be easy to use for first-time users.
2. Efficiency - Key tasks should be optimized to be as efficient as possible.
3. Memorability - Frequency of use impacts memorability; consistent design helps users remember.
4. Error recovery - Users should not be allowed to make mistakes; feedback prevents errors.
5. Simplicity - Avoid unnecessary functionality; keep visual design clean and minimal.
6. Mapping - What users expect to happen matches actual interactions.
7. Visibility - Understand user goals and make all interactive elements visible and identifiable.
8. Feedback -
16. Principle 2:Efficiency (cont’d)
Key tasks should be mad as efficient as possible
n steps
Depth(d): number of levels
Breadth(b):number of options per menu panel
18. Principle 2:Efficiency
Key tasks should be mad as efficient as possible
Auto-suggest search process optimized with Tap-Ahead
19. Principle 3:Memorability
Frequency of use is the key factor in memorability
Header
Title
Content Top (Action bar)
Content
Context Menu & Tool bar
20. Principle 4: Error Recovery
Users should never be allowed to make a mistake
Dialogs are for:
1.Inform message
2.Force to confirm an action
3.Rigister form
Toast messages can be trigger by an action user takes
21. Principle 5:Simplicity
Avoid necessary functionality and keep the visual design cleanness
Large size Small size
Icons is resized but same area Keep all 3 stories are display on smaller size
Images are scaled Stylistic element is removed on smaller device
Future area
22. Principle 6:Mapping
What the users expect to happen is exactly what should happen
Drag and drop (gestures)