App細節(jié)設(shè)計系列:Skype for iOS

0 評論 10224 瀏覽 7 收藏 6 分鐘

Skype for iOS?上周發(fā)布了針對iOS的5.0升級版。作為Google+ Hangout/Facetime的重度用戶,我對Skype不是很熟悉。但是這次升級的很多細節(jié)讓人驚喜,每一位設(shè)計師都應(yīng)該研究一下。

下面是Skype for iOS中我最喜歡的細節(jié):

1. 選擇個人照片

Skype采用了這種彈性十足的動效作為導航和菜單的設(shè)計模式。這個gif展示了當你上傳個人照片時,彈出菜單的效果——注意彈性、形變效果。

2. 登錄

這個gif需要多看幾次,才能捕捉全部細節(jié)。首先是加載指示器的動效,流動感十足,讓人感到很新鮮。

完成用戶名輸入后,新的界面從右側(cè)滑入,云朵和用戶個人照片像氣泡一般彈出。讓用戶感到非常滿意。

3. 添加聯(lián)系人

這個界面是Skype精細設(shè)計的又一體現(xiàn),還是采用了那種菜單彈出的設(shè)計模式。動效的愉悅感很強,不過不得不說,看久了會有點煩。

交互效果必須恰當、有所收斂,不宜過多干擾用戶,也需要有小亮點愉悅用戶,希望Skype設(shè)計團隊能在后繼版本中有所行動。

4. 界面轉(zhuǎn)換

這種流暢的動效也被作為設(shè)計模式,在Skype中廣泛采用。當你切換界面時,新的界面會彈出——如果你仔細觀察動效,你會發(fā)現(xiàn)新彈出的界面的彈動會稍微超出屏幕范圍,然后再調(diào)整回來。

還有一點值得注意的是,在新界面彈出的同時,舊界面會漸隱,Z軸下沉,整體的細節(jié)非常精致,體驗不錯。

5. 另一版界面轉(zhuǎn)換

為了闡述上面的細節(jié),我又錄了一屏,我們可以看到彈出、漸隱、滑動等效果的組合。

6. Skype credit表情

一方面,這個“聊天中”的標簽充分體驗了應(yīng)用的個人化,讓支付體驗不同尋常。但另外一方面,這種視覺風格在當今扁平化浪潮中,稍顯過時。

也許Skype經(jīng)過了很多用戶測試才選擇這種風格吧,只求最高的轉(zhuǎn)化率。

7. 滑動導航

這是新版Skype應(yīng)用中我最喜歡的一部分——滑動導航。你需注意在滑動時,標題處云朵和天空背景的變化。

這種視差式的導航感覺很美妙。希望開發(fā)者和設(shè)計師能夠?qū)W習一下這種設(shè)計模式。

8. 在信息中添加附件

這個gif需要多看幾次。當你需要添加附件時,點擊“別針”圖標,它會變成“X號”圖標,同時“發(fā)送”按鈕漸隱,防止用戶在沒有添加完附件前發(fā)送信息。

按鈕根據(jù)用戶所處的操作流程/操作而改變,不錯的防錯措施。

9. 錄制視頻

如果需要在信息中添加錄制的視頻。那么在錄制時,會有個彈出提示框告知你如何操作。氣泡風格的提示框和應(yīng)用的設(shè)計語言契合——氣泡、彈動、圓弧之美、云朵——同時還極具個性化。

10. 開啟新會話

當我創(chuàng)建新信息時,我發(fā)現(xiàn)了又一個設(shè)計細節(jié)。當我選擇聯(lián)系人的時候,“發(fā)送”按鈕圖標又變成了“對勾”圖標,又一個防錯措施,相信也是Skype經(jīng)過用戶測試后所作出的交互設(shè)計,讓用戶更好、更精準的操作。

來源:UI中國(譯者:MartinRGB(微博))

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!