Our theory is, take control. Facebook is a beautiful, open thought forum of text, images and video expression, but it's important to be the gatekeeper.
By customizing your Facebook welcome page, you control that all important first impress. You decide where they should click, read, view next. That way you have the powerful Facebook functionality at your service, but still have someone driving your agenda bus.
Here are 20 amazing custom Facebook designs recently shared by the Daily Blogger.
Once it was the FBML app. There were limitations. And then facebook introduced iframes. Since then, custom facebook page designs have grown to a complete new level of unlimited possibilities. Flash, Ajax, jQuery – all that you can think of in design is now available on facebook pages. Here are some of the brilliantly designed facebook pages.
1. Porsche
2. Coca Cola
3. McDonald’s
4. Jeep
5. Skittles
6. Blackberry
7. Katy Perry
8. Sony Ericsson
9. Dreamworks
10. Shrek
11. Kung Fu Panda
12. Howcast
13. Subway
14. X Box
15. Microsoft
16. Bing
17. Windows
18. Chevrolet
19. Tommy Hilfiger
20. Ebay
How to design a custom facebook landing page in FBML / iframe ?
Step 1 – Got to Facebook Developers.
Step 2 – Click on “Create a new app” button.
Step 3 – Give in the app details in the fields asked.
Step 4 – Enter the application details as requested. Make sure you have a privacy policy and terms and conditions set up on html files and paste the urls in the field. Now, this isn’t necessary, but if you’re going for a popular application / page that has data fetching integrated, then it might be a good idea to have both terms and conditions and privacy policy.
For simple landing pages, you can skip it.
Step 5 – Enter site details.
Step 6 – Select canvas type
Select canvas type as “iFrame” and iFrame size as “Auto resize” (this is to avoid scroll bars to popup when the app goes beyond the specified length or height.)
Step 7 – Specify the page URL
Tab name : This is the tab name that appears on the left navigation bar on the facebook page.
The icon that appears next to it, can be changed in Step 1 (Website settings).
Step 8 – Designing the page
When designing the page, make sure the width is not more than 520 pixels, so that it fits the facebook page space. You can embed any media through the iframe, videos, flash, sound, html or just about any web element.
Those best facebook pages are the ones where the elements are designed in such a way that it doesn’t hinder the facebook experience but enhances the user experience in interactive ways.
Tips to create a good custom facebook page
- Don’t forget to add an icon and logo to the application so that the default icon does not show up in your navigation area (see screenshot.). This makes your page look un-professional. You could use many of those free icon sets available, that will fit very well with the rest of facebook icons.
Wrong way to put icons Right way to use icons - Try best to include a privacy policy and terms and conditions
Lets say you’re a popular brand and you’ve data fetching elements like email forms etc on your page. In such cases, its safe to add privacy policies to your page so that it aligns itself to facebook’s terms and conditions. - Dimensions
Make sure the width of page is not beyond 520 pixels or else the content won’t show up properly on facebook page. - Switch off scrollbars
In the canvas app settings page, make sure you switch off enabling scroll bars or else if the content goes beyond the specified length, it would get truncated with scroll bars. - Content on facebook page
Try to make the content on page minimal unless absolutely necessary. Facebook users get triggered by content that are similar to that are being shared on facebook, hence too much text and lot of action points might confuse users.
No comments:
Post a Comment