SlideShare uma empresa Scribd logo
1 de 73
@martarauch
#TCC15
TC Camp 2015
Jump Start Your Mobile Project
Marta Rauch
Cindy Church
Gail Chappell
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
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
Prizes!
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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/
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
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
Why create a mobile prototype?
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
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
What is mobile content?
All text on screen
Tours
Messages
Notifications
Tips
App store descriptions
Describe features
and updates
License agreements
Link to license
agreement
Getting started, tips and tricks
Help, FAQs, community
Prototyping exercises
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Get the
message
across
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
Friendly
tone
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Uses touch
terminology
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Integrates
with design
Designed for
delightSimple, clear
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
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
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
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
Example
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Example
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Take them
on a tour
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
Targets key goals
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Integrates with design
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Helpful
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Engaging
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Key actions, simple, brief
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Helpful, engaging
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Integrates with design
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
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
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
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
Example
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Minimize
content
for
wearable apps
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Useful
Content for wearables
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015 https://moto360.motorola.com/
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/
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/
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/
Useful
Timely
Unobtrusive
Relevant
Concise
Content for wearables
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
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/
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
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
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/
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/
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
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
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
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Examples
Resources for learning more
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
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
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
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
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
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
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
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
Share a top takeaway
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
Prizes!
Marta Rauch @martarauch Cindy Church Gail Chappell "Jump Start Your Mobile Project" TCCamp 2015 Copyright 2015
• @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
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
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
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

Mais conteúdo relacionado

Destaque

Utilities Digital Data Driven Innovation
Utilities Digital Data Driven Innovation Utilities Digital Data Driven Innovation
Utilities Digital Data Driven Innovation Riccardo Romani
 
Cloud Computing Security
Cloud Computing SecurityCloud Computing Security
Cloud Computing SecurityDhaval Dave
 
Overview of Oracle Identity Management - Customer Presentation
Overview of Oracle Identity Management - Customer PresentationOverview of Oracle Identity Management - Customer Presentation
Overview of Oracle Identity Management - Customer PresentationDelivery Centric
 
Five Journeys to (your) Cloud Infrastructure
Five Journeys to (your) Cloud InfrastructureFive Journeys to (your) Cloud Infrastructure
Five Journeys to (your) Cloud InfrastructureRiccardo Romani
 
Cloud computing security from single to multiple
Cloud computing security from single to multipleCloud computing security from single to multiple
Cloud computing security from single to multipleKiran Kumar
 
Cloud Computing Security
Cloud Computing SecurityCloud Computing Security
Cloud Computing SecurityNinh Nguyen
 
Virtualization in cloud computing ppt
Virtualization in cloud computing pptVirtualization in cloud computing ppt
Virtualization in cloud computing pptMehul Patel
 

Destaque (7)

Utilities Digital Data Driven Innovation
Utilities Digital Data Driven Innovation Utilities Digital Data Driven Innovation
Utilities Digital Data Driven Innovation
 
Cloud Computing Security
Cloud Computing SecurityCloud Computing Security
Cloud Computing Security
 
Overview of Oracle Identity Management - Customer Presentation
Overview of Oracle Identity Management - Customer PresentationOverview of Oracle Identity Management - Customer Presentation
Overview of Oracle Identity Management - Customer Presentation
 
Five Journeys to (your) Cloud Infrastructure
Five Journeys to (your) Cloud InfrastructureFive Journeys to (your) Cloud Infrastructure
Five Journeys to (your) Cloud Infrastructure
 
Cloud computing security from single to multiple
Cloud computing security from single to multipleCloud computing security from single to multiple
Cloud computing security from single to multiple
 
Cloud Computing Security
Cloud Computing SecurityCloud Computing Security
Cloud Computing Security
 
Virtualization in cloud computing ppt
Virtualization in cloud computing pptVirtualization in cloud computing ppt
Virtualization in cloud computing ppt
 

Mais de Marta Rauch

Boost Your Content Strategy for REST APIs
Boost Your Content Strategy for REST APIsBoost Your Content Strategy for REST APIs
Boost Your Content Strategy for REST APIsMarta Rauch
 
Delighting mobile customers with content for apps, videos, and a social media...
Delighting mobile customers with content for apps, videos, and a social media...Delighting mobile customers with content for apps, videos, and a social media...
Delighting mobile customers with content for apps, videos, and a social media...Marta Rauch
 
REST API Doc Best Practices
REST API Doc Best PracticesREST API Doc Best Practices
REST API Doc Best PracticesMarta Rauch
 
Mobile Trends and Innovations
Mobile Trends and InnovationsMobile Trends and Innovations
Mobile Trends and InnovationsMarta Rauch
 
Rauch delighting mobile customers with content for apps, videos, and a social...
Rauch delighting mobile customers with content for apps, videos, and a social...Rauch delighting mobile customers with content for apps, videos, and a social...
Rauch delighting mobile customers with content for apps, videos, and a social...Marta Rauch
 
Google Glass and Augmented Reality - tools for your content strategy tool kit
Google Glass and Augmented Reality - tools for your content strategy tool kitGoogle Glass and Augmented Reality - tools for your content strategy tool kit
Google Glass and Augmented Reality - tools for your content strategy tool kitMarta Rauch
 
Wearables and Google Glass
Wearables and Google GlassWearables and Google Glass
Wearables and Google GlassMarta Rauch
 
Augmented Reality and Google Glass
Augmented Reality and Google GlassAugmented Reality and Google Glass
Augmented Reality and Google GlassMarta Rauch
 
