Writing for Mobile: Don't Shrink It; Rethink It!

Don’t Shrink It, Rethink It!

Marta RauchJennifer Stout@martarauch#STC15

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


Mobile content overview

Prototypes

Exercise

Resources

Find our slides on SlideSharehttp://www.slideshare.net/MartaRauch

Don’t Just Shrink It, Rethink It!

Prototyping is key to mobile content



Listen for your top takeaway



Explosive growth for mobile devices

1B smartphones shipped in 2014

Over 1B Android devices, andwe check them 100B times per day

Apple app store in 2014 had1.2M apps, 75M downloads

http://www.idc.com/getdoc.jsp?containerId=prUS24645514http://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/



Why create a mobile prototype?



Buy-inRequirementsFeedbackScheduleQualityProfit

Helps with

Diego Pulido, Paper In Screen Prototyping, UX Maghttp://uxmag.com/articles/paper-in-screen-prototyping#



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


What is mobile content?

All text on screenToursMessagesNotificationsTips



Prototyping exercise



Get the message across


Tip: Strive for elegant, powerful messages


Instruction, tip, feedback, status, error, confirmation

Brief

Simple

Positive

Friendly

A message provides guidance


Tip: Establish a relationship

with users. Be upbeat, trustworthy


Friendly tone


Tip: Be positive and

congratulatory when possible


Positive, doesn’t blame you


Tip: If something goes

wrong, be encouraging


Informative, helps you decide


Tip: Give users the power to

decide


Uses touch terminology


Tip: Know your OS-specific

touch terms


Integrates with design


Tip: Work closely with

your designers and UX team


Designed for delight


Tip: Beautiful design

encourages repeat visitors


Things to avoid

Too complex

Too long

Too formal

Too much like the desktop

Find myiPhoneMarta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Be Sure to Tap Test!

On operating systems for your product

On different devices

Portrait and landscape mode

Ensure content is succinct


Tip: Tap testing is a

form of quality control


Exercise – Mobile Message

Your product manager wants to add a featurefor 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

BriefSimplePositiveFriendlyDelightf

ul



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 Messagesto reset password


ul



Your Turn

Share – One MinuteYour message content

Constructive feedbackWhat worked well


Messagesto reset password


ul


Example


Provides tips


Resources for learning more



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-SW1https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/InteractivityInput.html#//apple_ref/doc/uid/TP40006556-CH55-SW1



Android guidelines

http://developer.android.com/design/index.html https://developer.android.com/design/wear/index.htmlhttp://developer.android.com/design/get-Started/creative-vision.html



Touch terminology

TouchLong pressTapDouble-touchDragSwipePinchSpread

http://developer.android.com/design/patterns/gestures.htmlhttp://help.apple.com/iphone/8/#/iph75e97af9b



Marta’s presentations, publicationsSlideShare, 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 TechnologiesJoe Welinske Developing User Assistance for Mobile AppsRachel Hinman The Mobile Frontier , Practical Guide to Tactical Mobile PrototypingNathan Curtis Sketching for Understanding, The Power of Sketches, 6 Tips for Organizing Sketched ArtifactsLucidity Idea To App: How To Make a Mobile AppMobile Luke Wrobleski, Josh Clark, Theresa NeiliOS message guidelines, Android message guidelines, Other Oss

PrototypingPrototyping Tools http://keynotopia.com/ Stencils http://www.uistencils.com/Usability testing with paper prototypes http://vimeo.com/48675078Paper Prototyping Paper In-Screen Prototyping Streamlining Design with Paper Prototyping Using paper prototyping to manage risk Design Better and Faster with Rapid PrototypingDan Roam, Back Of The Napkin

Selected resources



Mobile content overview

Prototypes

Exercise

Resources

Find our slides on SlideSharehttp://www.slideshare.net/MartaRauch

Don’t Just Shrink It, Rethink It!

Prototyping is key to mobile content



Share a top takeaway



•@martarauch•Marta Rauch•+Marta Rauch• Marta Rauch• Marta Rauch

Thank you!Connect with us!

http://www.slideshare.net/MartaRauch



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 instructors



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 instructors



Safe Harbor StatementThe 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.

Writing for Mobile: Don't Shrink It; Rethink It!

Technology

Transcript of Writing for Mobile: Don't Shrink It; Rethink It!