Using Microsoft Silverlight for Creating Rich Mobile User Experiences

3,478 views

Published on

Slides from the Melbourne version of the Silverlight for mobile session for Remix Australia

Published in: Business, Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,478
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
159
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Using Microsoft Silverlight for Creating Rich Mobile User Experiences

  1. 2. Using Microsoft Silverlight for Creating Rich Mobile User Experiences Shane Morris Michael Kordahi David Lemphers
  2. 3. <ul><li>2010 </li></ul><ul><li>4 billion mobile phones </li></ul>6.8 billion humans Source: United Nations Economic and Social Commission
  3. 4. Agenda Services Platform User Experience
  4. 5. Mobile User Experience
  5. 7. Barbara Ballard
  6. 8. Mobile Behaviour <ul><li>Mobile users are mobile </li></ul><ul><li>Snacking </li></ul><ul><li>Interruptions </li></ul><ul><ul><li>Maintain State </li></ul></ul><ul><ul><li>Minimise Memory Load </li></ul></ul><ul><ul><li>Discrete Interactions </li></ul></ul><ul><li>Platform Integration </li></ul><ul><li>New Markets </li></ul><ul><ul><li>Non-computer literate </li></ul></ul><ul><ul><li>Non-literate </li></ul></ul>
  7. 9. Mobile Design Considerations <ul><li>Fat finger, Skinny stylus </li></ul><ul><ul><li>Fat fingers get in the way of labels </li></ul></ul><ul><ul><li>A stylus can be fiddly </li></ul></ul><ul><li>One-handed operation </li></ul>Notification Input
  8. 10. Mobile Design Considerations <ul><li>Colours </li></ul><ul><ul><li>Limited colour depth </li></ul></ul><ul><ul><li>Contrast </li></ul></ul><ul><li>Multiple Form Factors </li></ul><ul><ul><li>And more to come </li></ul></ul><ul><li>Multi-mode </li></ul><ul><ul><li>Touch, Gesture, Keypad, Jog, D-pad, Stylus, Keyboard... </li></ul></ul><ul><li>Feedback </li></ul><ul><ul><li>Every action has an immediate response. </li></ul></ul>
  9. 11. Design for Small Surfaces <ul><li>Less cues: </li></ul><ul><ul><li>Where am I? </li></ul></ul><ul><ul><li>Where have I been? </li></ul></ul><ul><ul><li>Where can I go from here? </li></ul></ul><ul><li>Bias towards breadth over depth </li></ul><ul><li>“ Dialog-based” interaction </li></ul><ul><ul><li>Out and back navigation </li></ul></ul><ul><li>Scrolling </li></ul><ul><ul><li>One direction only please </li></ul></ul><ul><li>Affordance </li></ul><ul><ul><li>No Mouse </li></ul></ul>
  10. 12. Stackable UI’s <ul><li>Scrolling through decks </li></ul><ul><li>Popping cards off the stack </li></ul><ul><li>And also: </li></ul><ul><ul><li>Zooming / Expanding (Fisheye, Accordion) </li></ul></ul><ul><ul><ul><li>Eg text box appears for current item only. </li></ul></ul></ul><ul><ul><li>Simple 3D </li></ul></ul>
  11. 13. Multiple Form Factors <ul><li>Panel-based UI’s help you be ready for re-factoring </li></ul><ul><ul><li>Plan ahead </li></ul></ul><ul><ul><li>Silverlight Layout Controls are your friend </li></ul></ul><ul><li>Graphics </li></ul><ul><ul><li>Vector graphics are good </li></ul></ul><ul><ul><li>But sometimes you want a bitmap for performance reasons </li></ul></ul>
  12. 14. Silverlight Considerations <ul><li>Memory </li></ul><ul><ul><li>“ Collapse” </li></ul></ul><ul><ul><li>Not </li></ul></ul><ul><ul><ul><li>“ Opacity=0” or </li></ul></ul></ul><ul><ul><ul><li>Move off page </li></ul></ul></ul><ul><li>Performance </li></ul><ul><ul><li>Your new friends </li></ul></ul><ul><ul><ul><li>Key frame animation </li></ul></ul></ul><ul><ul><ul><li>Hand-off animations </li></ul></ul></ul>
  13. 15. Resource Management <ul><li>Use Resources </li></ul><ul><ul><li>Eg Brushes </li></ul></ul><ul><li>Repurpose XAML </li></ul><ul><ul><li>Eg, change ‘target’ of Storyboards </li></ul></ul><ul><li>User Controls </li></ul><ul><li>CreateFromXAML </li></ul>
  14. 16. Testing <ul><li>Carry out testing on actual devices as well as emulators </li></ul><ul><li>Test and observe real-world scenarios </li></ul>
  15. 17. Silverlight for Mobile
  16. 18. Silverlight for Mobile
  17. 19. demo
  18. 20. Leveraging Services
  19. 21. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

×