Facebook開放平臺完全解析

2007-12-17 23:48:21      劉陽
Facebook程序可以有許多種表現(xiàn)形式。但是,為了綜合地利用這個(gè)平臺并創(chuàng)造更好的用戶體驗(yàn),我們推薦采用這樣的程序結(jié)構(gòu):

1、程序目錄
2、程序介紹
3、左側(cè)邊欄
4、Facebook主面板
   a、程序首頁
   b、用戶管理面板
5、用戶信息
   a、用戶活動信息欄
   b、個(gè)人鏈接
6、隱私設(shè)置
7、新聞
8、提醒
9、消息附件
10、請求

下面我將以我們的照片程序?yàn)槔榻B每一個(gè)組件。應(yīng)該注意的是這種結(jié)構(gòu)并不是強(qiáng)制要求的,但是包含的組件越多用戶體驗(yàn)就越豐富(例如,如果你的“左撇子”應(yīng)用只有一個(gè)左側(cè)邊欄,沒有人會安裝它的)。

產(chǎn)品目錄
大部分的用戶都是在Facebook程序目錄看到你的產(chǎn)品的,這就是為什么你需要用形象、生動的文字來描述你的程序。
anatomy_directory.jpg

產(chǎn)品介紹
點(diǎn)擊Facebook程序目錄中的鏈接會進(jìn)入程序的介紹頁面,這里告訴用戶這個(gè)程序的相關(guān)信息。你應(yīng)該通過對程序的介紹吸引用戶安裝它。
anatomy_about.jpg

左側(cè)邊欄
程序應(yīng)該有自己的圖標(biāo)和名字,可以顯示在左側(cè)的Facebook導(dǎo)航欄中。點(diǎn)擊左側(cè)邊欄中的鏈接會進(jìn)入該程序的主頁。
anatomy_left_nav.jpg

Facebook主面板
Facebook主面板是Facebook頁面框架中的一個(gè)區(qū)域,它可以是FBML或者是內(nèi)嵌的外部HTML站點(diǎn)。
anatomy_frame.jpg

程序首頁
程序的首頁通過點(diǎn)擊左側(cè)邊欄的鏈接進(jìn)入。這個(gè)首頁應(yīng)該包含好友最新創(chuàng)建的頁面,以吸引好友經(jīng)常訪問。例如,照片程序的首頁顯示了好友最近創(chuàng)建的相冊。
anatomy_home.jpg

用戶管理面板
用戶可以通過用戶資料頁面右上角的下拉菜單進(jìn)入管理面板。在管理面板中,用戶可以管理他們的內(nèi)容或者查看其他用戶在通過該程序創(chuàng)建的內(nèi)容的相關(guān)信息。
anatomy_user_dashboard.jpg

用戶信息
Facebook中的用戶信息應(yīng)該是他們在現(xiàn)實(shí)世界中的真實(shí)信息,在用戶信息中包含許多項(xiàng)目。用戶可以通過自己的信息來展示自己。

用戶活動信息欄
用戶活動信息欄中顯示了該用戶最近更新的信息或者最近的活動。用戶可以利用在這里的個(gè)人信息展示自己的身份。
anatomy_profile_box.jpg

個(gè)人鏈接
你可以在用戶信息的照片下面設(shè)置一些用戶個(gè)人鏈接,指向用戶在你的程序中的更多信息。你甚至可以為沒有安裝你的程序的用戶設(shè)置這些鏈接(在照片程序中,所有的瀏覽者都可以看到安裝了該程序的用戶的個(gè)人信息)。
anatomy_profile_action_links.jpg

隱私設(shè)置
用戶可以通過Facebook隱私設(shè)置頁面來決定誰可以看到自己的活動信息欄。你可以在程序的隱私設(shè)置頁面中放置更多的隱私選項(xiàng)。
anatomy_privacy.jpg

新聞
你的程序應(yīng)該包含新聞功能,可以顯示該用戶的好友的最新消息。每個(gè)用戶的新聞數(shù)目有一個(gè)上限,達(dá)到上限以后,如果用戶不進(jìn)行清理,他將無法看到更多的新聞。例如,在照片程序中,新聞欄可以顯示該用戶的好友最近上傳的照片。
anatomy_newsfeed.jpg

提醒
你的程序應(yīng)該能夠通過電子郵件給用戶發(fā)送提醒信息。用戶比如同意通過電子郵件發(fā)送才能激活該功能,并且用戶可以隨時(shí)停止任何程序的電子郵件提醒。

消息附件
用戶可以通過消息輸入框下面的一個(gè)下拉菜單來創(chuàng)建消息的附件。用戶添加了附件之后,該功能將提取內(nèi)容并顯示在消息輸入框下面。
anatomy_attachments.jpg

請求
你的程序應(yīng)該能夠在首頁的右上角顯示請求信息。這些請求通常由該用戶的好友發(fā)出,并且要求該用戶對其進(jìn)行處理。例如在照片程序中,給照片添加標(biāo)簽的請求信息。
anatomy_requests.jpg

相關(guān)閱讀