Google Glass is Here! What's Real, What's Hype, and What's Just Cool
 Google Glass is Here! What's Real, What's Hype, and What's Just Cool Google Glass is Here! What's Real, What's Hype, and What's Just Cool
Google Glass is Here! What's Real, What's Hype, and What's Just CoolMarta Rauch
 
Using a Gamification Framework to Start Your Own Gamification Project
Using a Gamification Framework to Start Your Own Gamification ProjectUsing a Gamification Framework to Start Your Own Gamification Project
Using a Gamification Framework to Start Your Own Gamification ProjectMarta Rauch
 
Augmented Reality and Google Glass
Augmented Reality and Google GlassAugmented Reality and Google Glass
Augmented Reality and Google GlassMarta Rauch
 
Game On: Creating User Assistance for Gamified Products
Game On: Creating User Assistance for Gamified ProductsGame On: Creating User Assistance for Gamified Products
Game On: Creating User Assistance for Gamified ProductsMarta Rauch
 
Mobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMarta Rauch
 
Gamification is Here: Build a Winning Plan!
Gamification is Here: Build a Winning Plan!Gamification is Here: Build a Winning Plan!
Gamification is Here: Build a Winning Plan!Marta Rauch
 
Mobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMarta Rauch
 
Enterprise Gamification
Enterprise GamificationEnterprise Gamification
Enterprise GamificationMarta Rauch
 
Mobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMarta Rauch
 
Innovations in User Assistance
Innovations in User AssistanceInnovations in User Assistance
Innovations in User AssistanceMarta Rauch
 
12 Key Mobile Usability Guidelines to Implement Now
12 Key Mobile Usability Guidelines to Implement Now12 Key Mobile Usability Guidelines to Implement Now
12 Key Mobile Usability Guidelines to Implement NowMarta Rauch
 
Rauch Lava Con Mobile Usability 2011
Rauch Lava Con Mobile Usability 2011Rauch Lava Con Mobile Usability 2011
Rauch Lava Con Mobile Usability 2011Marta Rauch
 

Mais de Marta Rauch (20)

Boost Your Content Strategy for REST APIs
Boost Your Content Strategy for REST APIsBoost Your Content Strategy for REST APIs
Boost Your Content Strategy for REST APIs
 
Delighting mobile customers with content for apps, videos, and a social media...
Delighting mobile customers with content for apps, videos, and a social media...Delighting mobile customers with content for apps, videos, and a social media...
Delighting mobile customers with content for apps, videos, and a social media...
 
REST API Doc Best Practices
REST API Doc Best PracticesREST API Doc Best Practices
REST API Doc Best Practices
 
Mobile Trends and Innovations
Mobile Trends and InnovationsMobile Trends and Innovations
Mobile Trends and Innovations
 
Rauch delighting mobile customers with content for apps, videos, and a social...
Rauch delighting mobile customers with content for apps, videos, and a social...Rauch delighting mobile customers with content for apps, videos, and a social...
Rauch delighting mobile customers with content for apps, videos, and a social...
 
Google Glass and Augmented Reality - tools for your content strategy tool kit
Google Glass and Augmented Reality - tools for your content strategy tool kitGoogle Glass and Augmented Reality - tools for your content strategy tool kit
Google Glass and Augmented Reality - tools for your content strategy tool kit
 
Wearables and Google Glass
Wearables and Google GlassWearables and Google Glass
Wearables and Google Glass
 
Augmented Reality and Google Glass
Augmented Reality and Google GlassAugmented Reality and Google Glass
Augmented Reality and Google Glass
 
Google Glass is Here! What's Real, What's Hype, and What's Just Cool
 Google Glass is Here! What's Real, What's Hype, and What's Just Cool Google Glass is Here! What's Real, What's Hype, and What's Just Cool
Google Glass is Here! What's Real, What's Hype, and What's Just Cool
 
Using a Gamification Framework to Start Your Own Gamification Project
Using a Gamification Framework to Start Your Own Gamification ProjectUsing a Gamification Framework to Start Your Own Gamification Project
Using a Gamification Framework to Start Your Own Gamification Project
 
Augmented Reality and Google Glass
Augmented Reality and Google GlassAugmented Reality and Google Glass
Augmented Reality and Google Glass
 
Game On: Creating User Assistance for Gamified Products
Game On: Creating User Assistance for Gamified ProductsGame On: Creating User Assistance for Gamified Products
Game On: Creating User Assistance for Gamified Products
 
Mobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile Project
 
Gamification is Here: Build a Winning Plan!
Gamification is Here: Build a Winning Plan!Gamification is Here: Build a Winning Plan!
Gamification is Here: Build a Winning Plan!
 
Mobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement Now
 
Enterprise Gamification
Enterprise GamificationEnterprise Gamification
Enterprise Gamification
 
Mobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement NowMobile Usability Guidelines to Implement Now
Mobile Usability Guidelines to Implement Now
 
Innovations in User Assistance
Innovations in User AssistanceInnovations in User Assistance
Innovations in User Assistance
 
12 Key Mobile Usability Guidelines to Implement Now
12 Key Mobile Usability Guidelines to Implement Now12 Key Mobile Usability Guidelines to Implement Now
12 Key Mobile Usability Guidelines to Implement Now
 
Rauch Lava Con Mobile Usability 2011
Rauch Lava Con Mobile Usability 2011Rauch Lava Con Mobile Usability 2011
Rauch Lava Con Mobile Usability 2011
 

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