從零開始做社交功能

社交,一直是各大APP必爭之地,現在有幸接觸這一功能的設計,格外珍惜。團隊裡面藏龍卧虎,一直秉承著一顆謙卑的心態去做事,凡事喜歡自己查一遍資料想一遍之後拿著結果再去跟人商量。無賴創業團隊一切講究效率,有時候提出的方案並不算完美,卻是在有效的時間內考慮了公司的資金、團隊的資源、項目的緊缺各項因素情況下權衡得出的。有時候作為設計師的強迫症犯了,真的想重新優化一遍方案,讓自己內心更踏實。Feed,是社交的主要展現形式之一,今天開始著手這一功能的設計,希望能通過這一功能的設計過程記錄與反思,給各位童鞋一些參考,只做工作總結不涉及商業機密,遵守職業道德,望各位童鞋只針對設計部分進行提問。

在著手一個新的功能的時候,樓主以前的思路是「問題->解決」,現在嘗試一種新的設計思路「問題->質疑和反問->思考問題本身->拆解問題->分別解答」,嘗試一種優化的思維方式。

所以,當拿到這個題目的時候,樓主想的是:

什麼是社交,為什麼要做社交,什麼樣的產品適合做社交,社交為什麼以feed的形式進行呈現,有沒有更好的方式?

1.什麼是社交,為什麼要做社交,什麼樣的產品適合做社交?

今天從李笑來先生那學到一個觀點,樓主特別贊同。他說,如果我們腦子裡沒有那個概念的話,我們就傾向於不去想這個事情,語言對人有強大的反塑造能力。如果腦子裡面的一個概念不準確、或者沒有準確、正確的定義,那麼我們必然沒辦法準確、正確地思考下去。進而產生的連鎖反應是,因為定義不準確,所以思考範圍模糊,選擇依據缺失,進而行動錯誤……進而影響整個生活。這段話當場令樓主醍醐灌頂,有時候我們避免或者逃避去表達一件事情的時候,其中犯懶的因素也許是因為在腦海中我們也從來沒有理清楚過它的邏輯與定義,這又形成一種惡性循環,讓我們更不去表達,所以在做一件事的時候,先用精確的文字描述出來是幫助我們理清思維的一種比較有效的方法。那咱們來看看社交到底是什麼。

百度百科上講:社交 (社會上人與人的交際往來)

指社會上人與人的交際往來,是人們運用一定的方式(工具)傳遞信息、交流思想的意識,以達到某種目的的社會各項活動。當今時代,經濟和社會環境的變化使得人與人之間的交往顯得更加重要。因為我們只有不斷地與各類人員進行交往和信息溝通,才能不斷地豐富自己、發展自己、擴充自己。

從以上觀念去分析,作為一個社交產品,首先可以提供用戶一個讓他們想要的目的,接著提供一定的方式或者工具去促成雙方交往來,達到這樣的目的,而好的目的是可以豐富、發展、擴充用戶,讓用戶自動自覺地留下來,願意將時間花在產品上。

從這些維度去再去思考,什麼樣的產品適合做社交?市面上的APP大致可以分為以下四類,本身的社交類產品(目的就是用來對話溝通的,如微信、QQ、Facebook,普遍試用所有人)、工具類(可以將有相似需求的用戶聚集在一起,但用戶群體沒有社交類的那麼多,如美拍、攜程等)、媒體類(偏向於宣傳新聞,不適合相互的溝通,如今日頭條、搜狐等),平台類(偏重信息的傳遞,適合簡短的諮詢溝通不利於長期的關係發展,如淘寶、天貓、京東等)。這樣就可以分析出哪類的產品適合做社交,有可能做成什麼樣規模的社交,同時也影響著產品在後期的社交可能會以什麼樣的形式進行呈現。

2.社交以哪些形式進行呈現呢?

市面上社交功能,以Feed呈現為主,分析來看原因也比較明顯。想形成社交產品,那麼它的作用就是牽線搭橋、製造媒介。Feed百度百科的解釋為「滿足希望以某種形式持續得到自己更新的需求而提供的格式標準的信息出口」。也就是說Feed的重點是一種信息出口,而這種出口要地促成人與人之間的連接,形成互動,而feed是目前為止市面上最高效的方式,不管是以文字為主(知乎)、圖片(Instagram、Prisma)、視頻(Vine)或者混排的形式呈現的方式,只要用最簡單的操作,向下滑動手機或者滾動滑鼠就可以在極端的時間內瀏覽大量的內容,這就是它能風靡社交平台的很大一部分的原因,其它細節以後慢慢道來。

除了Feed,社交功能也以論壇與小組的形式進行呈現。但這類產品的用戶特徵比較明顯,很多直接將產品朝著商城方向發展,社交屬性便又降低了一些。但產品的方向不屬於交互設計師主要的工作範疇,而是偏向於由PM與公司的戰略發展機制所決定,如果有興趣的小夥伴可以繼續深挖。

總結來說,就是社交就是以一種方式讓人與人之間進行交流與溝通,達到一種雙贏的目的。Feed是現階段市面上驗證的最高效的一種溝通方式,所以如果做社交,七八成會朝著Feed的方式去進行發展。

下期更新內容:從Instagram與Facebook研究Feed的基本功能

敬請期待~

終有一天你會變得很棒,當然,我也是。

職場設計教程搶先看~一枚愛折騰、愛健身的設計師妹紙~

詳情請關注微信公眾號:Sophia的玲瓏閣,獲取更多有關交互、健身及其它相關信息。

推薦閱讀:

GUI 常用元素中英對照表 / 10. Text Field
GUI 常用元素中英對照表 / 6. Confirmation Popup
如何運用網格構建優秀的UI設計
GUI 常用元素中英對照表 / 7. Action Popup
GUI 常用元素中英對照表 / 8. Selection

TAG:社交網路 | 設計師 | 用戶界面設計 |