目錄

一、馬蜂窩 — 人性化設(shè)計識別文章地點

二、微博 — 社區(qū)游戲化設(shè)計提升互動率

三、QQ — 通過手勢消除未讀消息

四、最右 — 情感化設(shè)計保護用戶隱私

五、抖音 — 深夜提醒貼心的功能

六、網(wǎng)易音樂 — 把分享游戲化

七、QQ音樂 — 歌詞沉浸式體驗

八、盯潮 — 趣味性banner輪播，增加用戶點擊

一、馬蜂窩—人性化設(shè)計識別文章地點

產(chǎn)品體驗

在馬蜂窩任意文章中，如果出現(xiàn)地區(qū)則可以通過當前頁面對地區(qū)進行提取

目標

減少用戶操作路徑，降低產(chǎn)品使用成本

設(shè)計思考

日常在各個平臺瀏覽文章時大家都會遇到在文章內(nèi)會出現(xiàn)一些如地名、人名、物品等相關(guān)名詞，此時如果對名詞感興趣則需要切換場景去進行搜索，而馬蜂窩在這方面深入洞察到用戶痛點，基于旅游社交產(chǎn)品背景下在添加地點直達（包含多個地點）功能，解決了對景點感興趣的用戶使用體驗。

延伸設(shè)計

根據(jù)馬蜂窩這個人性化功能，是否可以在不同的產(chǎn)品內(nèi)進行應(yīng)用，如在一些游戲社區(qū)中所提到的虛擬裝備、道具等物品添加彈窗簡要說明，幫助新手玩家快速理解玩法、功用等

二、微博—社區(qū)游戲化設(shè)計提升互動率

產(chǎn)品體驗

在微博動態(tài)詳情中進行長按點贊觸發(fā)動畫

目標

通過游戲化點贊玩法激勵用戶進行互動，提升互動率

設(shè)計思考

打破傳統(tǒng)點贊動畫，微博設(shè)計動效采用大膽創(chuàng)新的全屏動畫并搭配上散發(fā)的微表情，在長按與連點兩種手勢下動效規(guī)律不同，消除用戶枯燥感，微博作為國內(nèi)最大社交平臺，頁面展示上已經(jīng)形成用戶深刻認知，在不影響基本風格上進行彩蛋設(shè)計有效的提成用戶互動率

三、QQ—通過手勢消除未讀消息

產(chǎn)品體驗

在qq聊天頁面中對底部消息氣泡進行拖動，消除所有未讀消息

目標

提升用戶操作效率和使用體驗

設(shè)計思考

qq作為社交工具，每位用戶都會添加大量人、群以及關(guān)注各種推送，在這種場景下用戶每條消息都去操作需要花費大量時間，QQ把傳統(tǒng)的消息已讀以一種簡單的交互手勢作為代替，相對全部已讀在操作上更佳便捷

延伸設(shè)計

通過qq的這個交互細節(jié)，在其他產(chǎn)品場景中同樣適用，如一些音樂、電臺相關(guān)的產(chǎn)品在離開播放頁面后播放狀態(tài)會懸浮在頁面之上，如果關(guān)閉的話則需要點擊暫?；蛘哌M入詳情后關(guān)閉，也可以考慮使用拖動手勢進行關(guān)閉

四、最右—情感化設(shè)計保護用戶隱私

產(chǎn)品體驗

在最右登錄頁面輸入密碼時ip形象會出現(xiàn)捂眼睛動作

目標

強化用戶隱私和心理信任感

設(shè)計思考

日常在使用一些敏感性操作時我們都會注重隱私，如一些表單的填寫、密碼輸入等相關(guān)操作，最右在登錄頁面使用到了ip形象的動作去向用戶傳遞心理上的暗示，這種手法很好的把品牌曝光與體驗相結(jié)合

五、抖音—深夜提醒貼心的功能

產(chǎn)品體驗

長時間刷抖音時會系統(tǒng)會提示，在深夜使用時會支持設(shè)置提醒時間

目標

防止用戶疲勞使用產(chǎn)品，定時緩解注意力

設(shè)計思考

在使用抖音時大家可能會經(jīng)常深陷其中無法自拔，往往忽略了時間影響身體健康，提醒機制則在深夜不同時間段進行間接提示，雖然在用戶體驗中不提倡打擾用戶，但在短視頻這個場景下如果過渡沉浸便會造成反向影響

六、網(wǎng)易音樂—把分享游戲化

產(chǎn)品體驗

在網(wǎng)易音樂對某首音樂進行分享時可以對音樂進行個性化定制，對歌曲進行編輯添加文字、圖片、語音等以視頻方式呈現(xiàn)

目標

把分享以一種偏游戲化的形式呈現(xiàn)，提升用戶分享率

設(shè)計思考

傳統(tǒng)分享基本是直接讓用戶分享到第三方平臺，而網(wǎng)易音樂這個設(shè)計把分享場景進行多元化處理，以定制音樂罐子為切入點，用戶自由編輯個性化處理裝進罐子進行分享，是一種視頻剪輯融合音樂的一種新玩法，破圈傳統(tǒng)枯燥的分享場景，提升用戶分享率

七、QQ音樂—歌詞沉浸式體驗

產(chǎn)品體驗

在音樂歌詞頁面中可以支持設(shè)置歌詞主題

目標

新穎的呈現(xiàn)手段，強化用戶沉浸式聽歌

設(shè)計思考

傳統(tǒng)的音樂產(chǎn)品在詳情頁面展示了一屏歌曲歌詞，面對大量的文字用戶在尋找某段歌詞時效率不是很高，對大量的字段也極為枯燥，而qq音樂使用了創(chuàng)新的展現(xiàn)形式，把手機主題概念融入歌詞中達到新的視覺體驗，根據(jù)不同的主題對應(yīng)的動畫也不同，大大的提高了用戶的視聽體驗

八、盯潮—趣味性banner輪播，增加用戶點擊

產(chǎn)品體驗

在盯潮首頁banner處對其進行拖動甩出

目標

通過交互玩法提升用戶對banner的點擊

設(shè)計思考

banner在頁面通常點擊率較低，用戶會默認為廣告，在盯潮內(nèi)滑動banner時會發(fā)現(xiàn)banner可以進行拖動，并且松開時會自由掉多，把傳統(tǒng)的banner切換做出了可玩性更高的效果，同時這個設(shè)計手段也能吸引用戶注意力引導(dǎo)用戶對banner進行點擊

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司