Presentation is loading. Please wait.

Presentation is loading. Please wait.

Central application hub with home page menu Information Architecture.

Similar presentations


Presentation on theme: "Central application hub with home page menu Information Architecture."— Presentation transcript:

1

2

3

4

5

6

7

8 Central application hub with home page menu Information Architecture

9 Information Architecture for Nokia Music

10

11

12 Nokia Music REST API Shared Libraries (WP7) Windows Phone 7 ApplicationWindows Phone 8 Application

13

14 Nokia Music REST API Shared Libraries (PCL) Windows Phone 7 ApplicationWindows Phone 8 ApplicationWindows 8 Application

15 Shared Libraries (PCL) Nokia Music REST API WP7 APIWP8 APIWin 8 API

16

17

18 SIMPLE Supreme ease of use from FTU onwards No registration. Click: play DELIGHTFUL Content is king Personally relevant EFFORTLESS Focus on the casual user LOVE THE PLATFORM Know what’s important. It helps when making design decisions. Design Principles

19 Know HOW you’re going to be used

20 Microsoft have lots of information on this in their design guidelines. Ergonomics & Gestures

21 Know WHERE you’re going to be used

22 Know WHO will be using your app

23

24 “If you want a great site, you’ve got to test. After you’ve worked on a site for even a few weeks, you can’t see it freshly anymore. You know too much. The only way to find out if it really works is to test it.” - Steve Krug Krug, Don't Make Think: A Common Sense Approach to Web Usability KrugDon't Make Think: A Common Sense Approach to Web Usability

25

26

27

28 The harsh reality…

29 Nokia Music REST API Shared Libraries (WP7) Windows Phone 7 ApplicationWindows Phone 8 ApplicationWindows 8 Application Windows 8 Libraries

30 Nokia Music REST API Shared Libraries (WP7) Windows Phone 7 ApplicationWindows Phone 8 ApplicationWindows 8 Application Portable Libraries

31 Ben Buttigieg (Senior code monkey)

32

33 Song 1Song 2 Device enters connected standby. Screen shuts off, device enters lowest power mode that supports audio playback. MediaElement opens network connection and starts buffering Song 2. We use this is our opportunity to request next set of tracks to stream. Device exits connected standby. Screen turns on and network is brough out of it’s low power state. MediaElements indicates that it no longer requires network connection so device re enters low power audio playback mode and drops network connection. Any requests made after this point is likely to cause the app to be terminated.

34

35

36

37

38 Model CollectionViewSource Database

39 Albums Virtualized Vector Task GetCountAsync(); Task GetItemAsync(int index); int GetIndexOf(T item); Artists Virtualized Vector Task GetCountAsync(); Task GetItemAsync(int index); int GetIndexOf(T item);

40

41 Top 10 design tips & tricks 1.Make some principles 2.Make your app consistent

42 Share: visual styles iconography naming conventions copy style Consistent Brand Experience

43 Top 10 design tips & tricks 1.Make some principles 2.Make your app consistent 3.READ THE GUIDELINES!

44 FLAT Understand Windows 8 Interaction Models

45 HEIRARCHICAL Understand Windows 8 Interaction Models

46 Top 10 design tips & tricks 1.Make some principles 2.Make your app consistent 3.READ THE GUIDELINES! 4.Use the apps 5.Don’t fear long Hubs

47

48

49

50

51 Top 10 design tips & tricks 6. Sweat the details 7. Know how components map 8. Flatten your IA 9. Be aware of resolution & scaling

52

53

54 Top 10 design tips & tricks 6. Sweat the details 7. Know how components map 8. Flatten your IA 9. Be aware of resolution & scaling 10. Leave snap view to last

55

56

57

58

59

60


Download ppt "Central application hub with home page menu Information Architecture."

Similar presentations


Ads by Google