3、timeline的影響
好吧,path的創(chuàng)始人來(lái)自于Facebook,path2.0出場(chǎng)的一剎那我們就看到了Facebook的timeline的影子。Facebook的timeline也出現(xiàn)的在終端上了,和path幾乎一模一樣。先不去爭(zhēng)辯究竟是誰(shuí)抄襲的誰(shuí)。path在feed的展示上格外強(qiáng)調(diào)時(shí)間線的展示方式。
在手指拖動(dòng)屏幕向下滾動(dòng)的同時(shí),右側(cè)浮現(xiàn)各個(gè)feed分享的時(shí)間,時(shí)鐘動(dòng)態(tài)的顯示回轉(zhuǎn),強(qiáng)化了時(shí)間線(timeline)。 4、更加直觀的表達(dá)
交互設(shè)計(jì)中,所見(jiàn)即所得(WYSIWYG)對(duì)于用戶來(lái)說(shuō)是一種最容易學(xué)習(xí)的交互模式。
新手任務(wù)中,用戶需要添加個(gè)人cover。添加的個(gè)人信息,即時(shí)的在當(dāng)前位置表達(dá)、編輯信息。之后的展示上也采用一致的布局,讓用戶非常清晰了解到所輸入的內(nèi)容結(jié)果如何,也算是“操作前結(jié)果可預(yù)知”的體現(xiàn)。
社會(huì)化網(wǎng)絡(luò)的兩大精髓:表達(dá)自我,了解他人,在個(gè)性化cover上表現(xiàn)的淋漓盡致。
另一個(gè)方面是手勢(shì)的直接表達(dá)。path摒棄了除了點(diǎn)擊(tap)以外的其他手勢(shì)。對(duì)于滑動(dòng)顯示等其他手勢(shì)來(lái)說(shuō),點(diǎn)擊(tap)才是最直觀的、優(yōu)于其他操作的手勢(shì)。
主屏左下角的+絕對(duì)是亮點(diǎn)。有沒(méi)有想過(guò)為何放在左下角?又為什么采用弧形展開(kāi)??jī)H僅是為了追求炫目的效果么?
其實(shí)對(duì)于手勢(shì)來(lái)說(shuō),多數(shù)人都使用右手為利手,同時(shí)使用右手拇指單手操作。那么方便的可觸碰區(qū)如下圖:
右手利手的拇指可觸碰區(qū)
圖中的easy區(qū)是容易操作的區(qū)域,且成弧度展示。對(duì)于展開(kāi)的6種功能平等且易操作的展示。那么path2.0的主操作,放置在左下角,采用弧度展開(kāi)也有依據(jù)的。并且,她在同一個(gè)位置展開(kāi)后,轉(zhuǎn)變?yōu)椤撂?hào),復(fù)用位置,節(jié)約操作空間。
除此之外,path2.0在動(dòng)畫(huà)效果展示上也極富愛(ài)心。loading的翻書(shū)動(dòng)畫(huà),圖片upload效果,音樂(lè)播放的從大到小展示,都讓path的體驗(yàn)變得卓越。
The End
Thanks for kiwi‘s illustrations.
原文:http://www.zhangyq.com/path2-0/
本文鏈接:http://m.95time.cn/design/doc/2011/8724.asp
出處:用戶體驗(yàn)與交互設(shè)計(jì)
責(zé)任編輯:bluehearts
上一頁(yè) path 2.0的華麗轉(zhuǎn)身 [1] 下一頁(yè)
|