More Related Content More from Marta Rauch (20) Writing for Mobile: Don't Shrink It, Rethink It2. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Raise your hand if you have worked on a mobile project
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
3. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Mobile content overview
Prototypes
Exercise
Resources
Find our slides on SlideShare
http://www.slideshare.net/MartaRauch
Don’t Shrink It, Rethink It!
Prototyping
is key to mobile
content
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
4. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
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/
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
5. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Why create a mobile prototype?
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
6. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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 Jennifer Stout Don't Just Shrink It, Rethink It
7. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Sketches
Templates
Stencils
Presentation software
Mobile browsers
Types of prototypes
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It! STC Summit 2015
8. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
What is mobile content?
All text on screen
Tours
Messages
Notifications
Tips
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
9. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Prototyping exercise
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
10. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Get the message across
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Strive for
elegant,
powerful
messages
11. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Instruction, tip, feedback,
status, error, confirmation
Brief
Simple
Positive
Friendly
A message provides guidance
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip:
Establish a
relationship
with users.
Be upbeat,
trustworthy
12. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Friendly
tone
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Be positive
and
congratulatory
when possible
13. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Positive,
doesn’t
blame you
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: If
something goes
wrong, be
encouraging
14. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Informative,
helps you
decide
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Give users
the power to
decide
15. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Uses touch
terminology
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Know your
OS-specific
touch terms
16. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Integrates
with design
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Work
closely with
your designers
and UX team
17. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Designed for
delight
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Beautiful
design
encourages
repeat visitors
18. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Things to avoid
Too complex
Too long
Too formal
Too much like the desktop
Find my
iPhoneMarta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
19. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Be sure to tap test!
On operating systems for your product
On different devices
Portrait and landscape mode
Ensure content is succinct
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Tip: Tap
testing is a
form of quality
control
20. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Exercise – Mobile Message
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
Brief
Simple
Positive
Friendly
Delightf
ul
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
21. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
10 minutes
1.Join a small group
2.Discuss and plan
your strategy
3.Design and sketch
4.Pick a spokesperson for ONE MINUTE show-and-tell
Instructions Messages
to reset password
Brief
Simple
Positive
Friendly
Delightf
ul
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
22. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Your Turn
Share – One Minute
Your message content
Constructive feedback
What worked well
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Messages
to reset password
Brief
Simple
Positive
Friendly
Delightf
ul
23. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Example
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
Provides tips
24. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Resources for learning more
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
25. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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 Jennifer Stout Don't Just Shrink It, Rethink It
26. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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 Jennifer Stout Don't Just Shrink It, Rethink It
27. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Touch terminology
Touch
Long press
Tap
Double-touch
Drag
Swipe
Pinch
Spread
http://developer.android.com/design/patterns/gestures.html
http://help.apple.com/iphone/8/#/iph75e97af9b
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
28. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
Jakob Nielsen, Ralica Budiu, Mobile User Experience: Limitations and Strengths http://www.nngroup.com/articles/password-creation/
Don Norman, The Paradox of Wearable Technologies
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
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 Jennifer Stout Don't Just Shrink It, Rethink It
29. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Mobile content overview
Prototypes
Exercise
Resources
Find our slides on SlideShare
http://www.slideshare.net/MartaRauch
Don’t Shrink It, Rethink It!
Prototyping
is key to mobile
content
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
30. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
•@martarauch
•Marta Rauch
•+Marta Rauch
• Marta Rauch
• Marta Rauch
Thank you!
Connect
with us!
http://www.slideshare.net/MartaRauch
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
31. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Marta Rauch works in a development team at Oracle, where she architects
and leads mobile, cloud, and REST API projects. She enjoys participating 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.
About the presenters
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
32. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Jennifer Stout is a Principal Technical Editor at Oracle, where she
encourages everyone to follow good writing practices and Oracle style
guidelines whenever humanly possible. She is a member of the Oracle Style
Guide Review Board, which produces the Oracle Style Guide.
Before her technical career, Jenny was a copy editor at USA TODAY
newspaper for 13 years, fighting grammar and punctuation errors one
deadline at a time. Special interests include writing for mobile devices and
writing with accessibility in mind.
About the presenters
Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It
33. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
The preceding is intended to outline our general product direction. It is intended for
information purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality, and should not be relied
upon in making purchasing decisions. The development, release, and timing of any
features or functionality described for Oracle’s products remains at the sole discretion of
Oracle.
Editor's Notes Jenny:
Think of it as establishing a relationship with your users. You want to be upbeat, positive, and establish trust.
For example, if you tell them to perform an action to get a result, deliver the expected result.