Skip to content
Content Pro banner

Help examples for Microsoft Apps in Windows Phone 8

Posted in Articles

The latest version of Windows Phone (WP8), comes with updates to many of the apps that are pre-installed with the operating system/devices. The Help topics associated with those apps have also been updated. This look at one section of the Help + Tips app provides some insight in how the Microsoft UA team is thinking about design for mobile.

The gallery at the end of this article shows screen captures from a single scrolling topic about sharing photos in a text message. The eight images represent scrolling through approximately eight windows-ful of content. The use of page references in this article refers to the screen shots. There is only one “page” of content.

If you want to find this particular example yourself on WP8, from the Apps list select Help + Tips > People + email > Texting and Messaging. Scroll down on that page to the bulleted links and select Sharing Photos, Videos, and More in a Text Message. There is also a desktop browser-based version.

The topic appears with title, overview text and a video. This is followed by six separate procedures. There are no advance organizer links at the top. You need to scroll through the topic to become aware of what procedures are available on this long page. This really slows down your ability to find the specific information you are looking for. This appears to be a topic-specific design choice as organizer menus can be found in other topics.

The writing style is pretty much the same as you find in help topics for traditional Microsoft apps, with an infinitive title, an optional conceptual statement, followed by numbered steps. The amount of text is really overwhelming for such a small screen space. Technical writers can make themselves aware of this problem by doing their mobile writing and review in a small-space template. As an exercise, look at this help topic in a desktop browser using the link at the beginning of this article. The topic looks just fine there, but that is not the primary viewer for this content. For WP8 it would be much better to author in the Visual Studio WP8 emulator.

There definitely could have been more effort put into creating the same message with fewer words. For example, the title and conceptual statement on page 2 could be shortened to the following without losing the meaning.

Share any photo or video…
… that’s on your phone or in SkyDrive or Facebook.

If the existing content is vitally important, some attempt should be made at using HTML layering tricks like expanding text and tool tips. The visible info should be limited to completing the core tasks.

The numbered steps use the specific gesture verb of “Tap” versus the generic “Select.” That is fine for a touch-only device but can become problematic if there is voice or stylus support. The object noun uses both the name of the UI element as well as the associated icon. Some steps have sub-steps, indented with a bullet. In some cases, the Tap verb is replaced with “>”. Using that character shortcut is a popular, easy-to-understand technique. It is not clear why this Help uses it in a few places and not others.

Additional content elements include videos, screen captures, tips, and notes. Not mentioning the videos until this point is really burying the lead. The videos provide an engaging, quick view of how to complete a task. The design shown in the “Share my location” video on page one uses a nice blend of text and animation. You could make a strong argument that this form of Help is more useful and suitable to the medium than the documentation.

It would have been nice to see a video for each of the six procedures. Oddly, the Share my location video is for a task that is not even covered in the Help topic. One major fail is that the closed captioning doesn’t have any useful information. It just lists “background music playing”.

The formatting of the content has some questionable choices. The space between steps seems to be too large. It is a contributor to the exceptional amount of scrolling involved. The space could have been reduced in half without creating any readability issues.

The use of a grey color for the main text is arguably ok. It is impossible to beat black on white for clarity. But the grey does allow the bold UI labels to stand out.

The use of the UI labels at all is an interesting choice. It presents information that isn’t required for the user to complete the procedure. For example, the “New” function is always expressed in the UI as the + sign icon; not using the label. Including the label name in the procedure is only useful if you expect the user to add the word to their vocabulary. In practice, it is only the developers, designers, and writers who actually need to articulate the UI elements. Eliminating the labels (the ones with icons) would reduce the length of the steps.

The use of numbered steps is another arguable element. Numbers impart order and have always been a cornerstone of procedure writing. However, with small screen real estate, numbering takes up a lot of space. Using hanging indents takes up even more. Assuming mobile procedures should be short in the first place, a simple dash at the start of each step should be enough.

A screen capture is included on page 4. It is not clear why that screen was the only one important enough to include. If it is to illustrate typing a message, it might have been better to show the keyboard view.

The Tips are an element that should definitely be relegated to some form of expanding/hidden text. That information takes up too much room and gets in the way of the main procedures. An even better approach than hiding the info, would be to reveal it in the UI programmatically at appropriate times. For example, the tip shown on page 3 would be much more useful if it appeared in the app. Ideally, after a dozen or so image captures some onscreen info could guide the user through that shortcut.

As for the Notes on page 7, at least they are at the end.

Gallery of Help Content

