4. UI Features
Macro
A user story
Multiple parts
Multiple use cases
Lengthy interactive life cycle
Micro
Implementation details
Few parts
One use case
Short interactive life cycle
5. Microinteraction
A microinteraction is a moment of connection
with an interface’s smallest meaningful features,
when a user is completing a simple task.
Setting a preference
Filling out a form field
Responding to a notification
Confirming a choice
etc.
11. Who fills in the blanks? The user!
When gaps are present in a mental model, users will tend to fill them in with human characteristics
and expectations of behavior.
Nobody cares how it really works!
13. Read Context
Humans excel at inferring context from other
humans
Give a greater impression of intelligence and
friendliness
Adapt (really, don't always be funny!)
14. Make Assumptions
Humans make them all the time
Based on profile
Based on environment
Based on previous behavior
Don't start from zero
15. Mental models are NOT engineering models
Interfaces are abstractions
Macro features: the user stories
Micro features: the details
Microinteractions: small, meaningful tasks
Details help us build mental models
Users fill in the blanks
Take advantage of conversational language
Read from context
Make assumptions
In Summary...
16. References
Karen Tang, "Designing the Details: How Micro-Interactions Can Elevate Your UX", Abstractions
Conference, 18 Aug 2016, Pittsburgh, PA
Brad Fults, "Interfaces: Building Worlds & Feeling Great", Abstractions Conference, 18 Aug 2016,
Pittsburgh, PA
Greg Nicholas, "Conversational User Interfaces: Let Apps Speak for Themselves" Abstractions
Conference, 20 Aug 2016, Pittsburgh, PA
Dan Saffer, "Microinteractions", O'Reilly, 2014