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

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è)計,讓用戶更好、更精準的操作。
- 目前還沒評論,等你發(fā)揮!