Date post: | 08-Jul-2015 |
Category: |
Business |
Upload: | barbara-ballard |
View: | 3,261 times |
Download: | 0 times |
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 [email protected].
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: [email protected]: 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
@barbaraballard
www.linkedin.com/in/barbaraballard
+1 785 . 838 . 3003
24