by Little Springs Design

22 June 2010

Prepared for Social Media Club of KC

Marketing your mobile content

Discoverability

You have mobile content...

2

Nowwhat?

Mobile UXWho am I?

3

Barbara Ballard

In the beginning

4

• Phones

• Web

• Services

• <brands>

Barbara Ballard

More recently

5

• Little Springs Design

• Designing the Mobile User Experience

• Design For Mobile http://www.design4mobile.com

• <brands>

Barbara Ballard

Mobile web

6

168x286:1 Med Ad Unit

168x286:1 Med Ad Unit

1

2

3

©1995-2008 Interactive, Inc.

©1995-2008 Interactive, Inc.

7:19 PM

http://www.weather.com

216x366:1 Large Ad Unit

216x366:1 Large Ad Unit

4

5

Are app stores enough?Discoverability

7

App stores as discovery

App stores!

8

• Easy to get in

• Revenue sharing

• “Open”

• Discoverable

App stores as discovery

App stores?

9

• Easy to get in (maybe)

• Revenue sharing (smaller)

• “Open” –(not really)

• Discoverable (for a while)

App stores as discovery

Walled garden

10

App stores as discovery

11

Gates in the garden wall

Beyond app storesDiscoverability

12

Beyond app stores

App stores

13

• 200,000 apps

• Dozens of stores

• Not social

• Have to be searching

• Weak recommendation engines

Beyond app stores

Discovery engines

14

• Recommendation engines

• Social, somewhat

• Passive and active discovery

Beyond app stores

15Joe Pemberton

Onto the wall

Beyond app stores

16

Samantha Herdman

Onto the table

Beyond app stores

17

\

Onto the building?

Beyond app stores

18Augmented reality

Onto the street

7©2008 Little Springs Design » Proprietary & Confidential

MVDI Thwapr Detailed Design Document August 5, 2008 Version 080508

B Uploading Video > i Interface Design Details

Thwapr Success!

You have successfully uploaded cat-in-box.wmv!

Your friends won’t be able to see it yet. Choose who to Thwap here http://www.thwapr.com/useraction?rcv=22122345 or by going to thwapr.mobi on your mobile phone.

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 groupname.yourname@thwapr.com.

Thanks for using Thwapr. Share your moments.

It was sent to friends (group) and Alison. Check in with http://www.thwapr.com/useraction?rcv=22122345 or by going to thwapr.mobi on your mobile phone. to see if they've received it.

Thwapr is now connected to Shozu! Go to http://www.shozu.com/thwapr and Thwap faster!

SenderThe sending name should reflect the brand, and be helpful and informative.

Responses should redirect to the customer care address.

From: success@thwapr.comReceived: 11:15am April 26, 2008

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.

B2 Email confirmationand hints

Or Or...

PersonalizeShow the actual filename uploaded, and other details to help add value to the message and make the customer feel engaged.

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.

Tips the user clearly knows about should not be offered (e.g. if they have sent a message to a group email).

Beyond app stores

Into the inbox

19

4©2008 Little Springs Design » Proprietary & Confidential

MVDI Thwapr Detailed Design Document August 5, 2008 Version 080508

A Receive & View > ii Interface Design DetailsA2 Video

summary page

Aswayze 4/11/07 1:37

Kitties playing around. Music Called "Sister Jack" by Spoon. more

Thwapr.·°Funny cat

Funny cat

9 Get help0 Thwapr home

View desktop website

2 Play complete video

3 Comments

9 Get help0 Thwapr home

7 Add to favorites

5 Share with others

1 Preview video

Edit title & description

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

Tags: Background Box Kitten Kitties Music Playing “Sister Jack” Spoon Took

H1 L

S

S

S

M

M

S

S

A1 New clip received (SMS)

7 Remove from favorites

#Description

Reload

page

C2

A3

A5A4

D3C1 E3

C4

D3C1

0 Sign on

TitleThe video title is used

as the page title.

ImageFirst frame of video is

used as a thumbnail.

DescriptionFirst 50 characters of

description is floated

to right of image; on

screens smaller than

240 wide, appears

under screen.

Link to full description

lower on page.

Data summaryThe loading username,

date loaded and length

are displayed here

without a legend.

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.

Home or sign onThe home link is only

shown for identified

users.

Global condition.

Options Back

A Thwapr video has been sent to you from Alison Hoober (816 210 0468)

http://thwapr.mobi/v1ef8c4s

Text Message

From: Thwapr

Personalize The name of the

sender, and the phone

number they have

registered with the

service, should be

displayed as the

sending party.

The Thwapr brand

should be repeated,

in case the from

address failed or was

not noticed.

From ThwaprUse the branded name

of the service as the

sender whenever it

can replace a number.

C3

LinkThe link must contain

a commonly-known

branded website, and

the shortest practical

unique identifier.

Only for ownersSharing suppressed

for all others.

• Contact list is a social network

• Make forwarding work

Beyond app stores

Out of the app

20

• Share this, like this, Tweet this, text this, email this,...

• Apps and web

6©2008 Little Springs Design » Proprietary & Confidential

The Weather Channel Mobile Web 3.0 Concept of Design Document September 29, 2008 Version 092908

Weather.com

A Architecture & Design > v Maximized Page Details

Key Function

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 page

0 Weather.com home page

# Back up one level

Left Right

Section > Page Title

Send this page to a friend

0 Weather.com Home* Add this page to Home# Up to [Section]

HelpSettingsSend us your commentsUse metric unitsVer en español

66202

168x286:1 Med Ad Unit

Page content...

...page content

©1995-2008 The Weather Channel Interactive, Inc.

168x286:1 Med Ad Unit

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.

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.

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.

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.

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.

The category list, or a sitemap, is not

visible on each page.

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.

The following accesskey shortcuts are

suggested for all maximized portlets.

* Remove [page title] from home

Beyond app stores

Oh yeah. Banners.

21

• Better click-through rate than desktop

• Match your ad network to your brand

Beyond app stores

Principles

22

• The URL works (no matter the context)

• Web supports apps

• SMS supports web

• Social works with Web & SMS

• Apps support social & physical

• Reduce barriers to content

You have mobile content...

23

Market it

Barbara Ballard

Little Springs Design

1901 Massachusetts, Suite B

Lawrence, Kansas 66046

United States

www.littlespringsdesign.com

www.design4mobile.com

barbara@littlespringsdesign.com

@barbaraballard

www.linkedin.com/in/barbaraballard

+1 785 . 838 . 3003

24