對(duì)很多剛開始做產(chǎn)品經(jīng)理的小伙伴而言，學(xué)習(xí)優(yōu)秀的產(chǎn)品是如何設(shè)計(jì)的，是一個(gè)快速成長(zhǎng)的好方法。這篇文章，作者整理了QQ這個(gè)產(chǎn)品上的15個(gè)彩蛋，有交互的，也有功能上的，值得大家學(xué)習(xí)思考。

當(dāng)談到中國(guó)互聯(lián)網(wǎng)時(shí)，很難不提及一款具有深遠(yuǎn)影響的產(chǎn)品——QQ。自問(wèn)世以來(lái)，QQ不僅僅是一款即時(shí)通訊工具，更是一種社交現(xiàn)象，成為無(wú)數(shù)人網(wǎng)絡(luò)生活中不可或缺的一部分。

今天我們將對(duì)QQ的設(shè)計(jì)案例進(jìn)行盤點(diǎn)與分析，深入探討它所蘊(yùn)含的設(shè)計(jì)哲學(xué)和用戶體驗(yàn)原則。

一、交互體驗(yàn)類

?? 精髓點(diǎn)總結(jié)：

• 學(xué)會(huì)用趣味性交互 / 新的設(shè)計(jì)手法給用戶帶來(lái)新鮮感
• 對(duì)用戶重要/常用的功能可以設(shè)置快捷操作，增加操作效率
• 模擬真實(shí)生活/環(huán)境的設(shè)計(jì)，能有效提升用戶的理解能力

1. 這樣長(zhǎng)按表情就能發(fā)起轟炸？真好玩

之前QQ更新了表情玩法，長(zhǎng)按某個(gè)表情并拖拽至屏幕上方時(shí)，只會(huì)觸發(fā)該該表情的連續(xù)抖動(dòng)與數(shù)量疊加，以此示意選擇了N個(gè)該表情，特別有意思。

豐富聊天的趣味性與產(chǎn)品的可玩性，促進(jìn)好友之間的情感交流。突顯產(chǎn)品的個(gè)性化服務(wù)與對(duì)用戶的重視程度

2. 不愧是QQ，居然想到用這樣的方式清除消息

QQ里的【清除未讀消息】設(shè)計(jì)得特別有意思，只需要手指按住‘?dāng)?shù)量徽標(biāo)’并持續(xù)往外拖動(dòng)，即可一鍵清除所有的消息提示，拖拽動(dòng)效也很順暢。

相對(duì)于傳統(tǒng)的消息清除方式，手勢(shì)拖拽的操作效率更高，通過(guò)這種小細(xì)節(jié)提升用戶對(duì)產(chǎn)品的印象（特別是對(duì)于新用戶來(lái)說(shuō)），突顯產(chǎn)品的個(gè)性化服務(wù)與對(duì)用戶的重視程度

3. 拔河式下拉loading？這么有趣的交互誰(shuí)想的？

QQ空間是以’拔河比賽’的形式來(lái)加載loading，而且可以跟隨機(jī)分配的網(wǎng)友來(lái)一場(chǎng)緊張刺激的游戲：點(diǎn)擊‘開始拔河’按鈕后瘋狂地向下劃動(dòng)屏幕，保證綁在繩子上的絲帶超過(guò)對(duì)方即可獲勝，特別有意思

增加loading加載的可玩性，減少因加載過(guò)久給用戶帶來(lái)的焦慮。且更多大廠案例分析，可搜索 有蛋案例，同時(shí)突顯產(chǎn)品的個(gè)性化服務(wù)和互動(dòng)性，

4. 拖拽圖片即可發(fā)送了？這個(gè)交互牛！

QQ里的圖片發(fā)送很有意思，只要按住想要發(fā)送的圖片并往上拖動(dòng)，松手即可發(fā)送。不用像傳統(tǒng)的’先選中圖片，再點(diǎn)擊發(fā)送按鈕’，特別方便

對(duì)于發(fā)送單張圖片來(lái)說(shuō)，免去了常規(guī)的跳轉(zhuǎn)頁(yè)面調(diào)取相冊(cè)的多余步驟，大大提升操作成本

二、視覺傳達(dá)類

?? 精髓點(diǎn)總結(jié)：

• 跟隨熱點(diǎn)輸出應(yīng)景的設(shè)計(jì)，能提升戶的活躍與新鮮感
• 站內(nèi)UI元素不應(yīng)該是固定，特殊的信息允許用戶更改
• 做設(shè)計(jì)不應(yīng)謹(jǐn)遵規(guī)范或組件的，需要聯(lián)合現(xiàn)實(shí)生活打破想象

