Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)

2,063 views

Published on

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/polyglot

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Blending Delicious User Experiences For Windows Phone 7 (by VerySoftware)

  1. 1. blending delicious user experiences for windows phone 7<br />
  2. 2. the verysoftware team<br />
  3. 3. menu<br />entrée<br />designing for windows phone 7:<br />our experience<br />main<br />apptracker:the ultimate app for developers <br />dessert<br />building tech.days app:<br />tips & tricks<br />
  4. 4. designing for windows phone 7:<br />our experience<br />our experience<br />
  5. 5. 10ios apps <br />on the app store<br />
  6. 6. from iphone to windows phone 7<br />
  7. 7. will it blend? :-)<br />source: willitblend.com<br />
  8. 8. oh yes!<br />
  9. 9. your personal translator<br />free trial<br />http://bit.ly/dJYItw<br />
  10. 10. developed in <br />10hours<br />
  11. 11. polyglot<br />30+ languages<br />pronunciation<br />history of translations<br />great user experience<br />share by email & sms<br />
  12. 12. gifts <br />organiser<br />free version<br />http://bit.ly/i2cHRH<br />
  13. 13. gifts<br />organise gifts list<br />check prices<br />track budget<br />sort by recipient<br />share by email & sms<br />
  14. 14. apptracker: <br />the ultimate app for developers <br />apptracker<br />
  15. 15. the ultimate tool to keep track of your windows phone 7 appson the marketplace<br />free for a limited time<br />http://bit.ly/hRlfik<br />
  16. 16. apptracker<br /><ul><li>search for apps
  17. 17. follow your favourite
  18. 18. worldwide overview of reviews
  19. 19. detailed review list by region
  20. 20. translate reviews into 30+ languages
  21. 21. share reviews by email or sms
  22. 22. see the rating distributionby region or worldwide
  23. 23. see when new reviews are available</li></li></ul><li>apptracker: 300+ reviews<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />truly brilliant app<br />coolest app for developers!<br />perfect for developers!<br />an essential app!<br />simply<br />awesome<br />extremely useful <br />app for developers<br />excellent design<br />a must have for every WP7 developer<br />”<br />love it!<br />”<br />”<br />”<br />”<br />”<br />”<br />”<br />”<br />
  24. 24. apptracker: 300+ reviews<br />thank you <br />for your support!<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />“<br />truly brilliant app<br />coolest app for developers!<br />perfect for developers!<br />an essential app!<br />simply<br />awesome<br />extremely useful <br />app for developers<br />excellent design<br />a must have for every WP7 developer<br />”<br />love it!<br />”<br />”<br />”<br />”<br />”<br />”<br />”<br />”<br />
  25. 25. apptracker: our favourite comment<br />“<br />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!<br />”<br />
  26. 26. apptracker: wp7comp award<br />
  27. 27. building tech.days app:<br />tips & tricks<br />tips & tricks<br />
  28. 28. tips & tricks: tech.days app design<br />
  29. 29. tips & tricks: <br />tech.days app<br />demo<br />
  30. 30. tips & tricks: <br />make it blend<br />
  31. 31. tips & tricks: <br />make it blend<br />gotchas<br /><ul><li>multiple threads
  32. 32. exceptions in constructors
  33. 33. database queries</li></ul>guidelines for creating designer friendly views, msdn<br />http://bit.ly/lRU00l<br />
  34. 34. tips & tricks: <br />make it blend<br />blend design-time data + dummy data in code<br />
  35. 35. tips & tricks: <br />make it blend<br />design-time data<br />
  36. 36. tips & tricks: <br />make it blend<br />dummy data in code<br />
  37. 37. tips & tricks: <br />make it blend<br />isindesigntool<br />
  38. 38. tips & tricks: <br />make it blend<br />isindesigntool<br />
  39. 39.
  40. 40. tips & tricks: <br />context menu using <br />mvvm<br />
  41. 41. tips & tricks: <br />context menu using mvvm<br />demo<br />
  42. 42. tips & tricks: <br />context menu using mvvm<br />listbox<br />
  43. 43. tips & tricks: <br />context menu using mvvm<br />datatemplate<br />
  44. 44. tips & tricks: <br />context menu using mvvm<br />datatemplate =usercontrol<br />
  45. 45. tips & tricks: <br />context menu using mvvm<br />usercontrol = view<br />
  46. 46. tips & tricks: <br />context menu the problem<br />
  47. 47. tips & tricks: <br />context menu using mvvm<br />parent viewmodel<br />child viewmodel<br />child viewmodel<br />child viewmodel<br />notify selected child<br />
  48. 48. tips & tricks: <br />context menu using mvvm<br />parent<br />parent viewmodel<br />child viewmodel<br />child viewmodel<br />child viewmodel<br />child<br />
  49. 49. tips & tricks: <br />context menu using mvvm<br />parent viewmodel<br />child viewmodel<br />child viewmodel<br />child viewmodel<br />proxy<br />service calls<br />children view state<br />
  50. 50. tips & tricks: graphics, try xara designer<br />
  51. 51. tips & tricks: graphics,<br />avoid clip art a la ’97<br />
  52. 52. tips & tricks: <br />different levels <br />of details<br />optimise for mobile<br />
  53. 53. tips & tricks: <br />different levels <br />of details<br />optimise for mobile<br />
  54. 54. tips & tricks: transitions<br />“<br />the experience is in the transition between states, not the states themselves.<br />bill buxton, principal researcher microsoft research, mix’09 video<br />”<br />
  55. 55. tips & tricks: transitions, page navigation<br />
  56. 56. tips & tricks: transitions, page navigation<br />don’t forget to change the rootframe in app.xaml.cs:<br />
  57. 57. tips & tricks: transitions,<br />landscape orientation<br />
  58. 58. tips & tricks: <br />transitions,<br />animating<br />screen rotation<br />original code by michel salib http://bit.ly/bxQR5V<br />
  59. 59. tips & tricks: transitions, <br />using fluid move behaviour<br />
  60. 60. tips & tricks: <br />transitions<br />tech.days app<br />demo<br />
  61. 61. tips & tricks: trial mode<br />
  62. 62. tips & tricks: trial mode, helper code<br />
  63. 63. tips & tricks: trial mode, using it<br />
  64. 64. tips & tricks: getting ratings<br />
  65. 65. tips & tricks: getting ratings, the code<br />
  66. 66. tips & tricks: getting ratings, the dll<br />notificationbox by tomer shamam<br />http://bit.ly/d2IY61<br />
  67. 67. tips & tricks: error reporting<br />
  68. 68. tips & tricks: error reporting, what you get<br />
  69. 69. tips & tricks: error reporting, the code<br />
  70. 70. tips & tricks: user settings, the problem<br /><ul><li>users upgrade their phones
  71. 71. users lose and replace their phones
  72. 72. “occasionally” a bug requires an app to be uninstalled/reinstalled
  73. 73. users have to start using the app from scratch:all settings/data lost</li></li></ul><li>tips & tricks: user settings, the simple idea<br /><ul><li>user settings backup stored in the cloud
  74. 74. if no local settings found on app startupthe cloud is checked
  75. 75. if settings found in the cloud: ask the user if they want to restore them</li></li></ul><li>tips & tricks: user settings, app side code<br />
  76. 76. tips & tricks: user settings, app side code<br />
  77. 77. tips & tricks: user settings, azure side code<br />
  78. 78. tips & tricks: user settings, azure side code<br />
  79. 79. useful resources<br />useful resources<br />
  80. 80. useful resources: books, sites<br />the smashing book #2<br />http://bit.ly/fMoz14<br />
  81. 81. useful resources: our apps<br />polyglot– your personal translator: 30+ languages, pronunciation, translation history. free trial: http://bit.ly/dJYItw<br />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<br />gifts– a simple and elegant gifts organiser: don’t make the mistake of missing a gift this year. free version: http://bit.ly/i2cHRH<br />
  82. 82. useful resources: slides, source code<br />http://verysoftware.co.uk/talks/techdays<br /><ListBox x:Name="ReviewList"<br /> ItemsSource="{Binding ReviewVMs}"<br /> Style="{StaticResource Core_ListBoxStyle}"<br /> ItemContainerStyle="{StaticResource ReviewListBoxItemStyle}"<br /> SelectionChanged="ReviewList_SelectionChanged"<br /> LayoutUpdated="ReviewList_LayoutUpdated"<br /> VerySoftwareSecretCode:ListAnimation.IsPivotAnimated="True"><br /><ListBox.ItemTemplate><br /><DataTemplate><br /><Controls:ReviewItem /><br /></DataTemplate><br /></ListBox.ItemTemplate><br /></ListBox><br />
  83. 83. to summarise<br />our experience designing for windows phone <br /><ul><li>from iphone to windows phone
  84. 84. great tools, great developer-designer workflow
  85. 85. rapid development: polyglot app made in 10 hours</li></ul>apptracker: the best way to track your apps<br />tips & tricks building tech.days app: it’s the little details and extra touches that really make an app delicious!<br />
  86. 86. many thanks!<br />we create delicious software<br />windows phone, silverlight, wpf, iphone, ipad<br />@verysoftware<br />verysoftware.co.uk<br />contact@verysoftware.co.uk<br />

×