讓SNS更私人化 Path 2.0的華麗轉身
Path公司的副總裁Matt Van Horn稱:“因為Path是為用戶的密友、家人所建立起來的一個小型社交網絡,所以人們會樂意分享更為親密的內容。”
他還表示,盡管一些生活細節如果展現給公眾會看起來很俗套,但是和親密的人分享卻可能帶來亮點。該應用最初定義為一款與密友和家人分享照片和視頻的軟件,隨后,它以“智能雜志”的面貌重新發布,旨在使用戶分享更多的生活內容。重新發布后,該軟件迅速獲得了市場好評和用戶的贊同。
據悉,以Path應用軟件為代表的大量應用軟件會記錄用戶的習慣,如最中意的場所,對其頻率進行識別并發布到用戶的網上賬戶上,如“Path”上,使此社交圈的好友都能看到。
受到牛津大學教授、人類學家Robin Dunbar的啟發,Path將用戶的社教上限設定為150人。這是一個人可信賴交際圈的上限。普通的Path用戶擁有五到十個好友。自其重新發布以來,Path的日使用人數已經增長了30倍。
path 2.0驚艷了很多人吧。敢于拒絕google一億美金的收購,果然有留一手。她的創始人Dave Morin說新版不久就已經超過150萬人下載,而老版一年才突破了100萬關口。用戶一天內在新版分享的內容超過老版一年的內容。path2.0之后帶來的用戶量和活躍用戶的暴增***的功臣莫過于界面設計和體驗上的不俗表現:
1、產品定位的轉變引發UI設計的調整
path1.0的時候大家似乎還沒有看出她和instagram等等一系列社交軟件明顯的差異化。path2.0已經將定位清晰表達出來了:和親密好友分享生活日記的app(Path is the smart journal that helps you share life with the ones you love)。
雖然她在可添加好友數量從50暴增到150,但無論是睡眠、起床之類的個人信息分享,強化的timeline feed樣式,還是只有昵稱沒有頭像的簡約,都傳遞出她希望和親密的人分享自己生活日記這一中心。
在界面表達上,設計師也傳遞著這一核心定位:

對比path1.0的圖標,2.0在UI上做了日記本隱喻的處理

loading時候,如日記本打開的翻頁效果#p#
2、突破iOS瓶頸的架構方式

path1.0 vs. path2.0
在整個path的改版中,最為驚艷的還是她突破ios的一些制約,創新的一些架構模式。
在path1.0時,底部還是采用非常傳統的tab導航方式。架構上也普普通通沒有新意。

由于手機屏幕尺寸和手指碰觸的限制,44*44像素的最小觸碰尺寸造成了底部導航tab只能放少于等于5個。這對于功能的擴展造成了限制和瓶頸。
path2.0完全顛覆了iOS guild line的模式,采用三屏模式(左屏、主屏、右屏)

同時架構上凸顯了這種方式具有的極好的擴展性。


可以假想,path在設計之初也面臨添加各種其他動能(比如音樂、地點、和誰在一起、起床睡覺)時候面臨,中間的拍照鍵不好滿足的情況。因此,采用這種三屏模式,極簡了主頁面,主屏僅留下feed展示,和添加功能。將導航放入左側的屏幕,增加了未來的可擴展性,同時也保證主屏幕清晰的內容:動態展現和添加我的動態,還有***的消息提醒。

她深知對于消息來說,新增的消息才是重點。一方面在主屏底部顯示了***一條消息的摘要和未讀消息的數量,另一方面把全部消息收在左屏的activity里面。#p#
3、timeline的影響
好吧,path的創始人來自于Facebook,path2.0出場的一剎那我們就看到了Facebook的timeline的影子。Facebook的timeline也出現的在終端上了,和path幾乎一模一樣。先不去爭辯究竟是誰抄襲的誰。path在feed的展示上格外強調時間線的展示方式。

在手指拖動屏幕向下滾動的同時,右側浮現各個feed分享的時間,時鐘動態的顯示回轉,強化了時間線(timeline)。#p#
4、更加直觀的表達
交互設計中,所見即所得(WYSIWYG)對于用戶來說是一種最容易學習的交互模式。

新手任務中,用戶需要添加個人cover。添加的個人信息,即時的在當前位置表達、編輯信息。之后的展示上也采用一致的布局,讓用戶非常清晰了解到所輸入的內容結果如何,也算是“操作前結果可預知”的體現。
社會化網絡的兩大精髓:表達自我,了解他人,在個性化cover上表現的***。
另一個方面是手勢的直接表達。path摒棄了除了點擊(tap)以外的其他手勢。對于滑動顯示等其他手勢來說,點擊(tap)才是最直觀的、優于其他操作的手勢。
主屏左下角的+絕對是亮點。有沒有想過為何放在左下角?又為什么采用弧形展開?僅僅是為了追求炫目的效果么?

其實對于手勢來說,多數人都使用右手為利手,同時使用右手拇指單手操作。那么方便的可觸碰區如下圖:

右手利手的拇指可觸碰區

圖中的easy區是容易操作的區域,且成弧度展示。對于展開的6種功能平等且易操作的展示。那么path2.0的主操作,放置在左下角,采用弧度展開也有依據的。并且,她在同一個位置展開后,轉變為×號,復用位置,節約操作空間。
除此之外,path2.0在動畫效果展示上也極富愛心。loading的翻書動畫,圖片upload效果,音樂播放的從大到小展示,都讓path的體驗變得卓越。