blending delicious user experiences for windows phone 7 (by verysoftware)
DESCRIPTION
With successful Windows Phone 7 apps on the Marketplace, including award-winning AppTracker, the VerySoftware team is keen to share their experience and passion about creating apps for Windows Phone 7. By combining the powers of developer and designer they will run through the creation of a sample app, demoing tips and tricks to take your app's user experience to the next level. This presentation was prepared for Microsoft UK Tech.Days held in London on May 24th 2011. Presentation resources: --------------------------- Tech.Days sample app source code http://verysoftware.co.uk/talks/techdays/ AppTracker app http://verysoftware.co.uk/apptracker Polyglot app http://verysoftware.co.uk/polyglotTRANSCRIPT
![Page 1: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/1.jpg)
blending delicious user experiences for windows phone 7
![Page 2: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/2.jpg)
sergei golubev
creative director@sgolubev
roy herrod
technical director@roybott
vitalij kudresov
devigner@kudresov
the verysoftware team
![Page 3: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/3.jpg)
entréedesigning for windows phone 7:
our experience
mainapptracker:
the ultimate app for developers
building tech.days app:tips & tricks
dessert
menu
![Page 4: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/4.jpg)
designing for windows phone 7:our experience
our experience
![Page 5: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/5.jpg)
10 ios apps on the app store
![Page 6: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/6.jpg)
from iphone to windows phone 7
![Page 7: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/7.jpg)
will it blend? :-)
source: willitblend.com
![Page 8: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/8.jpg)
oh yes!
![Page 10: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/10.jpg)
developed in
10 hours
![Page 11: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/11.jpg)
polyglot
share by email & smsgreat user experiencehistory of translationspronunciation30+ languages
![Page 13: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/13.jpg)
gifts
share by email & smssort by recipienttrack budgetcheck pricesorganise gifts list
![Page 14: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/14.jpg)
apptracker: the ultimate app for developers
apptracker
![Page 15: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/15.jpg)
the ultimate tool to keep track of your
windows phone 7 apps on the marketplacefree for a limited timehttp://bit.ly/hRlfik
![Page 16: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/16.jpg)
search for apps
follow your favourite
worldwide overview of reviews
detailed review list by region
translate reviews into 30+ languages
share reviews by email or sms
see the rating distributionby region or worldwide
see when new reviews are available
apptracker
![Page 17: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/17.jpg)
“”
a must have for every WP7 developer
“”
coolest app for developers!
apptracker: 300+ reviews
“ ”truly brilliant app
“”
extremely useful app for developers
“ ”excellent design“
”perfect for developers!
“ ”an essential app!
“”
simplyawesome“
”love it!
![Page 18: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/18.jpg)
apptracker: 300+ reviews
“”
a must have for every WP7 developer
“”
coolest app for developers!
“ ”truly brilliant app
“”
extremely useful app for developers
“ ”excellent design“
”perfect for developers!
“ ”an essential app!
“”
simplyawesome“
”love it!
thank you for your support!
![Page 19: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/19.jpg)
“”
superb app. why only four stars? because it should be $5. you're letting the rest of us devs down by giving away such great free stuff!
apptracker: our favourite comment
![Page 20: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/20.jpg)
apptracker: wp7comp award
![Page 21: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/21.jpg)
building tech.days app:
tips & tricks
tips & tricks
![Page 22: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/22.jpg)
tips & tricks: tech.days app design
![Page 23: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/23.jpg)
tips & tricks: tech.days app
demo
![Page 24: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/24.jpg)
tips & tricks: make it blend
![Page 25: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/25.jpg)
tips & tricks: make it blend
gotchas
multiple threads
exceptions in constructors
database queries
guidelines for creating designer friendly views, msdnhttp://bit.ly/lRU00l
![Page 26: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/26.jpg)
tips & tricks: make it blend
blend design-time data + dummy data in code
![Page 27: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/27.jpg)
tips & tricks: make it blenddesign-time data
![Page 28: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/28.jpg)
tips & tricks: make it blenddummy data in code
![Page 29: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/29.jpg)
tips & tricks: make it blendisindesigntool
![Page 30: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/30.jpg)
tips & tricks: make it blendisindesigntool
![Page 31: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/31.jpg)
![Page 32: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/32.jpg)
tips & tricks: context menu using mvvm
![Page 33: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/33.jpg)
demo
tips & tricks: context menu using mvvm
![Page 34: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/34.jpg)
tips & tricks: context menu using mvvm
listbox
![Page 35: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/35.jpg)
datatemplate
tips & tricks: context menu using mvvm
![Page 36: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/36.jpg)
datatemplate = usercontrol
tips & tricks: context menu using mvvm
![Page 37: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/37.jpg)
tips & tricks: context menu using mvvm
usercontrol = view
![Page 38: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/38.jpg)
tips & tricks: context menu the problem
![Page 39: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/39.jpg)
notify selected child
tips & tricks: context menu using mvvm
parent viewmodel
child viewmodelchild viewmodelchild viewmodel
![Page 40: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/40.jpg)
tips & tricks: context menu using mvvm
parent
childparent viewmodel
child viewmodelchild viewmodelchild viewmodel
![Page 41: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/41.jpg)
1. proxy2. service calls3. children view
state
tips & tricks: context menu using mvvm
parent viewmodel
child viewmodelchild viewmodelchild viewmodel
![Page 43: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/43.jpg)
tips & tricks: graphics,avoid clip art a la ’97
![Page 44: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/44.jpg)
tips & tricks: different levels of details
optimise for mobile
![Page 45: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/45.jpg)
tips & tricks: different levels of details
optimise for mobile
![Page 46: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/46.jpg)
“”
the experience is in the transition between states, not the states themselves.
tips & tricks: transitions
bill buxton, principal researcher microsoft research, mix’09 video
![Page 47: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/47.jpg)
tips & tricks: transitions, page navigation
![Page 48: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/48.jpg)
tips & tricks: transitions, page navigation
don’t forget to change the rootframe in app.xaml.cs:
![Page 49: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/49.jpg)
tips & tricks: transitions,landscape orientation
![Page 50: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/50.jpg)
tips & tricks: transitions,animatingscreen rotation
original code by michel salib http://bit.ly/bxQR5V
![Page 51: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/51.jpg)
tips & tricks: transitions, using fluid move behaviour
![Page 52: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/52.jpg)
tips & tricks: transitionstech.days app
demo
![Page 53: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/53.jpg)
tips & tricks: trial mode
![Page 54: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/54.jpg)
tips & tricks: trial mode, helper code
![Page 55: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/55.jpg)
tips & tricks: trial mode, using it
![Page 56: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/56.jpg)
tips & tricks: getting ratings
![Page 57: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/57.jpg)
tips & tricks: getting ratings, the code
![Page 58: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/58.jpg)
tips & tricks: getting ratings, the dll
notificationbox by tomer shamamhttp://bit.ly/d2IY61
![Page 59: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/59.jpg)
tips & tricks: error reporting
![Page 60: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/60.jpg)
tips & tricks: error reporting, what you get
![Page 61: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/61.jpg)
tips & tricks: error reporting, the code
![Page 62: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/62.jpg)
tips & tricks: user settings, the problem
users upgrade their phones
users lose and replace their phones
“occasionally” a bug requires an app to be uninstalled/reinstalled
users have to start using the app from scratch:all settings/data lost
![Page 63: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/63.jpg)
user settings backup stored in the cloud
if no local settings found on app startupthe cloud is checked
if settings found in the cloud: ask the user if they want to restore them
tips & tricks: user settings, the simple idea
![Page 64: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/64.jpg)
tips & tricks: user settings, app side code
![Page 65: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/65.jpg)
tips & tricks: user settings, app side code
![Page 66: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/66.jpg)
tips & tricks: user settings, azure side code
![Page 67: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/67.jpg)
tips & tricks: user settings, azure side code
![Page 68: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/68.jpg)
useful resources
useful resources
![Page 69: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/69.jpg)
the smashing book #2http://bit.ly/fMoz14
useful resources: books, sites
![Page 70: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/70.jpg)
useful resources: our apps
apptracker – the ultimate tool to keep track of your windows phone 7 apps on the marketplace. free for a limited time: http://bit.ly/hRlfik
polyglot – your personal translator: 30+ languages, pronunciation, translation history. free trial: http://bit.ly/dJYItw
gifts – a simple and elegant gifts organiser: don’t make the mistake of missing a gift this year. free version: http://bit.ly/i2cHRH
![Page 71: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/71.jpg)
useful resources: slides, source code
http://verysoftware.co.uk/talks/techdays
<ListBox x:Name="ReviewList" ItemsSource="{Binding ReviewVMs}" Style="{StaticResource Core_ListBoxStyle}" ItemContainerStyle="{StaticResource ReviewListBoxItemStyle}" SelectionChanged="ReviewList_SelectionChanged" LayoutUpdated="ReviewList_LayoutUpdated" VerySoftwareSecretCode:ListAnimation.IsPivotAnimated="True"> <ListBox.ItemTemplate> <DataTemplate> <Controls:ReviewItem /> </DataTemplate> </ListBox.ItemTemplate> </ListBox>
![Page 72: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/72.jpg)
our experience designing for windows phone
from iphone to windows phone
great tools, great developer-designer workflow
rapid development: polyglot app made in 10 hours
apptracker: the best way to track your apps
tips & tricks building tech.days app: it’s the little details and extra touches that really make an app delicious!
to summarise
![Page 73: Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)](https://reader033.vdocuments.us/reader033/viewer/2022051609/545c9db1b0af9f12318b4992/html5/thumbnails/73.jpg)
we create delicious software
windows phone, silverlight, wpf, iphone, ipad
@verysoftware
verysoftware.co.uk
many thanks!