awesome windows phone development (aberdeen)

7

Matt Lacey

Being AWESOME with Windows Phone

@MRLaceyhttp://blog.mrlacey.co.uk/

matt@mrlacey.co.uk

http://blog.mrlacey.co.uk

twitter.com/mrlacey

@wpughttp://wpug.net/

http://www.DevEvening.co.uk/

@DevEvening

AGENDARecap 7.0Mango (7.1 / 7.5)MetroDesign tipsMobile differencesMoney / businessMore…

context

input

output

response

connectivity

resources

context

response connectivi

ty

resources

output

input

“Building apps is easy”

“use the skills you already have”

Development Tools

Expres

s

Blen

d for

Phon

e

Emulator

Building Applications

High performance game framework

Rapid creation of multi-screen 2D and 3D games

Rich content pipeline Mature, robust, widely adopted

technology Xbox 360, Windows, and Zune

Modern application UI framework

Rapid creation of visually stunning apps

Metro-themed UI controls

500,000 developers spanning Windows and web

Publishing & Distribution

XAPManifestAssembliesResources

.xap

.dll

.xap

.dll

background

•Fast app switching•Background tasks/agents•Background audio•Transfer agents•Resource intensive tasks

alarms & reminders

pinning & deep linking

ad control

database

internet explorer 9

contacts & calendars

New tasks

sockets

system tray

system tray

extensibility

Silverlight for Windows Phone Toolkit

• GestureService/GestureListener • ContextMenu • DatePicker • TimePicker • ToggleSwitch • WrapPanel• AutoCompleteBox• ListPicker• LongListSelector• PageTransitions

additional tools

performance analysis

looking good?

http://twitpic.com/2zglk5

METRO

principles

ANDlanguag

e

Metro: Principles•Light, Clean, Open, Fast•Content, not chrome•Typography•Alive in Motion•Authentically digital

Metro: Language•Navigation•Motion•Layout & typography•Images & photos•Themes & personalization•Touch gestures & targets•UI controls

Beware the “uncanny valley”

Designer tip #1

Alignment

Designer tip #1

Alignment

Designer tip #2

Spacing

Designer tip #2

Spacing

Designer tip #3

Touch Feedback

Use TiltEffect

Don’t change colour

Designer tip #4

Lists

Designer tip #5

Buttons

Designer tip #6

Live Tiles

Designer tip #7

SplashScreen

Before

After

Not what you want

What we’ve covered7.0 recap – “building apps is easy”Mobile app or web app?6 ways mobile is different from PC - HANDNew features in Mango“Metro” - principles & languageDesigner tipsBe familiar with the platformMoney – Kerching!Remember it’s business

@mrlacey

http://mrlacey.com/

Thank you