App細節設計系列:Secret for iOS

1 評論 10218 瀏覽 2 收藏 7 分鐘

匿名私密分享應用Secret在硅谷以及互聯網上掀起了一股新熱潮水。這款應用由前谷歌員工Chrys Bader和David Byttow創辦,是一個可以匿名與朋友分享自己所思所想的私密社交平臺。

用戶需要用電子郵件和電話號碼進行注冊,注冊成功后它會獲取用戶手機通訊錄數據,從而確定其社交圈。你可以在上邊秀幸福,也可以吐槽不滿,但你的朋友們卻無法知道發布人是誰,除非特別熟悉的朋友憑感覺猜測。如果有朋友回復了你的帖子,或者加入了Secret,手機都會給你提示,當然你也可以邀請好友加入。Secret有點類似私密好友的分享平臺Path,不過不同的是這款應用弱化了人在社會中的關系。

Secret目前存在一個值得探討的地方,那就是基于朋友/熟人的匿名社交分享的價值所在,用戶粘性如何,以及在國內能不能找到一個落腳點,這些都有待繼續觀察。

目前,用戶對Secret的評論有好有懷,有人認為這款應用讓用戶找到了一種新的表達和宣泄方式,比如向心儀的人表達情感,在朋友之間制造點有趣的小秘密,而也有人認為這款應用滋生了惡意攻擊和詆毀,讓更多受到攻擊的用戶離開這個平臺。不過我們暫且不討論這些,我們今天從設計角度分析下這款應用的亮點所在。雖然我可能不會是這類應用的忠實用戶,但上手體驗了下這款應用,用戶界面和交互設計還是有不少亮點的。

以下是Secret for iOS中值得分享的設計亮點:

1.查看一條Secret

點擊一條secret查看評論會有一個非常有趣的交互效果,卡片(幻燈片)滑動至屏幕頂端,優雅地把狀態欄推出視線范圍。

2.滾動查看評論

點擊Secret頁面上右下角的氣泡可查看其它人的評論。向上滑動頁面查看評論,評論上方的圖片會漸漸消褪變得模糊,圖片上的文字也會變得模糊。

3.全屏滾動

這個交互動作跟第二條一樣,但是這次我們是要看整個評論頁面。如果頁面上僅有少數幾個評論,向上滑動頁面,評論上方的圖片和文字會消褪模糊。這時停止向上滑動松開手指,評論上方的圖片會恢復至初始狀態,并略帶彈動效果。

如果頁面上有多個評論,向上滑動頁面,評論占滿整個頁面,而變模糊的圖片則會變成窄窄的一條停留在屏幕頂端,有利于用戶對內容的關注。

4.編寫帖子時的背景處理–色彩

此前對于編寫環境的處理一般是添加開關或者下拉菜單,這樣用戶就能選擇自己喜歡的背景顏色或者紋理。而Secret允許用戶通過水平滑動界面來更改背景色。

5.編寫帖子時的背景處理–紋理

用戶編寫帖子時,可在水平方向上左右滑動更改帖子的背景色,而豎直方向上的上下滑動則可為帖子選擇紋理背景。

6.水平方向上調整幻燈片的模糊度

這個細節設計的非常巧秒,但有時也很容易被忽略。如果你上傳照片作為帖子的背景,水平滑動照片則可改變照片的模糊度,一來可以提高整體的優雅度,二來更加符合這款應用的本意–匿名私密社交。

7.豎直方向上調整幻燈片的飽和度

這款應用把很多對圖片的處理融入到了手勢交互中,比如水平上可調整幻燈片的模糊度,而豎直方向上則可調整幻燈片的飽和度。

8.隱藏和舉報

首次使用Secret,app會引導你進行各種各樣的手勢操作,熟悉每個按鈕的功能和意義。點擊頁面中間的省略號,可展示“隱藏和舉報”某個特定的帖子。不過你可以從右至左滑動屏幕調出“隱藏和舉報”功能,而不用點擊屏幕中間的“…”。并且在此過程中,幻燈片也會變得模糊,從而幫用戶關注當前的對話框。

如果你發現了更多有趣的設計細節,歡迎分享。

原文:Design Details: Secret for iOS

來源:http://www.cocoachina.com/appstore/case/2014/0213/7815.html

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 文章標題是for ios,你配了一個nexus的圖片?

    來自上海 回復