UX New #1
Disclaimer
- I am not a designer
- UX Design is subjective
- Idea is not to force my opinion
- Whatever I demo/show
today, is NOT my creation.
UX think Exercise
no right answer, Please
How can you make Facebook App better
Trivia: Facebook oscillated between Hybrid & Native, finally settling for Native!
Responsive design is...
- Same content + Same style + Same layout
- Same content + Same style + Different layout
- Same content + Different style + Same layout
- Different content + Different style + Same layout
- Different content + Different style + Different layout
Dynamic Content Layout & Styling Only,
Not a way of engaging user...
Responsive UI is so last year.
Making a Case for
Animation & Interactivity
Case Study Pinterest
Swipe up for new feed
Case Study Pinterest
Swipe Down to return
Case study Pinterest
Swipe left to continue in feed
Drive Focus with animation
Circa App - animation reveals and maintains focus priority
Personality of an App
Interactive control
Personality of an app
Playful dashboard
Smallest things may make a difference
Is it over done?
Strike a balance, you must
FLAT
vs
SKEUOMORPHIC
NATURAL
VS
ARTIFICIAL
Arguments
- How natural can you get on a virtual interface?
- How much space are you willing to sacrifice?
- Appeal > performance?
- Effect > Simplicity?
All is fair in ux & War
Material Design
Polymer & Web Components
Material Design
- Best of both
- Naturally Responsive
Create a visual language that synthesizes classical principle of good design with the innovation and possibility of technology and science
Material is the Metaphor
Bold graphic, Intentional
Motion Provides Meaning
Animation
Many other things
- Responsive Principle
- UI Region & Guidance
- Style
- Components
- Patterns
- ...
UX !== UI
Polymer
- Material Design
-
Web Components
- HTML Templates +
- Shadow DOM +
- Custom Elements +
- HTML Imports
- Example App