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
blending delicious user experiences for windows phone 7
sergei golubev
creative director@sgolubev
roy herrod
technical director@roybott
vitalij kudresov
devigner@kudresov
the verysoftware team
entréedesigning for windows phone 7:
our experience
mainapptracker:
the ultimate app for developers
building tech.days app:tips & tricks
dessert
menu
designing for windows phone 7:our experience
our experience
10 ios apps on the app store
from iphone to windows phone 7
will it blend? :-)
source: willitblend.com
oh yes!
developed in
10 hours
polyglot
share by email & smsgreat user experiencehistory of translationspronunciation30+ languages
gifts
share by email & smssort by recipienttrack budgetcheck pricesorganise gifts list
apptracker: the ultimate app for developers
apptracker
the ultimate tool to keep track of your
windows phone 7 apps on the marketplacefree for a limited timehttp://bit.ly/hRlfik
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
“”
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!
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!
“”
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
apptracker: wp7comp award
building tech.days app:
tips & tricks
tips & tricks
tips & tricks: tech.days app design
tips & tricks: tech.days app
demo
tips & tricks: make it blend
tips & tricks: make it blend
gotchas
multiple threads
exceptions in constructors
database queries
guidelines for creating designer friendly views, msdnhttp://bit.ly/lRU00l
tips & tricks: make it blend
blend design-time data + dummy data in code
tips & tricks: make it blenddesign-time data
tips & tricks: make it blenddummy data in code
tips & tricks: make it blendisindesigntool
tips & tricks: make it blendisindesigntool
tips & tricks: context menu using mvvm
demo
tips & tricks: context menu using mvvm
tips & tricks: context menu using mvvm
listbox
datatemplate
tips & tricks: context menu using mvvm
datatemplate = usercontrol
tips & tricks: context menu using mvvm
tips & tricks: context menu using mvvm
usercontrol = view
tips & tricks: context menu the problem
notify selected child
tips & tricks: context menu using mvvm
parent viewmodel
child viewmodelchild viewmodelchild viewmodel
tips & tricks: context menu using mvvm
parent
childparent viewmodel
child viewmodelchild viewmodelchild viewmodel
1. proxy2. service calls3. children view
state
tips & tricks: context menu using mvvm
parent viewmodel
child viewmodelchild viewmodelchild viewmodel
tips & tricks: graphics,avoid clip art a la ’97
tips & tricks: different levels of details
optimise for mobile
tips & tricks: different levels of details
optimise for mobile
“”
the experience is in the transition between states, not the states themselves.
tips & tricks: transitions
bill buxton, principal researcher microsoft research, mix’09 video
tips & tricks: transitions, page navigation
tips & tricks: transitions, page navigation
don’t forget to change the rootframe in app.xaml.cs:
tips & tricks: transitions,landscape orientation
tips & tricks: transitions,animatingscreen rotation
original code by michel salib http://bit.ly/bxQR5V
tips & tricks: transitions, using fluid move behaviour
tips & tricks: transitionstech.days app
demo
tips & tricks: trial mode
tips & tricks: trial mode, helper code
tips & tricks: trial mode, using it
tips & tricks: getting ratings
tips & tricks: getting ratings, the code
tips & tricks: getting ratings, the dll
notificationbox by tomer shamamhttp://bit.ly/d2IY61
tips & tricks: error reporting
tips & tricks: error reporting, what you get
tips & tricks: error reporting, the code
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
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
tips & tricks: user settings, app side code
tips & tricks: user settings, app side code
tips & tricks: user settings, azure side code
tips & tricks: user settings, azure side code
useful resources
useful resources
the smashing book #2http://bit.ly/fMoz14
useful resources: books, sites
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
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>
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
we create delicious software
windows phone, silverlight, wpf, iphone, ipad
@verysoftware
verysoftware.co.uk
many thanks!