如Path的創(chuàng)始人Dave Morin所說，Path的第二個階段是要讓人們在人生道路上“抓住所有體驗”(capture all the experiences)。這款目前的私密社交應(yīng)用王者，在半年前對于UI系統(tǒng)的重新設(shè)計可謂是驚煞旁人。其人性化的設(shè)計理念與簡潔到極點的設(shè)計風格可以說是一本教科書，以至于雖然吸引了大批模仿者但是——在這一派風格中——始終無出其右者。

以下是一篇關(guān)于Path 2.0的UI系統(tǒng)的分析，從“個人頁面”、“他人頁面”、“分享機制”三個角度點評了Path2.0在UI設(shè)計上的亮點，附議大量配圖，非常的詳盡，各位工作中對UI設(shè)計有一定涉獵的讀者一定不可以錯過。

*該文源自網(wǎng)絡(luò)上傳播的一份PDF文件，互動中國嘗試尋找原作者未果，如果您是該文章的版權(quán)擁有者，請隨時通過網(wǎng)頁最下方的通訊方式與我們聯(lián)系。

Path2.0——移動社交網(wǎng)絡(luò)應(yīng)用說明

移動社交網(wǎng)絡(luò)：移動社交網(wǎng)絡(luò)Path發(fā)布第二代了！Google曾打算一億美元收購Path遭拒，可見非常牛。安裝完成后，只需簡單填寫個人信息，你就可以開始你的Path之旅啦！如Path的創(chuàng)始人Dave Morin所說，Path的第二個階段是要讓人們在人生道路上“抓住所有體驗”(capture all the experiences)。

Path 2的UI設(shè)計相當出色。向右滑動會出現(xiàn)設(shè)置頁，向左滑動會出現(xiàn)添加好友頁（可通過通訊錄、Facebook添加，或通過郵件邀請），向上向下滑動后，會出現(xiàn)一個時間軸(timeline)，方便地提示你當前查看的Path(即自己或好友的分享)是何時發(fā)出的。最核心的是左下角的紅白色加號按鈕，點擊后會出現(xiàn)6類功能，依次是：照片、和誰在一起、當前地點、在聽的音樂、在想的事情、以及睡眠，使用起來得心應(yīng)手，十分方便。你不僅可以和Path好友分享，還能把你的分享發(fā)布到Facebook或Foursquare等網(wǎng)站上。

和之前版本相比，Path 2從側(cè)重照片分享走向“分享一切”、好友上限從50人增加到150人、長途旅行以后，Path還會自動利用位置功能幫你發(fā)布“已達某地”信息（可在設(shè)置里關(guān)掉）。

總體分析此應(yīng)用結(jié)構(gòu)：

導(dǎo)航title有3種：

 以“path” 為titlebar文字的首頁

以人名為titlebar的個人主頁

以地址、歌手名、發(fā)布時間為titlebar文字的信息詳情頁

沒返回按鈕，而是在按鈕上以title文字作為導(dǎo)航，也比較清楚的指導(dǎo)用戶上一級是哪個頁面。另外，工具欄縮略成一個“+”圖標，以動態(tài)有趣的方式展示，也是其交互一大亮點。

初次進入沒有登錄前的引導(dǎo)頁面，拖到最底部效果：

亮點1：拖動過程中，遇到有信息的地方，都會浮動動態(tài)顯示該信息的發(fā)布時間。

注冊頁面，登錄頁面：

注冊頁面輸入信息很多，故設(shè)計上規(guī)避了傳統(tǒng)的輸入框的樣式，而是采用了筆記本條紋欄的樣式，以簡化視覺元素；在性別和年齡的設(shè)置上，采用小一號的字體，弱化展示也節(jié)省了頁面是所有信息在鍵盤上方都能完全顯示，方便注冊輸入。

注冊后選擇頭像，設(shè)置名字：

登錄過程頁面，登陸成功-path首頁：

亮點2：點擊左下角的“+”圖標，從下至上弧形展開操作圖標，“+”圖標變?yōu)?ldquo;x”圖標；點擊每個圖標，都會以放大漸隱該圖標的動態(tài)來進入當前信息發(fā)布操作頁面。長按頁面任意位置或“x”圖標，則旋轉(zhuǎn)收回所有的圖標還原為默認的收起樣式。

標簽： UI設(shè)計 Path2.0UI設(shè)計 交互設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。