'

Writing for Mobile: Don’t Shrink It, Rethink It!

Понравилась презентация – покажи это...





Слайд 0

Writing for Mobile: Don’t Shrink It, Rethink It! Marta Rauch Jennifer Stout @martarauch #STC15


Слайд 1

Raise your hand if you have worked on a mobile project Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 2

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


Слайд 3

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


Слайд 4

Why create a mobile prototype? Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 5

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


Слайд 6

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


Слайд 7

What is mobile content? All text on screen Tours Messages Notifications Tips Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 8

Prototyping exercise Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 9

Get the message across Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Strive for elegant, powerful messages


Слайд 10

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


Слайд 11

Friendly tone Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Be positive and congratulatory when possible


Слайд 12

Positive, doesn’t blame you Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: If something goes wrong, be encouraging


Слайд 13

Informative, helps you decide Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Give users the power to decide


Слайд 14

Uses touch terminology Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Know your OS-specific touch terms


Слайд 15

Integrates with design Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Work closely with your designers and UX team


Слайд 16

Designed for delight Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Tip: Beautiful design encourages repeat visitors


Слайд 17

Things to avoid Too complex Too long Too formal Too much like the desktop Find my iPhone Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 18

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


Слайд 19

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 Delightful Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 20

10 minutes Join a small group Discuss and plan your strategy Design and sketch Pick a spokesperson for ONE MINUTE show-and-tell Instructions Messages to reset password Brief Simple Positive Friendly Delightful Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 21

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 Delightful


Слайд 22

Example Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It Provides tips


Слайд 23

Resources for learning more Marta Rauch @martarauch Jennifer Stout Don't Just Shrink It, Rethink It


Слайд 24

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


Слайд 25

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


Слайд 26

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


Слайд 27

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


Слайд 28

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


Слайд 29

@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


Слайд 30

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


Слайд 31

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


Слайд 32


Слайд 33


Слайд 34


×

HTML:





Ссылка: