Scribd
Upload
44 views43 pages

Social Mobile Apps: Distribution and Design

The document provides tips on social mobile app distribution and design on Facebook, including leveraging the existing friend graph and open graph, implementing single sign-on, requests and notifications, being cross-platform, and requesting only necessary permissions. It highlights case studies of apps that saw major growth through Facebook and recommends best practices such as building mobile web apps, using timeline, and validating permissions. The document aims to help developers start building successful social mobile apps.

Uploaded by

mantosz
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
44 views43 pages

Social Mobile Apps: Distribution and Design

The document provides tips on social mobile app distribution and design on Facebook, including leveraging the existing friend graph and open graph, implementing single sign-on, requests and notifications, being cross-platform, and requesting only necessary permissions. It highlights case studies of apps that saw major growth through Facebook and recommends best practices such as building mobile web apps, using timeline, and validating permissions. The document aims to help developers start building successful social mobile apps.

Uploaded by

mantosz
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 43

Social Mobile Apps

Distribution and Design

Matt Kelly Engineer, Developer Relations Christine Abernathy Engineer, Developer Relations

1000

800

845M people

600

400

425M people

200

0 1 year 4 years 8 years

Same channels on Mobile


Friends News Feed Search Notications Requests Bookmarks Open Graph & Timeline

Social App Discovery

The Guardian

0 to 3.9+ million Monthy Active Users in 5 months

GoodReads

77% increase in Daily Active Users

Pinterest

60% increase in daily referrals from Facebook

Open Graph

Native Apps

Native Apps

Mobile Web

Mobile Web

Open Graph

Desktop Web

Desktop Web

141 141

Requests and Invites

Frictionless Requests
Will

automatically send future directed requests for Games to send a Your Turn notication

Useful

Only supported today for Mobile Web

FB.init({! ! !appId : 'YOUR_APP_ID',! ! ! !frictionlessRequests : true,! ! ! });! !

News Feed
One to many sharing with friends

News Feed
Posting View on Wall View on News Feed

Bookmarks and Game Stories


m.facebook.com Native Facebook for iPhone Game Stories

Foursquare"

Magic Land: Island"

3"

Search

World War"
App 2,000 monthly users"

Social Plugins
Comments Plugin

Like Button

Payments

m.facebook.com

Facebook for iOS

Facebook for Android

Requests/Notications

Feed

Open Graph
Web Apps only iOS apps only

Bookmarks

Payments

use iOS payments

Pro Tips and Demos

Pro Tip #1: Get your app on Timeline

Pro Tip #2: Be Cross Platform


Web apps: Distribution on

m.facebook.com on all webkit


enabled touch browsers Desktop (Canvas or Website) Android Facebook app

Native Apps
Facebook
(PhoneGap for Web Apps) Facebook iOS apps App Store Markets

Pro Tip #2: Be Cross-Platform


Web apps: Distribution on

ME SA HE ET US
Facebook

m.facebook.com on all webkit


enabled touch browsers Desktop (Canvas or Website) Android Facebook app

ID PP A

Native Apps
(PhoneGap for Web Apps) Facebook iOS apps App Store Markets

Pro Tip #3: Implement Single-SignOn in iOS and Android Apps

Pro Tip #4: Implement Requests for App Discoverability

Pro Tip #5: Leverage Existing Friend Graph


Promote Activity and Interaction Re-Engagement

This is really easy to do, even without a server!


Mobile

Web:
FB.api('/fql&q=SELECT uid, name, is_app_user, pic_square FROM user WHERE uid IN (SELECT uid2 FROM friend WHERE uid1 = me()) AND is_app_user = 1', function(response) { ...! !

Native

(iOS):

NSMutableDictionary * params = [NSMutableDictionary dictionaryWithObjectsAndKeys: @"SELECT uid, name, is_app_user, pic_square FROM user where uid IN (SELECT uid2 FROM friend WHERE uid1 = me()) AND is_app_user = 1", @"query", nil];[_facebook requestWithMethodName:@"fql.query" andParams:params andHttpMethod:@"POST" andDelegate:self];!

Pro Tip #6: Minimum Permissions + Validate!


Second Add

Screen Permissions

Explanation Add logic to validate not required for

Removable,

publish_stream

dialogs

Best Practices Recap


Add your Mobile app to Timeline Build a Mobile Web App Use Single Sign On on Native Apps Implement Requests and Invites Leverage existing Friend Graph Request only the Permissions you need

Let s Build!

Start Building!
Documentation developers.facebook.com/mobile Hackbook (Sample Moble Web App) fb.me/fbhackbook Wishlist (Sample Andoid and iOS Open Graph App) developers.facebook.com/docs/beta/samples Mobile Web App Showcase fb.me/mobileappshowcase HTML5 Resource Center developers.facebook.com/html5

You might also like