上文回答了以下問題:
什么是社交扩灯,為什么要做社交牵署,什么樣的產(chǎn)品適合做社交,社交為什么以Feed的形式進(jìn)行呈現(xiàn)狈孔,有沒有更好的方式信认?,相應(yīng)文章請(qǐng)點(diǎn)擊查看《從零開始做社交功能》
今天來研究Feed的完整流程是怎樣的均抽,基本功能到底有哪些嫁赏?
(此文從Instagram和Facebook出發(fā),還沒有涉及到其他APP油挥,只作為一個(gè)大體分析潦蝇,待樓主將市面上多個(gè)維度的APP都分析完畢了再發(fā)表一篇總結(jié)的文章款熬。)
當(dāng)我們接手一個(gè)以前從來沒有做過的項(xiàng)目時(shí),應(yīng)該怎么做呢攘乒?最快捷的方式就是查看在這方面做得最好的專家是怎么做的贤牛。這個(gè)道理也可以運(yùn)用于對(duì)于自身專業(yè)的學(xué)習(xí)。先去了解一個(gè)功能最完整的流程是什么樣的则酝,做好邏輯整理殉簸。再根據(jù)項(xiàng)目的實(shí)際需求進(jìn)行戰(zhàn)略部署和側(cè)重點(diǎn)的調(diào)整。一個(gè)成熟的APP和一個(gè)簡單的APP沽讹,一個(gè)風(fēng)格沉穩(wěn)的APP和一個(gè)活潑fashion的APP般卑,他們的目標(biāo)用戶肯定會(huì)有一定的區(qū)別,而決定這些的區(qū)別的因素除了老板對(duì)市場的判斷爽雄,還跟公司的戰(zhàn)略目標(biāo)蝠检、資金、資源都是緊密相連的挚瘟,也就是說一個(gè)能產(chǎn)出的APP它的身后都是綜合各項(xiàng)因素所能得到的最優(yōu)解叹谁。說到這里也不得不說,作為設(shè)計(jì)師刽沾,在不了解別人項(xiàng)目的集體情況下本慕,就高抬貴手不要任意去評(píng)價(jià)別人的作品是否優(yōu)秀吧,說不定侧漓,反而會(huì)暴漏自己急躁的性格和膚淺的知識(shí)面锅尘。
如果按照一個(gè)正常的流程來完成一個(gè)feed,應(yīng)該會(huì)有以下步驟:
準(zhǔn)備feed->上傳feed->feed的內(nèi)容呈現(xiàn)->對(duì)單個(gè)feed的操作->查找feed內(nèi)容->延伸功能完善
1.準(zhǔn)備feed
a.入口:
當(dāng)你想要發(fā)一個(gè)Feed的時(shí)候首先要找到發(fā)Feed的入口布蔗,一般都有兩個(gè)藤违,一個(gè)是Feed首頁的快捷入口,一般是頂部纵揍,可能是在頁面的最上面顿乒,可能是在Header的左右兩邊,目的就是讓用戶能夠快捷的發(fā)布內(nèi)容泽谨,這個(gè)位置一定要顯眼璧榄,UI要清晰明朗,眼睛看到大腦不用思考就能知道是干什么用的吧雹。有的APP也在底部Tab bar的中間設(shè)計(jì)一個(gè)“+”號(hào)骨杂,比如新浪微博。而另一個(gè)入口一般放在個(gè)人的Profile頁面雄卷,為什么在這個(gè)地方也需要放置一個(gè)入口搓蚪?Profile頁面是用戶對(duì)自己內(nèi)容的一些列管理,包括個(gè)人資料丁鹉、粉絲妒潭、Feed悴能,甚至“設(shè)置功能Setting”等等。在這個(gè)地方用戶擁有相對(duì)較多的控制感雳灾,是個(gè)人信息的產(chǎn)出地漠酿。如果將Feed流的主頁當(dāng)做是APP所有用戶呈現(xiàn)的公共頁面的話,那用戶的身份就是蕓蕓眾生其中的一位谎亩,擁有歸屬感记靡;而在個(gè)人的Profile頁面就是用戶的私密空間、個(gè)人的小天地团驱,用戶擁有操縱感,用戶可以在這里進(jìn)行產(chǎn)生內(nèi)容也可以刪除內(nèi)容空凸。所以兩個(gè)入口的設(shè)置都會(huì)提高用戶的參與度嚎花,讓用戶更快捷找到發(fā)布Feed的入口。
b.Feed的內(nèi)容:
Feed的發(fā)布內(nèi)容呀洲,有文字紊选、圖片、視頻道逗,或者幾者兼容兵罢,或者其中任意一種,F(xiàn)acebook是三者都兼容滓窍,而Instagram則是必須有圖片或者視頻卖词,文字描述不做硬性要求,以前也用過Twitter發(fā)布的Vine吏夯,它偏重于只發(fā)視頻和描述性文字此蜈。Feed的內(nèi)容呈現(xiàn)是社交的核心模塊,也是各大APP的競爭優(yōu)勢所在噪生。每個(gè)公司都會(huì)根據(jù)自己的實(shí)際情況裆赵,來決定到底支持哪種內(nèi)容,重點(diǎn)偏向于哪種內(nèi)容比較合適跺嗽。
在發(fā)布feed的同時(shí)战授,還有一些功能,如簽到桨嫁、感受/活動(dòng)植兰、提及好友、分享對(duì)象瞧甩、相冊(cè)分類钉跷、發(fā)布完成后會(huì)提示編輯建議等等完善性的功能,這些功能每一個(gè)拿出來都可以細(xì)說很久肚逸,篇幅原因爷辙,樓主在這篇文章側(cè)重的是Feed最基本的功能彬坏,所以先不做細(xì)說,待涉及到這塊內(nèi)容設(shè)計(jì)時(shí)再整體進(jìn)行說明膝晾,敬請(qǐng)期待栓始。
2.上傳Feed
準(zhǔn)備好內(nèi)容后就要開始上傳了,點(diǎn)擊類似“發(fā)送”的按鈕后APP會(huì)跳轉(zhuǎn)到Feed主頁血当,將用戶的注意力引導(dǎo)到Feed的內(nèi)容頁上幻赚,一是為了確保用戶將內(nèi)容上傳成功,因?yàn)檫@個(gè)會(huì)在上傳Feed過程中顯示一個(gè)進(jìn)度條臊旭,提示用戶進(jìn)程已經(jīng)到哪里了落恼。而Facebook在考慮到用戶在上傳視頻時(shí)等待時(shí)間過長,還有設(shè)計(jì)了一個(gè)快速上傳离熏,讓視頻以低質(zhì)量的形式上傳節(jié)約時(shí)間~
長傳完成之后:等待用戶停留在Feed的內(nèi)容頁佳谦,讓用戶繼續(xù)跟著內(nèi)容進(jìn)行操作,產(chǎn)生好友間或者與偶像間的互動(dòng)滋戳,模擬出現(xiàn)實(shí)生活中的社交場景钻蔑。而一個(gè)好的社交平臺(tái)就是悄無聲息地將用戶線下的社交狀態(tài)轉(zhuǎn)移到網(wǎng)絡(luò)上,讓人與人之間產(chǎn)生一種新型而又熟悉的社交方式奸鸯。
3.Feed的內(nèi)容呈現(xiàn)與對(duì)單個(gè)feed的操作
Feed內(nèi)容的呈現(xiàn)咪笑,主要是依賴用戶與好友間的產(chǎn)生的UGC,即自發(fā)產(chǎn)生的內(nèi)容來進(jìn)行互動(dòng)娄涩。為了活躍Feed的內(nèi)容窗怒,公司也會(huì)組織一些活動(dòng)去激發(fā)用戶的熱情,也有點(diǎn)類似于運(yùn)營同學(xué)說的促活蓄拣。還有一些就是根據(jù)用戶的數(shù)據(jù)兜粘,去給用戶推薦好友以及他們可能感興趣的內(nèi)容。這些做法都是為了讓Feed里面更熱鬧弯蚜,用戶在Feed所花的時(shí)間更多孔轴。當(dāng)然還有一些就是成果類的,比如廣告等碎捺。
對(duì)于單個(gè)feed的操作路鹰,有點(diǎn)擊查看詳情、點(diǎn)贊收厨、評(píng)論晋柱、分享、查看地點(diǎn)诵叁、小組雁竞、翻譯、more等等功能,知識(shí)要點(diǎn)也不少碑诉,具體頁面再分析吧彪腔。
4.查找feed內(nèi)容
當(dāng)發(fā)送完一系列的feed的時(shí)候,和查看完feed主頁后进栽。會(huì)出現(xiàn)兩個(gè)問題德挣,怎樣查找feed,這個(gè)查找feed包括查找自己的feed和查找別人的feed快毛。查找自己的feed格嗅,前文有提及,放在了用戶自己的Profile頁面唠帝,那個(gè)屬于用戶自己的小天地屯掖。在那里,除了對(duì)自己資料的管理襟衰,包括好友懂扼,發(fā)送feed的入口,設(shè)置等等右蒲,最大篇幅的呈現(xiàn)就是屬于自己的feed內(nèi)容。再次強(qiáng)調(diào)一遍赶熟,feed的內(nèi)容才是社交的核心所在瑰妄,現(xiàn)在也能明白為什么不管是在Feed的首頁還是在Profile頁面都將它以最大的空間進(jìn)行呈現(xiàn)了。
而關(guān)于查找別人的Feed映砖,一般采用的方法類似于查找自己的间坐,也就是進(jìn)入到別人的Profile頁面進(jìn)行查看。不同的是邑退,用戶對(duì)別人的Profile頁面只有查看權(quán)利而沒有編輯權(quán)(個(gè)別特殊的APP案例不在討論范圍內(nèi))竹宋。這也比較好理解,即人的本質(zhì)是自私的地技,每個(gè)人都是關(guān)注自己比較多的蜈七,對(duì)于別人,用戶想看到的是別人產(chǎn)生的對(duì)自己有利的消息莫矗,所以很多時(shí)候就側(cè)重于好友列表呈現(xiàn)和feed呈現(xiàn)了飒硅。另外,還需要提及的就是查看別人的Profile頁面要與查看自己的Profile頁面UI上盡量保持一致作谚,是為了減少用戶的思考三娩,形成慣性操作。
5.延伸功能完善
縱觀全局妹懒,再來看看雀监,可以支撐以上各功能的前提下,需要有搜索功能和好友系統(tǒng)眨唬,以及相應(yīng)的IM系統(tǒng)会前、通知系統(tǒng)好乐、#話題組織等等來支撐。到現(xiàn)在為止一個(gè)完整的Feed才呈現(xiàn)在我們面前回官。而每一個(gè)拆分開來都是一個(gè)需要深挖的點(diǎn)曹宴,你懂的~
總結(jié)來說,一個(gè)feed的基本功能一定要有以下幾個(gè)方面的功能進(jìn)行支撐:
準(zhǔn)備feed->上傳feed->feed的內(nèi)容呈現(xiàn)->對(duì)單個(gè)feed的操作:點(diǎn)贊歉提、評(píng)價(jià)笛坦、分享等->查找feed內(nèi)容->延伸功能完善:搜索、好友系統(tǒng)苔巨、IM版扩、通知系統(tǒng)、#話題組織等等
下期更新內(nèi)容:發(fā)布Feed的頁面應(yīng)該怎樣設(shè)計(jì)
敬請(qǐng)期待~