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.

Jump Start Your Mobile Project, by Marta Rauch

12,018 views

Published on

Jump Start Your Mobile Project, presented by Marta Rauch @martarauch at TC Camp 2015. Prototype content for mobile screens, including messages and tours, and create notifications for wearable apps

Published in: Mobile, Technology
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Jump Start Your Mobile Project, by Marta Rauch

  1. @martarauch #TCC15 TC Camp 2015 Jump Start Your Mobile Project Marta Rauch Cindy Church Gail Chappell
  2. Raise your hand if you have worked on a mobile project Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  3. Create prototypes Make messages positive and meaningful Use a tour to get users quickly on task Minimize content for wearables Prizes! Find our slides on SlideShare http://www.slideshare.net/MartaRauch Workshop agenda Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Prototyping jump starts your mobile projects
  4. Prizes! Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  5. Explosive growth for mobile devices 1B smartphones shipped in 2014 Over 1B Android devices, and we check them 100B times per day Apple app store in 2014 had 1.2M apps, 75M downloads Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 http://www.idc.com/getdoc.jsp?containerId=prUS24645514 http://www.theverge.com/2014/6/25/5841924/google-android-users-1-billion-stats http://techcrunch.com/2014/06/02/itunes-app-store-now-has-1-2-million-apps-has-seen-75-billion-downloads-to-date/
  6. Wearables are Mobile 2.0 http://www.informationweek.com/mobile/mobile-business/hows-your-enterprise-wearables-strategy/a/d-id/1316342 https://www.apple.com/watch/apple-watch-sport Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  7. Wearables market is growing $10M in 2014 $300M in 2018 (Business Insider) In 2014, 27% of developers surveyed plan to create apps for wearables (Strategy Analytics) http://www.appliedtechnotopia.com/post/6986930426 5/an-infographic-look-at-apps-for-wearable-tech-inMarta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  8. Why create a mobile prototype? Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  9. Buy-in Requirements Feedback Schedule Quality Profit Helps with Diego Pulido, Paper In Screen Prototyping, UX Mag http://uxmag.com/articles/paper-in-screen-prototyping# Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  10. Sketches Templates Stencils Presentation software Mobile browsers Types of prototypes Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  11. What is mobile content? All text on screen Tours Messages Notifications Tips
  12. App store descriptions Describe features and updates
  13. License agreements Link to license agreement
  14. Getting started, tips and tricks
  15. Help, FAQs, community
  16. Prototyping exercises Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  17. Get the message across Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  18. Instruction, tip, feedback, status, error, confirmation Brief Simple Positive Friendly A message provides guidance Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  19. Friendly tone Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  20. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Informative, helps you decide Positive, doesn’t blame you
  21. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Uses touch terminology
  22. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Integrates with design
  23. Designed for delightSimple, clear Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  24. Things to avoid Too complex Too long Too formal Too desktop-ish Find my iPhone Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  25. Exercise Your product manager wants to add a feature for password reset for users who forget You are asked to mock up messages for the screen You must present this to the team to get buy-in Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Brief Simple Positive Friendly Delightful
  26. 10 minutes 1. Join a small group 2. Discuss and plan your strategy 3. Design and sketch 4. Pick a spokesperson Instructions Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Messages to reset password Brief Simple Positive Friendly Delightful
  27. Your Turn Share the content of your messages Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Brief Simple Positive Friendly Delightful Messages to reset password
  28. Example Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  29. Example Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  30. Take them on a tour Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  31. Summarizes main task, important details Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Welcome Explains feed Search Highlights how to follow interests Profile Points out where you add pins Activity Shows where you get messages
  32. Targets key goals Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  33. Integrates with design Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  34. Helpful Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  35. Engaging Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  36. Key actions, simple, brief Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  37. Helpful, engaging Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  38. Integrates with design Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  39. Things to avoid Too obvious Too many pages Too much text Too complex Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  40. Exercise Your product manager shares product features for a tour for a cloud drive app You are asked to mock up content You must present it to the team to get buy-in Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Features from your PM:  You can save all types of files on the cloud drive  You can access your files from anywhere, any time, from any device  You can share your files with others and let them view, update, and download them Key features Simple Helpful Engaging Brief Design
  41. 15 minutes 1. Join a small group 2. Discuss and plan your strategy 3. Design and sketch 4. Pick a spokesperson Instructions Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Key features Simple Helpful Engaging Brief Design Reminder: features from PM  You can save all types of files on the cloud drive  You can access your files from anywhere, any time, from any device  You can share your files with others and let them view, update, and download them
  42. Your Turn Share the content of your tour Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Key features Simple Helpful Engaging Brief Design Key points from your PM  Save  Access  Share
  43. Example Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  44. Minimize content for wearable apps Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  45. Useful Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://moto360.motorola.com/
  46. Useful Timely Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://www.fitbit.com/
  47. Useful Timely Unobtrusive Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://www.fitbit.com/
  48. Useful Timely Unobtrusive Relevant Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://glassy.pro/smartwatch http://www.tomtom.com/en_gb/sports/golf/products/golfer-gps-watch/white-green/
  49. Useful Timely Unobtrusive Relevant Concise Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  50. Useful Timely Unobtrusive Relevant Concise Straightforward Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  51. Useful Timely Unobtrusive Relevant Concise Straightforward Visual Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 http://keynotopia.com/
  52. Useful Timely Unobtrusive Relevant Concise Straightforward Visual Adaptable Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://play.google.com/store/apps/details?id=com.pinterest&hl=en
  53. Useful Timely Unobtrusive Relevant Concise Straightforward Visual Adaptable Accessible Content for wearables Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  54. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Tips for ruthless editing Ask What is the primary purpose of this screen? Will users know how to interact with it within three seconds? What can be removed without changing the meaning? Rachel Hinman, http://rachelhinman.com/
  55. Exercise Your team is designing a fitness app with a smartwatch interface You are asked to prototype a fitness notification for the smartwatch You must present it to the team to get buy-in Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 http://keynotopia.com/apple-watch-ui-kit/
  56. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://www.apple.com/watch/films/#film-fitness Apple Smart Watch 2:05-2:44
  57. 10 minutes 1. Join a small group 2. Discuss and plan your strategy 3. Design and sketch 4. Pick a spokesperson Instructions Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Notification for a smartwatch fitness app Useful Timely Unobtrusive Relevant Concise Straightforward Visual Adaptable Accessible
  58. Your Turn Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Share the content of your notification Notification for a smartwatch fitness app Useful Timely Unobtrusive Relevant Concise Straightforward Visual Adaptable Accessible
  59. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Examples
  60. Resources for learning more Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  61. Android guidelines http://developer.android.com/design/index.html https://developer.android.com/design/wear/index.html http://developer.android.com/design/get-Started/creative-vision.html Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  62. iOS guidelines https://developer.apple.com/ https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/WatchHumanInterfaceGuidelines/index.html#//apple_ref/doc/uid/TP40014992-CH3-SW1 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/InteractivityInput.html#//apple_ref/doc/uid/TP40006556-CH55-SW1 Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  63. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Google Material design guidelines http://www.google.com/design/ https://developers.google.com/glass/design/style#writing
  64. Touch terminology Touch Long press Tap Double-touch Drag Swipe Pinch Spread Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 http://developer.android.com/design/patterns/gestures.html http://help.apple.com/iphone/8/#/iph75e97af9b
  65. Wearables http://www.slideshare.net/uvox/user-experience- heuristics-for-wearables-in-the-enterprise Wearables User Experience Heuristics for the Enterprise by Ultan O’Broin Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  66. Marta’s presentations, publications SlideShare, http://www.slideshare.net/MartaRauch Pinterest boards on mobile and wearables http://pinterest.com/martarauch/ Articles on mobile and wearables, Wearable Technology and Google Glass – Why It Matters Mobile Usability Guidelines, Mobile Documentation Mobile and wearables Joe Welinske Developing User Assistance for Mobile Apps Rachel Hinman The Mobile Frontier , Practical Guide to Tactical Mobile Prototyping Nathan Curtis Sketching for Understanding, The Power of Sketches, 6 Tips for Organizing Sketched Artifacts Lucidity Idea To App: How To Make a Mobile App Mobile Luke Wrobleski, Josh Clark, Theresa Neil iOS message guidelines, Android message guidelines, Other Oss Wearables Gartner’s Hype Cycle for Emerging Technologies, 2014 http://www.gartner.com/newsroom/id/2819918 Mary Meeker, Internet Trends 2014 http://www.kpcb.com/internet-trends Ultan O’Broin Wearables User Experience Heuristics for the Enterprise Prototyping Prototyping Tools http://keynotopia.com/ Stencils http://www.uistencils.com/ Usability testing with paper prototypes http://vimeo.com/48675078 Paper Prototyping Paper In-Screen Prototyping Streamlining Design with Paper Prototyping Using paper prototyping to manage risk Design Better and Faster with Rapid Prototyping Dan Roam, Back Of The Napkin Selected resources Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  67. Create prototypes Make messages positive and meaningful Use a tour to get users quickly on task Minimize content for wearables Prizes! Find our slides on SlideShare http://www.slideshare.net/MartaRauch Jump start your mobile projects Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Prototyping jump starts your mobile projects
  68. Share a top takeaway Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  69. Prizes! Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  70. • @martarauch • Marta Rauch • +Marta Rauch • Marta Rauch • Marta Rauch Thank you! Connect with me http://www.slideshare.net/MartaRauch Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  71. About the instructors Cindy Church is a Senior Curriculum Developer in the Oracle Server Technologies group. She develops instructor-led training, demos, self-studies, tutorials, and mobile-ready instructional videos. Cindy is an animal lover and owns a large collection of lint brushes in various shapes and sizes. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
  72. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Gail Chappell is a writer in a UX group. She co-presented a mobile content workshop at the Intelligent Content conference. Her favorite camping trip was sleeping under the stars with her daughters - no tent. She loves campfire food, especially banana boats. About the instructors
  73. Marta Rauch works in a development team at Oracle, where she architects and leads mobile, cloud, and REST API projects. She participates in design jams and developer challenges for mobile, augmented reality, beacons, and wearable technology. Marta advocates for mobile usability, and provides UX and beta feedback for mobile apps and wearable tech. A frequent presenter for conferences and webinars, Marta has published many articles and contributed information to Developing User Assistance for Mobile Apps, by Joe Welinske. Her augmented reality topic appears in The Language of Content Strategy by Scott Abel and Rahel Bailie. Marta is an STC Associate Fellow, a member of the Nominating Committee, and VP of the Silicon Valley chapter. She graduated from Stanford University and earned a certificate from the University of California Extension. Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 Find Marta’s slides on SlideShare: http://www.slideshare.net/MartaRauch About the instructors

×