Mobile Content Discoverability

Download Mobile Content Discoverability

Post on 08-Jul-2015




0 download

Embed Size (px)


Introduction to mobile content discovery, beyond app stores, for Social Media Club of Kansas City.


<ul><li><p>by Little Springs Design</p><p>22 June 2010</p><p>Prepared for Social Media Club of KC</p><p>Marketing your mobile content</p><p>Discoverability</p></li><li><p>You have mobile content...</p><p>2</p><p>Nowwhat?</p></li><li><p>Mobile UXWho am I?</p><p>3</p></li><li><p>Barbara Ballard</p><p>In the beginning</p><p>4</p><p> Phones Web Services </p></li><li><p>Barbara Ballard</p><p>More recently</p><p>5</p><p> Little Springs Design</p><p> Designing the Mobile User Experience</p><p> Design For Mobile</p></li><li><p>Barbara Ballard</p><p>Mobile web</p><p>6</p><p>168x286:1 Med Ad Unit</p><p>168x286:1 Med Ad Unit</p><p>1</p><p>2</p><p>3</p><p>1995-2008 Interactive, Inc.</p><p>1995-2008 Interactive, Inc.</p><p>7:19 PM</p><p></p><p>216x366:1 Large Ad Unit</p><p>216x366:1 Large Ad Unit</p><p>4</p><p>5</p></li><li><p>Are app stores enough?Discoverability</p><p>7</p></li><li><p>App stores as discovery</p><p>App stores!</p><p>8</p><p> Easy to get in</p><p> Revenue sharing</p><p> Open</p><p> Discoverable</p></li><li><p>App stores as discovery</p><p>App stores?</p><p>9</p><p> Easy to get in (maybe)</p><p> Revenue sharing (smaller)</p><p> Open (not really)</p><p> Discoverable (for a while)</p></li><li><p>App stores as discovery</p><p>Walled garden</p><p>10</p></li><li><p>App stores as discovery</p><p>11</p><p>Gates in the garden wall</p></li><li><p>Beyond app storesDiscoverability</p><p>12</p></li><li><p>Beyond app stores</p><p>App stores</p><p>13</p><p> 200,000 apps</p><p> Dozens of stores</p><p> Not social</p><p> Have to be searching</p><p> Weak recommendation engines</p></li><li><p>Beyond app stores</p><p>Discovery engines</p><p>14</p><p> Recommendation engines</p><p> Social, somewhat</p><p> Passive and active discovery</p></li><li><p>Beyond app stores</p><p>15Joe Pemberton</p><p>Onto the wall</p></li><li><p>Beyond app stores</p><p>16</p><p>Samantha Herdman</p><p>Onto the table</p></li><li><p>Beyond app stores</p><p>17</p><p>\</p><p>Onto the building?</p></li><li><p>Beyond app stores</p><p>18Augmented reality</p><p>Onto the street</p></li><li><p>72008 Little Springs Design Proprietary &amp; Confidential</p><p>MVDI Thwapr Detailed Design Document August 5, 2008 Version 080508</p><p>B Uploading Video &gt; i Interface Design Details</p><p>Thwapr Success!</p><p>You have successfully uploaded cat-in-box.wmv!</p><p>Your friends wont be able to see it yet. Choose who to Thwap here or by going to on your mobile phone.</p><p>Thwapr Tip: You can Thwap in one step. Just set up a group of friends you share with frequently, then upload videos for them to</p><p>Thanks for using Thwapr. Share your moments.</p><p>It was sent to friends (group) and Alison. Check in with or by going to on your mobile phone. to see if they've received it.</p><p>Thwapr is now connected to Shozu! Go to and Thwap faster!</p><p>SenderThe sending name should reflect the brand, and be helpful and informative. </p><p>Responses should redirect to the customer care address.</p><p>From: success@thwapr.comReceived: 11:15am April 26, 2008</p><p>Pre-emptive self-helpProvide personalized links for the user to get to specific, relevant features of the service. Base these off the actions just performed, and current conditions.</p><p>B2 Email confirmationand hints</p><p>Or Or...</p><p>PersonalizeShow the actual filename uploaded, and other details to help add value to the message and make the customer feel engaged.</p><p>Tips and new infoGeneral tips (not related to the current task, covered above) or information on new features or releases should be placed below. This may be generalized, as with the address shown. </p><p>Tips the user clearly knows about should not be offered (e.g. if they have sent a message to a group email).</p><p>Beyond app stores</p><p>Into the inbox</p><p>19</p><p>42008 Little Springs Design Proprietary &amp; Confidential</p><p>MVDI Thwapr Detailed Design Document August 5, 2008 Version 080508</p><p>A Receive &amp; View &gt; ii Interface Design DetailsA2 Video </p><p>summary page</p><p>Aswayze 4/11/07 1:37</p><p>Kitties playing around. Music Called "Sister Jack" by Spoon. more</p><p>Thwapr.Funny cat</p><p>Funny cat</p><p>9 Get help0 Thwapr home</p><p>View desktop website</p><p>2 Play complete video</p><p>3 Comments</p><p>9 Get help0 Thwapr home</p><p>7 Add to favorites</p><p>5 Share with others</p><p>1 Preview video</p><p>Edit title &amp; description</p><p>Kitties playing around. Music Called "Sister Jack" by Spoon. The kitten in the background wants to get back in the box soooo bad. But this kitten took over. :p</p><p>Tags: Background Box Kitten Kitties Music Playing Sister Jack Spoon Took</p><p>H1 L</p><p>S</p><p>S</p><p>S</p><p>M</p><p>M</p><p>S</p><p>S</p><p>A1 New clip received (SMS)</p><p>7 Remove from favorites</p><p>#Description</p><p>Reloadpage</p><p>C2</p><p>A3</p><p>A5A4</p><p>D3C1 E3</p><p>C4</p><p>D3C1</p><p>0 Sign on</p><p>TitleThe video title is used as the page title.</p><p>ImageFirst frame of video is used as a thumbnail.</p><p>DescriptionFirst 50 characters of description is floated to right of image; on screens smaller than 240 wide, appears under screen.</p><p>Link to full description lower on page.</p><p>Data summaryThe loading username, date loaded and length are displayed here without a legend.</p><p>TagsMost important (unique?) 10 tag words (less than 10 tags, if some are multi-word) are displayed here. Link loads a search for keyword for that tag.</p><p>Home or sign onThe home link is only shown for identified users.Global condition.</p><p>Options Back</p><p>A Thwapr video has been sent to you from Alison Hoober (816 210 0468)</p><p></p><p>Text Message</p><p>From: Thwapr</p><p>Personalize The name of the sender, and the phone number they have registered with the service, should be displayed as the sending party. </p><p>The Thwapr brand should be repeated, in case the from address failed or was not noticed.</p><p>From ThwaprUse the branded name of the service as the sender whenever it can replace a number.</p><p>C3</p><p>LinkThe link must contain a commonly-known branded website, and the shortest practical unique identifier.</p><p>Only for ownersSharing suppressed for all others.</p><p> Contact list is a social network</p><p> Make forwarding work</p></li><li><p>Beyond app stores</p><p>Out of the app</p><p>20</p><p> Share this, like this, Tweet this, text this, email this,...</p><p> Apps and web</p><p>62008 Little Springs Design Proprietary &amp; Confidential</p><p>The Weather Channel Mobile Web 3.0 Concept of Design Document September 29, 2008 Version 092908</p><p></p><p>A Architecture &amp; Design &gt; v Maximized Page Details</p><p>Key Function</p><p>1 [Open for link on page]2 [Open for link on page]3 [Open for link on page]4 [Open for link on page]5 [Open for link on page]6 (available)7 (available)8 (available)9 (available)* Add to home page0 home page# Back up one level</p><p>Left Right</p><p>Section &gt; Page Title</p><p> Send this page to a friend</p><p>0 Home* Add this page to Home# Up to [Section]</p><p>HelpSettingsSend us your commentsUse metric unitsVer en espaol</p><p>66202</p><p>168x286:1 Med Ad Unit</p><p>Page content...</p><p> content</p><p>1995-2008 The Weather Channel Interactive, Inc.</p><p>168x286:1 Med Ad Unit</p><p>The wrapper is the set of elements that surround the content on a set of pages. It is not precisely the template, but items that are reusable from page to page.</p><p>The masthead is consistent on all pages after the home page, and has branding and the current location as a field the user can select. This does not get focus on entry unless the page has no known location.</p><p>If titles are short enough to support it, add the section title to the page. Sections will show only the one title. This is not a clickable breadcrumb.</p><p>Advertising is slightly larger than currently used, and aligned to the right to clarify that it is not the same as the core (left-aligned) content. </p><p>Below the content are a set of links visible on all maximized portlets. The links available on administrative pages are not the same. Each of these will be preceeded with an icon, and a label for the accesskey, if available. Actions should be included when the link is not clear, or if it acts as a switch to the current page. </p><p>The category list, or a sitemap, is not visible on each page.</p><p>1 Wrapper elements 2 AccesskeysFor devices with 10-key pads, single-click access can be provided to functions which would otherwise be more difficult to accomplish. </p><p>The following accesskey shortcuts are suggested for all maximized portlets.</p><p>* Remove [page title] from home</p></li><li><p>Beyond app stores</p><p>Oh yeah. Banners.</p><p>21</p><p> Better click-through rate than desktop</p><p> Match your ad network to your brand</p></li><li><p>Beyond app stores</p><p>Principles</p><p>22</p><p> The URL works (no matter the context)</p><p> Web supports apps</p><p> SMS supports web</p><p> Social works with Web &amp; SMS</p><p> Apps support social &amp; physical</p><p> Reduce barriers to content</p></li><li><p>You have mobile content...</p><p>23</p><p>Market it</p></li><li><p>Barbara Ballard</p><p>Little Springs Design1901 Massachusetts, Suite BLawrence, Kansas 66046United States</p><p> </p><p>+1 785 . 838 . 3003</p><p>24</p></li></ul>