Using Microsoft Silverlight for Creating Rich Mobile User Experiences
-
Upload
shane-morris -
Category
Business
-
view
4.801 -
download
2
description
Transcript of Using Microsoft Silverlight for Creating Rich Mobile User Experiences
![Page 1: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/1.jpg)
![Page 2: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/2.jpg)
Using Microsoft Silverlight for Creating Rich Mobile User Experiences
Shane Morris
Michael Kordahi
David Lemphers
![Page 3: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/3.jpg)
201020104 billion mobile phones
6.8 billion humans6.8 billion humansSource: United Nations Economic and Social CommissionSource: United Nations Economic and Social Commission
![Page 4: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/4.jpg)
ServicesPlatform
Agenda
User Experience
![Page 5: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/5.jpg)
Mobile User Experience
![Page 6: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/6.jpg)
![Page 7: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/7.jpg)
Barbara Ballard
![Page 8: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/8.jpg)
Mobile BehaviourMobile users are mobile
Snacking
Interruptions– Maintain State– Minimise Memory Load– Discrete Interactions
Platform Integration
New Markets– Non-computer literate– Non-literate
![Page 9: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/9.jpg)
Mobile Design Considerations
Fat finger, Skinny stylus– Fat fingers get in the way
of labels– A stylus can be fiddly
One-handed operation
Notification
InputInput
![Page 10: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/10.jpg)
Mobile Design ConsiderationsColours– Limited colour depth– Contrast
Multiple Form Factors– And more to come
Multi-mode– Touch, Gesture, Keypad, Jog,
D-pad, Stylus, Keyboard...
Feedback– Every action has an immediate
response.
![Page 11: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/11.jpg)
Design for Small Surfaces
Less cues:– Where am I?– Where have I been?– Where can I go from here?
Bias towards breadth over depth
“Dialog-based” interaction– Out and back navigation
Scrolling– One direction only please
Affordance– No Mouse
![Page 12: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/12.jpg)
Stackable UI’s
Scrolling through decks
Popping cards off the stack
And also:– Zooming / Expanding (Fisheye, Accordion)
• Eg text box appears for current item only.– Simple 3D
![Page 13: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/13.jpg)
Multiple Form Factors
Panel-based UI’s help you be ready for re-factoring– Plan ahead– Silverlight Layout Controls are your friend
Graphics– Vector graphics are good– But sometimes you want a bitmap for performance
reasons
![Page 14: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/14.jpg)
Silverlight Considerations
Memory– “Collapse”– Not
• “Opacity=0” or
• Move off page
Performance– Your new friends
• Key frame animation
• Hand-off animations
![Page 15: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/15.jpg)
Resource Management
Use Resources– Eg Brushes
Repurpose XAML– Eg, change ‘target’ of
Storyboards
User Controls
CreateFromXAML
![Page 16: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/16.jpg)
Testing
Carry out testing on actual devices as well as emulators
Test and observe real-world scenarios
![Page 17: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/17.jpg)
Silverlight for Mobile
![Page 18: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/18.jpg)
Silverlight for Mobile
![Page 19: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/19.jpg)
demodemo
![Page 20: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/20.jpg)
Leveraging Services
![Page 21: Using Microsoft Silverlight for Creating Rich Mobile User Experiences](https://reader035.fdocuments.in/reader035/viewer/2022070301/54531af8b1af9f7f248b5729/html5/thumbnails/21.jpg)
© 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.