Windows UX

1. Windows UX

2. Design principles

3. A principled design approach

4. Pride in craftsmanship

5. Based on 20px grid

6. And a consistent silhouette

7. Type ramp

8. Swipe from edge

9. Interaction vs. reading areas

10. Most people are right-handed

11. Target sizes
40px30px 50px100%

12. Fat fingers?
Baby’s finger
45px
100px
60px

13. Target sizes
Minimum target size
(heart-to-heart = 50px)
Low consequence
High consequence

14. Alignment to the grid

15. Segoe UI Type ramp
Page headersSub-headersBody copyTertiary info
42pt
Light
20pt
Light
Semilight
Regular
11pt
Semilight
Regular
Semibold
9pt
Regular
Semibold
Bold