5. 這么有趣的中秋晚安彩蛋，不虧是QQ

2021年中秋節(jié)左右，在QQ里發(fā)送「晚安」的emoji 會(huì)觸發(fā)一段很有濃厚的“月滿中秋送月餅”的動(dòng)畫，濃厚的節(jié)日氛圍讓人眼前一亮應(yīng)時(shí)應(yīng)景。

通過(guò)這個(gè)彩蛋，QQ提高了用戶的使用體驗(yàn)和參與度。更全/更細(xì)8種維度解讀：youdananli.com 這個(gè)彩蛋在一定程度上吸引了用戶留在QQ平臺(tái)，同時(shí)提高了用戶的粘性。此外，彩蛋也可以增加用戶對(duì)產(chǎn)品的好感度。

做到这三点挑战，产品经理只会不断升值

好的产品经理是很稀缺的，懂用户、懂商业、懂数据的产品经理走出互联网，依然是抢手货。相反，如果只做简单传话、低效执行、浅层思考的产品经理，恐怕走不过未来3-5年的洪流。

查看详情 >

6. 用戶可自定義更改此時(shí)心情？用意何在

QQ新版本的「消息列表」頁(yè)面，雙擊底部的圖標(biāo)會(huì)出現(xiàn)各種生動(dòng)有趣的表情動(dòng)效。用戶可以根據(jù)自己的心情更換不同的消息圖標(biāo)，給用戶創(chuàng)造一種小驚喜

通過(guò)這種「自定義」設(shè)計(jì)給用戶帶來(lái)新鮮感，使在接受與點(diǎn)擊消息時(shí)有不一樣的體驗(yàn)與心情，提升聊天體驗(yàn)與產(chǎn)品的個(gè)性化服務(wù)，且如果覺得設(shè)計(jì)沒靈感，可以上有蛋案例 瀏覽更多創(chuàng)意

7. 用‘標(biāo)尺’來(lái)代表選擇日期，不虧是QQ

QQ查找聊天記錄的日期組件挺有趣的，是以滑動(dòng)標(biāo)尺的形式來(lái)選擇日期，顛覆傳統(tǒng)日期選擇組件的認(rèn)知，特別有意思。

傳統(tǒng)的日期選擇組件通常以垂直或日歷的形式呈現(xiàn)，選擇起來(lái)比較繁瑣，對(duì)于大量聊天記錄的用戶來(lái)說(shuō)非常不方便。而QQ的水平時(shí)間線設(shè)計(jì)讓用戶更加容易選擇具體的日期，提高了操作的效率。

8. QQ里的聯(lián)系人圖標(biāo)還會(huì)向左、向右看？

早期qq上的’聯(lián)系人’圖標(biāo)，里面的人物眼睛會(huì)隨著點(diǎn)擊左右兩邊的圖標(biāo)而看向?qū)?yīng)的方向。點(diǎn)擊’消息’圖標(biāo)則眼睛看左，點(diǎn)擊’動(dòng)態(tài)’圖標(biāo)則眼睛看右，是一個(gè)很細(xì)心的圖標(biāo)設(shè)計(jì)。

解決了早期 QQ 上的”聯(lián)系人”圖標(biāo)在用戶點(diǎn)擊不同的功能按鈕時(shí)，人物眼睛不朝向?qū)?yīng)方向而導(dǎo)致的用戶體驗(yàn)單調(diào)的問(wèn)題。通過(guò)為圖標(biāo)添加眼睛朝向的動(dòng)態(tài)效果，解決了用戶點(diǎn)擊不同功能按鈕時(shí)的反饋不足的問(wèn)題。

三、產(chǎn)品功能類

?? 精髓點(diǎn)總結(jié)：

• 設(shè)計(jì)隱藏/趣味彩蛋，能有效提升用戶好感與產(chǎn)品印象
• 學(xué)會(huì)前置展示潛在的用戶訴求、產(chǎn)品服務(wù)、競(jìng)爭(zhēng)優(yōu)勢(shì)等
• 當(dāng)信息復(fù)雜+數(shù)量巨大時(shí)，必須給予用戶清晰的分類與指引

9. 瀏覽QQ空間時(shí)也能快捷回復(fù)消息？

在QQ空間里刷好友動(dòng)態(tài)時(shí)，此時(shí)如果有新的好友消息傳來(lái)，可以打開旁邊的懸浮彈窗：快速回復(fù)任何好友消息。并隨時(shí)回到QQ空間里繼續(xù)刷動(dòng)態(tài)，特別方便。

