tony whitter principal, whitter technology [email protected] wmb401 author jeff neafsey...

25

Upload: kerrie-jefferson

Post on 04-Jan-2016

217 views

Category:

Documents


0 download

TRANSCRIPT

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.