44 Comments

  1. 895436 106552Hello! I just now would select to supply a enormous thumbs up with the fantastic info you could have here within this post. I will probably be coming back to your blog website for additional soon. 963482

    03/19/2014
  2. 983486 445386I gotta favorite this internet site it seems invaluable really valuable 795965

    03/19/2014
  3. 425362 596965View the following tips less than and find to know how to observe this situation whilst you project your home business today. Earn money from home 186407

    03/19/2014
  4. 839509 110915Yay google is my king aided me to locate this outstanding web site! . 211832

    03/20/2014
  5. 964185 487468Some genuinely marvellous function on behalf with the owner of this internet web site, utterly outstanding content material. 526798

    03/20/2014
  6. 811470 173064I like this post extremely a lot. I will certainly be back. Hope that I can go via much more insightful posts then. Will likely be sharing your wisdom with all of my friends! 806454

    03/21/2014
  7. 745021 874523 Youre so cool! I dont suppose Ive read anything like this before. So good to uncover somebody with some original thoughts on this topic. realy thank you for starting this up. this internet site is something that is necessary on the internet, someone with slightly originality. beneficial job for bringing something new towards the internet! 252865

    03/21/2014
  8. 604385 685945Yay google is my king aided me to locate this outstanding web site! . 865805

    03/21/2014
  9. 957120 360362Oh my goodness! an exceptional post dude. Thanks a good deal Even so I

    03/21/2014
  10. 391431 466468Often the Are typically Weight reduction strategy is unquestionably an low-priced and flexible weight-reduction strategy product modeled on individuals seeking out shed some pounds combined with at some point preserve a far healthier your life. la weight loss 684070

    03/21/2014
  11. 62375 882570I agree completely with what you said. Excellent Stuff. Maintain it going.. 33685

    03/22/2014
  12. 883389 535124Methods for dilution antimicrobial susceptibility beadlets for beagles that grow aerobically-fifth edition. 379632

    03/22/2014
  13. 491671 753672Hello! Great stuff, please keep us posted when you post again something like that! 908638

    03/22/2014
  14. 388238 248607This website is truly a walk-through it truly will be the details you wanted concerning this and didn

    03/22/2014
  15. 239796 490903brilliantly insightful post. If only it was as easy to implement some of the solutions as it was to read and nod my head at each of your points 963751

    03/22/2014
  16. 173604 952195Hello! I basically want to make a enormous thumbs up with the amazing information you

    03/22/2014
  17. 484083 178586Spot up for this write-up, I seriously believe this web site needs a whole lot a lot more consideration. I

    03/23/2014
  18. 602056 322983Yours is actually a prime example of informative writing. I feel my students could learn a good deal from your writing style and your content material. I could share this post with them. 471258

    03/23/2014
  19. 631499 416296Hey, you used to write great, but the last few posts have been kinda boring

    03/23/2014
  20. 287621 822176There will probably be several completely different portions about the LA Weight reduction eating strategy and one is truly essential. Begin stage is your really truly of these extra load. weight loss 527386

    03/23/2014
  21. 249219 756065Some truly fascinating info , nicely written and broadly speaking user pleasant. 446338

    03/23/2014
  22. 189356 190689I genuinely enjoy seeking at on this internet site , it has amazing content material . 653656

    03/24/2014
  23. 657451 385430Some truly nice stuff on this web website , I adore it. 80103

    03/24/2014
  24. 243990 501589Hello there! This is my first visit to your blog! We are a team of volunteers and starting a new project in a community in the same niche. Your blog provided us beneficial information to work on. You have done a wonderful job! 37196

    03/24/2014
  25. 331803 556490Having been simply looking at useful blog articles with regard to the project research when My partner and i happened to stumble on yours. Thanks for this practical information! 884895

    03/24/2014
  26. 127401 984751dude this just inspired a post of my own, thanks 252146

    03/24/2014
  27. 718275 168490Dead written subject matter, Really enjoyed reading through . 636646

    03/24/2014
  28. 918987 681394Most reliable human being messages, nicely toasts. are already provided gradually during the entire wedding celebration and therefore are anticipated to be very laid back, humorous and as well as new all at once. best man speech 441686

    03/25/2014
  29. 674319 937122when i was a kid, i love to receive an assortment of birthday presents like teddy bears and mechanical toys, 958828

    03/26/2014
  30. 753720 841407I undoubtedly did not realize that. Learnt something new nowadays! Thanks for that. 498009

    03/26/2014
  31. 651087 768760Wow, incredible weblog format! How lengthy have you been blogging for? you make running a weblog glance effortless. The full glance of your internet site is amazing, as smartly the content material material! 798818

    03/26/2014

Comments are closed.