該功能解決了在刷好友動(dòng)態(tài)時(shí)收到新的好友消息后，用戶必須退出朋友圈、返回聊天列表才能回復(fù)消息的問(wèn)題。通過(guò)懸浮彈窗，用戶可以即時(shí)回復(fù)消息，無(wú)需中斷當(dāng)前的動(dòng)態(tài)瀏覽。

10. 這樣化解尷尬的撤回文案，真的很皮

QQ里的「消息撤回」做得比微信有意思：會(huì)在撤回消息的后面顯示已設(shè)置好的「后綴文案」，如‘你猜猜撤回什么’‘并壞笑了一下’等等。

讓用戶在撤回消息時(shí)滑稽有趣、不至于那么尷尬，增加產(chǎn)品的趣味程度。如果平時(shí)做方案缺乏創(chuàng)新，有蛋案例 可以提供更多方向。同時(shí)引導(dǎo)用戶開通SVIP，以此獲得更多的自定義撤回消息。

11. 用關(guān)鍵詞來(lái)聯(lián)動(dòng)騰訊生態(tài)數(shù)據(jù)？

QQ的聊天輸入框可以聯(lián)動(dòng)搜索到一些騰訊生態(tài)下的關(guān)鍵詞結(jié)果，比如輸入一首歌曲名字，可以查到QQ音樂(lè)里的歌曲，并且可以直接播放，特別有意思

傳統(tǒng)的搜索需要用戶打開新頁(yè)面才能查找到相關(guān)結(jié)果，增加了用戶的操作成本和流失率。更全/更細(xì)8種維度解讀：youdananli.com? QQ聊天輸入框聯(lián)動(dòng)搜索可以在聊天時(shí)快速查找到相關(guān)結(jié)果，使得用戶無(wú)需離開聊天窗口即可快速查找到所需信息。

12. 如何提升信息的查看效率？QQ的這個(gè)設(shè)計(jì)太贊

新版本的QQ發(fā)送某個(gè)文件時(shí)，頁(yè)面的右上角【…】圖標(biāo)里可以找到【分屏查看】操作，點(diǎn)擊后就會(huì)變成倆個(gè)聊天窗口。

上屏可查看文件內(nèi)容，下屏展示聊天窗口，用戶可以邊看文件邊進(jìn)行聊天、討論。

解決了用戶在發(fā)送文件時(shí)需要在單個(gè)屏幕里來(lái)回切換文件和聊天頁(yè)面的問(wèn)題。這樣用戶可以在上屏查看文件內(nèi)容的同時(shí)，在下屏展示的聊天窗口中進(jìn)行聊天和討論，大大減少了操作鏈路和提高了用戶體驗(yàn)

13. 如何讓文本的輸入效率更高？

在qq聊天里長(zhǎng)按或者點(diǎn)擊輸入框時(shí)，會(huì)顯示“全屏輸入”的功能，點(diǎn)擊可進(jìn)入全屏輸入框進(jìn)行內(nèi)容編輯?；蛘弋?dāng)聊天輸入框的文本編輯到第四行時(shí)，全屏輸入框的圖標(biāo)會(huì)顯示

編輯大量文本時(shí)便于修改和預(yù)覽內(nèi)容，減少輸錯(cuò)的發(fā)生，更好地發(fā)送消息維護(hù)社交關(guān)系。同時(shí)突顯產(chǎn)品的個(gè)性化服務(wù)與對(duì)用戶的重視程度

14. 長(zhǎng)按就能進(jìn)入「快速查看模式」？

在QQ上長(zhǎng)按 ‘消息’tab時(shí)，可進(jìn)入【快速查看模式】，用戶可以切換查看各個(gè)聊天對(duì)象中的最近消息，也可以點(diǎn)擊對(duì)話框進(jìn)行聊天。

解決了在QQ應(yīng)用中，用戶在查看消息時(shí)需要頻繁切換不同聊天窗口導(dǎo)致操作繁瑣的問(wèn)題。通過(guò)引入【快速查看模式】，用戶可以一鍵進(jìn)入一個(gè)聚合的界面，預(yù)覽多個(gè)聊天對(duì)象中的最近消息，從而快速瀏覽多個(gè)聊天內(nèi)容

– END

好了，以上就是作者對(duì)「QQ創(chuàng)意設(shè)計(jì)」的一些小整理，不知道有沒有幫助到你。