The document discusses the importance of designing The Globe & Mail's Windows 8 app, as Windows 8 represents the edge of innovation in mobile and cross-platform compatibility. It provides an overview of the Windows 8 design style and principles, including tiles, a grid system, responsiveness, and simple navigation. The document outlines the design process for the app, including researching ideas and competitors, creating a pattern library, developing a shared terminology, and finalizing mockups while challenging conventions.

1. The Globe & Mail’s
Windows 8 App
/

2. Luciano Castillo
UX Designer
2

3. We design products for web, mobile and tablet devices
3

4. Windows 8
Why is it important to us?

5. 5

6. Edge of innovation
As Designers and Developers, thats
where we want to be
6

7. Big piece of the pie!
Cross-platform compatibility means
more devices and a larger audience.
7

8. Make a difference
At such an early stage, we can help
shape the future of Windows 8 apps.
8

9. The Globe & Mail
Windows 8 app for desktop and tablet

10. Tonight
1. Philosophies & Concepts behind Windows 8
2. Design Process & Challenges
10

11. Windows 8 Style
Microso! Design Style Inspiration
11

12. Bauhaus
Art Style
12

13. 13

14. Swiss
Art Style
14

15. 15

16. Motion
Design Patterns
16

17. Clear the path
Microso!’s goal is to remove any
excess chrome or unneeded fluff
17

18. 18

19. Design principles
At the core of
Microso! Design Style
19

20. Show pride in cra!smanship
Be fast and fluid
Be authentically digital
Do more with less
Win as one
20

21. Under the hood
What are the central features and concepts?

22. Tiles
22

23. Grid System
23

24. Responsive
24

25. simple 3 tier
navigation
25

26. Design with creative
backgrounds,
unique typefaces
and vibrant colours.
26

27. Okay so...
Now that we’ve gone over what Windows 8 is

28. Research
Pool of ideas and concepts

29. Competitive analysis
Where does the Globe stand today?
29

30. Pattern library
What design patterns are being used
for this particular industry?
30

31. Language doc
Using the same terminology
31

32. 32

33. 33

34. Bringing it
together
The finished mockups

38. Break the mould!!
A challenge to designers and developers

39. Thanks!
Off to Derek