提到Path這款應用,人們往往首先會想到它美麗的設計和豐富的細節。但是卻往往有一種“叫好不叫座”的意味,最近Path有所行動,更新了4.0版本,意圖改變被用戶忽視的局面。我自己雖然不是Path的老用戶,但是我喜歡每一個用熱忱的心態構建產品的團隊。
Path更新后,我決定設計細節系列再更新一期關于Path的,希望你們能夠喜歡這些Path的小細節。
各位要記住構建這款美麗應用的設計師: Dustin Mierau and Ed Kim下面我來羅列一下Path 4.0中我最喜歡的一些細節。
1. 模態窗口登錄
Path的這種彈出設計,能夠取悅新用戶,蹦出和下落給予了應用活力感。但是這種效果不是曇花一現,Path將其上升到了設計語言一般的高度,在應用中很多地方,也采取了這種彈出動效,非常的一致。
2. 引導頁設計
平滑的引導流程,簡約至極——簡簡單單的附上必要信息,完成3步后,模態窗口便下落消失,然后在屏幕下方中央的主要按鈕中,便出現了用戶教學提示框。你可以感到設計者在用戶教學上是下了很大功夫的,尤其是 彈出的提示框。
Create a moment - 這個提示讓新用戶可以按照流程來分享生活中的美好瞬間——非常的有生活氛圍感,我很喜歡。
3. Path的招牌動效
我還記得Path剛出來的時候——它的按鈕圓盤彈出動效轟動一時。我當時盯了屏幕好久,琢磨了半天這幫人是怎么做出來的。Path 4.0中,對招牌動效進行了細微改動,但是效果依然很悅人。
點擊 ‘+’按鈕,便能打開彈出菜單,顯示出你可以分享的不同類內容。充滿愉悅的外彈效果,仿真般的旋轉。雖然動效可能會比較耗費時間,但是對于新用戶來說,所能帶來的驚奇感是不言而喻的。
4. 用戶教學
Path的細節設計引人入勝,模態窗口的用戶教學非常統一。當新用戶打開新標簽時,這一窗口就出現,給予用戶上下文提示。讓用戶可以熟悉的操作Path,讓應用體驗具有整體感,這是很多產品設計師需要考慮的問題。
注意:模態窗口下落的動效和前文依然非常一致。
5. 個人頁的漸隱(網速問題,壓縮的比較過)
已經有很多應用采用這種滾動+漸隱的技術——交互性非常棒,這是Path的版本。當你在個人頁下拉的時候,個人資料會緩緩的漸隱,最后被一個標頭“Me”取代
同時要留意的是背景照片的高度變化,最后成為窄窄的一條,緊挨著狀態欄,感覺非常棒!
6. 點贊交互
Path 有著友好的、愉悅的方式來點贊——提供了精美的表情,用來定制化點贊(大部分的點贊表情是需要購買的)。注意表情依次彈動的方式非??砂?。

作者:admin


現在致電 400-600-6045 OR 查看更多聯系方式 →

Go To Top 回頂部