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