Tony Whitter Principal, Whitter Technology [email protected] WMB401 Author Jeff Neafsey...

25

Transcript of Tony Whitter Principal, Whitter Technology [email protected] WMB401 Author Jeff Neafsey...

Page 1: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.
Page 2: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Developing Rich, Compelling User Interfaces for Windows Mobile

Tony WhitterPrincipal, Whitter [email protected]

AuthorJeff NeafseyMobility ArchitectMicrosoft

Page 3: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Anatomy of a Rich, Compelling User InterfaceWhat makes a rich, compelling user interface?

Fast

Simple navigation

Maximise content

Rich controls

Animation

Touch support

One-handed operation

Page 4: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Rich, Compelling User Interfacesdemo

Page 5: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Make it FastApplication startup

Screen transitions

Network operations

Delayed loading

Caching / staging

Double buffering

Page 6: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Making it Fastdemo

Page 7: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Simple Navigation

Consistency

Stacks

Paging

Bread crumbs

Model View Controller

Navigation Controller

Page 8: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Simple Navigationdemo

Page 9: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Maximising Content

TransparencyMessage Boxes

HUDToolbars

Sliding panels

Wasted screen pixelsTitle bars

Menu bars

Scroll bars

Page 10: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Maximising Contentdemo

Page 11: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Rich Controls

Buttons

Panels

List Views

Images

GradientsShading

Dimensionality

Page 12: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Rich Controlsdemo

Page 13: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Animation

Application startup

Screen transitions

Navigation cues

Physics engine

Page 14: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Animationdemo

Page 15: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Controls

Kinetic scrolling

List views

Touch

Page 16: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Touchdemo

Page 17: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

One-Handed Operation

Thumb input

Index finger input

Stylus input

Page 18: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Windows Mobile 6 SDKs

Frameworks

http://code.msdn.microsoft.com/uiframework http://code.msdn.microsoft.com/IPhoneUI

Native Managed

UI Framework for .NET Compact Framework 3.5

Alternate UI Samples

Page 19: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

UI Frameworksdemo

Page 20: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

question & answer

Page 21: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

www.microsoft.com/teched

International Content & Community

http://microsoft.com/technet

Resources for IT Professionals

http://microsoft.com/msdn

Resources for Developers

www.microsoft.com/learning

Microsoft Certification & Training Resources

Resources Tech·Ed Africa 2009 sessions will be made available for download the week after the event from: www.tech-ed.co.za

Page 22: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Related Content

WMB303 - What's New for Developers in Windows Mobile 6.5Mon 3 Aug 10:45 - 11:45 Session Room C3

WMB302 - Windows Mobile Tips & Tricks for DevelopersTue 4 Aug 08:00 - 09:00 Session Room D4

WTB229 - Real World Windows Mobile DevelopmentTue 4 Aug 09:15 - 10:15 Session Room D2

WMB401 - Developing Rich, Compelling User Interfaces for Windows MobileWed 5 Aug 10:15 - 11:15 Session Room A1

Page 23: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Track Resources

Presentation and demo source codehttp://www.whittertechnology.com

Graphics and Drawing in the .NET Compact Frameworkhttp://msdn.microsoft.com/en-us/library/hf85w92t.aspx

Creating a Compelling UI for Windows Mobile and Microsoft .NET Compact Frameworkhttp://msdn.microsoft.com/en-us/library/dd630622.aspx

Alex Yakhnin's Blog : Implementing MVC pattern in .NET CF applications (Part 1)http://blogs.msdn.com/priozersk/archive/2007/08/06/implementing-mvc-pattern-in-net-cf-applications-part-1.aspx

Page 24: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

Complete a session evaluation and enter to win!

10 pairs of MP3 sunglasses to be won

Page 25: Tony Whitter Principal, Whitter Technology tony@whittertechnology.com WMB401 Author Jeff Neafsey Mobility Architect Microsoft.

© 2009 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.