Top Banner
Facebook Connect Design Patterns & Metrics Hiten Shah Dogpatch Labs • Jan 20, 2010
17

Facebook Connect Design Patterns and Metrics

Sep 08, 2014

Download

Technology

Hiten Shah

Designing Patterns and Metrics for Facebook Connect.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Facebook Connect Design Patterns and Metrics

Facebook ConnectDesign Patterns & Metrics

Hiten ShahDogpatch Labs • Jan 20, 2010

Page 2: Facebook Connect Design Patterns and Metrics

“Metrics are people, too”Eric Ries, The Lean Startup

Page 3: Facebook Connect Design Patterns and Metrics

Facebook ConnectSign Up

News FeedOptimization

News FeedLanding Pages

Facebook Connect Design Patterns

Page 4: Facebook Connect Design Patterns and Metrics

Facebook Connect Sign Up

Page 5: Facebook Connect Design Patterns and Metrics

38% decrease in sign ups with Facebook Connect?!

Page 6: Facebook Connect Design Patterns and Metrics

Copywriting is the easiest, fastest way to improve your sign-up process.”Joshua Porter, Bokardo.comhttp://pea.to/socialtraction

Page 7: Facebook Connect Design Patterns and Metrics

News Feed Optimization

Page 8: Facebook Connect Design Patterns and Metrics

Eventbrite.com JibJab.com HuffingtonPost.com Plancast.com

Source: Compete.com

“NFO (News Feed Optimization) is the new SEO”Justin Smith, Inside Facebook

Page 9: Facebook Connect Design Patterns and Metrics

NFO (News Feed Optimization) - convincing Facebook to display the Feed items that your application publishes in your users’ friends’ News Feeds.”Justin Smith, Inside Facebook

Page 10: Facebook Connect Design Patterns and Metrics

• Measure feed story prompts & publish dialogues

• Split-test feed story copy and imagery to maximize clicks

• Feed story impression metrics are not yet accessible

Metrics for News Feeds

When someone publishes to Facebook, we see 20 clicks back to JibJab.com!”Gregg Spiridellis, JibJab

Page 11: Facebook Connect Design Patterns and Metrics

Measure feed story prompts & publish dialogues

Page 12: Facebook Connect Design Patterns and Metrics

Split-test feed story copy and imagery

Page 13: Facebook Connect Design Patterns and Metrics

News Feed Landing Pages

Page 14: Facebook Connect Design Patterns and Metrics

http://pea.to/faces(NSFW)

Page 15: Facebook Connect Design Patterns and Metrics
Page 16: Facebook Connect Design Patterns and Metrics

The longer your link, the more you are measuring...

http://sendables.jibjab.com/view/7Lq1hpkTT7xjtk5Z?cmpid=jj_fb_self

http://bleacherreport.com/college-football?utm_source=facebook.com&utm_medium=referral&utm_campai

gn=fbc_like&ref=nf

http://mysite.com/signup?

bc=1956&iid=1098963228&ti=1263020400&cid=292136&k=K51QSB&fref=clnk_try_now&ref=nf

http://apps.facebook.com/sororitylife?action=getjob&track=R06JobFeedPop&_fb_fromhash=40031d7a

b3ec865d97272cdb8b439162

Measure visits from feed stories by variation & link

Page 17: Facebook Connect Design Patterns and Metrics

• Facebook Connect Example User Flows - http://j.mp/fbcflows

• Resources - http://j.mp/fbcresources

• Measure Facebook Connect with KISSmetrics

• http://kissmetrics.com

Measure and Improve Facebook Connect