Inside Network - Providing news and market research to the Facebook platform and social gaming ecosystem Inside Facebook    Inside Social Games    Inside Virtual Goods    AppData    PageData  
Facebook Marketing Bible   App Stats   Page Stats   Contact   About   Advertise       Subscribe:   Email   RSS   Twitter   Facebook
LifeStreet Media
By Karl Bunyan 7 Comments »

With potentially only a day before the beta launch of Facebook’s redesign (it will go live sometime this week), many developers are starting to see how their applications will look and operate within the new system.

1. Discovery & Log In

A user’s initial interaction with an application is likely to result in him/her being asked to “log in.” With the redesign, Facebook has streamlined this flow so that users don’t have to leave the page – rather, an overlay box that looks very similar to existing ones appears:

New profile login box

2. New Session Lengths

After the “log in,” applications can interact with users in much the same way as they have before: publishing stories, accessing data, etc. However, in the new system there’s a much shorter session being granted, meaning the application will not be able to access the user’s data long after they have left. This may break features in some applications but others will continue to work without problems.

3. New Profile Box Integration Flow

By some first impressions, the movement away from default application profile integration doesn’t seem as catastrophic as some developers had initially feared. However, this will obviously have major effects still for many developers.

One important difference is that the application will no longer automatically show up on the user’s profile page – either in the “Wall” tab or “Boxes” tab. To do this, the developers will now need to entice users to click the “Add to Profile” button from within the canvas page, which currently looks like this:

New profile

Clicking on the “Add to Profile” button brings up a preview of what the user will be adding:

New profile box preview

Notice how the user has a choice as to where to add the profile box – either the “Wall” or the “Boxes” tab.

Clicking on “Add” then takes the user to the section of their profile page where they just installed the app. There, users are again given the option to “Keep” or “Remove” the new box:

New profile confirm box add

All of this is obviously intended to make the user think a lot harder about what they add to their profiles. Although there are multiple opportunities to say “no”, I don’t think it’s an extremely off-putting user journey.

4. New Profile Tab Integration Flow

Lastly, there’s the new opportunity for users to add an application tab. The only way users can add your application tab to their profile is through the “+” button to the right of the tabs on their own profile page.

An application tab installed on the profile page will look something like the following:

The new profile application tab

The tab is present on every page of a user’s profile, and hence a highly visible spot. Within a tab, applications are able to operate somewhere between how they do in a profile box and on the canvas page. Server calls can be made, and some real interaction can be provided. We very well may see new types of apps that make use of this new, more extended way for visitors to interact with profile owners.

There are still a large number of issues and bugs with the new profile design, but things are moving quickly. For those who missed the initial Facebook Platform land-grab, the profile redesign could provide some excellent second chance opportunities.

Check out The Facebook Marketing Bible: 50+ Ways to Market Your Brand, Company, Product, or Service Inside Facebook.

Inside Facebook Sponsors
Mopay     SoftLayer
AdParlor

7 Responses to “Here’s How Your App Will Look When the Facebook Redesign Launches”

  1. Tim Says:

    Any word on whether the width of the canvas page will be changing?

  2. Karl Bunyan Says:

    I’ve seen it written that it’ll be 960 pixels but it seems to be 760 throughout to me, both on the profile tab and the canvas pages. I’m expecting it to stay at 760, although impossible to be sure.

  3. Gary Gil Says:

    The new canvas pages can be up to 760px wide:
    http://wiki.developers.facebook.com/index.php/New_Design_Tabbed_Profile#Application_Tab_Behavior

  4. New Apps on Facebook | Lonely CEO Media - Facebook Application Development and Consulting Says:

    [...] Inside Facebook has a typically good rundown of Facebook Application changes. [...]

  5. Tim Says:

    Thanks for the help, exactly the info I was looking for. The canvas page will now be able to fit a standard 728×90 leaderboard banner unit.

  6. Thomas Says:

    The width will be 760px, and the rest of the space, on the right, is for Facebook Ads ;o

  7. A Comparison of the iPhone App Platform Vs. Facebook App Platform « Source Notes Says:

    [...] wins on virality, even with changes to its platform that have made gaining users not quite as easy. The downside for iPhone apps at least right now is there is not the kind of [...]

Community

Login using your Facebook account, or enter your personal information below to comment.
Recent visitors
view more...

Leave a Reply