QQ這14個創意設計+案例精髓點,我真的服了!!
對很多剛開始做產品經理的小伙伴而言,學習優秀的產品是如何設計的,是一個快速成長的好方法。這篇文章,作者整理了QQ這個產品上的15個彩蛋,有交互的,也有功能上的,值得大家學習思考。
當談到中國互聯網時,很難不提及一款具有深遠影響的產品——QQ。自問世以來,QQ不僅僅是一款即時通訊工具,更是一種社交現象,成為無數人網絡生活中不可或缺的一部分。
今天我們將對QQ的設計案例進行盤點與分析,深入探討它所蘊含的設計哲學和用戶體驗原則。
一、交互體驗類
?? 精髓點總結:
- 學會用趣味性交互 / 新的設計手法給用戶帶來新鮮感
- 對用戶重要/常用的功能可以設置快捷操作,增加操作效率
- 模擬真實生活/環境的設計,能有效提升用戶的理解能力
1. 這樣長按表情就能發起轟炸?真好玩
之前QQ更新了表情玩法,長按某個表情并拖拽至屏幕上方時,只會觸發該該表情的連續抖動與數量疊加,以此示意選擇了N個該表情,特別有意思。
豐富聊天的趣味性與產品的可玩性,促進好友之間的情感交流。突顯產品的個性化服務與對用戶的重視程度
2. 不愧是QQ,居然想到用這樣的方式清除消息
QQ里的【清除未讀消息】設計得特別有意思,只需要手指按住‘數量徽標’并持續往外拖動,即可一鍵清除所有的消息提示,拖拽動效也很順暢。
相對于傳統的消息清除方式,手勢拖拽的操作效率更高,通過這種小細節提升用戶對產品的印象(特別是對于新用戶來說),突顯產品的個性化服務與對用戶的重視程度
3. 拔河式下拉loading?這么有趣的交互誰想的?
QQ空間是以’拔河比賽’的形式來加載loading,而且可以跟隨機分配的網友來一場緊張刺激的游戲:點擊‘開始拔河’按鈕后瘋狂地向下劃動屏幕,保證綁在繩子上的絲帶超過對方即可獲勝,特別有意思
增加loading加載的可玩性,減少因加載過久給用戶帶來的焦慮。且更多大廠案例分析,可搜索 有蛋案例,同時突顯產品的個性化服務和互動性,
4. 拖拽圖片即可發送了?這個交互牛!
QQ里的圖片發送很有意思,只要按住想要發送的圖片并往上拖動,松手即可發送。不用像傳統的’先選中圖片,再點擊發送按鈕’,特別方便
對于發送單張圖片來說,免去了常規的跳轉頁面調取相冊的多余步驟,大大提升操作成本
二、視覺傳達類
?? 精髓點總結:
- 跟隨熱點輸出應景的設計,能提升戶的活躍與新鮮感
- 站內UI元素不應該是固定,特殊的信息允許用戶更改
- 做設計不應謹遵規范或組件的,需要聯合現實生活打破想象
5. 這么有趣的中秋晚安彩蛋,不虧是QQ
2021年中秋節左右,在QQ里發送「晚安」的emoji 會觸發一段很有濃厚的“月滿中秋送月餅”的動畫,濃厚的節日氛圍讓人眼前一亮應時應景。
通過這個彩蛋,QQ提高了用戶的使用體驗和參與度。更全/更細8種維度解讀:youdananli.com 這個彩蛋在一定程度上吸引了用戶留在QQ平臺,同時提高了用戶的粘性。此外,彩蛋也可以增加用戶對產品的好感度。
6. 用戶可自定義更改此時心情?用意何在
QQ新版本的「消息列表」頁面,雙擊底部的圖標會出現各種生動有趣的表情動效。用戶可以根據自己的心情更換不同的消息圖標,給用戶創造一種小驚喜
通過這種「自定義」設計給用戶帶來新鮮感,使在接受與點擊消息時有不一樣的體驗與心情,提升聊天體驗與產品的個性化服務,且如果覺得設計沒靈感,可以上有蛋案例 瀏覽更多創意
7. 用‘標尺’來代表選擇日期,不虧是QQ
QQ查找聊天記錄的日期組件挺有趣的,是以滑動標尺的形式來選擇日期,顛覆傳統日期選擇組件的認知,特別有意思。
傳統的日期選擇組件通常以垂直或日歷的形式呈現,選擇起來比較繁瑣,對于大量聊天記錄的用戶來說非常不方便。而QQ的水平時間線設計讓用戶更加容易選擇具體的日期,提高了操作的效率。
8. QQ里的聯系人圖標還會向左、向右看?
早期qq上的’聯系人’圖標,里面的人物眼睛會隨著點擊左右兩邊的圖標而看向對應的方向。點擊’消息’圖標則眼睛看左,點擊’動態’圖標則眼睛看右,是一個很細心的圖標設計。
解決了早期 QQ 上的”聯系人”圖標在用戶點擊不同的功能按鈕時,人物眼睛不朝向對應方向而導致的用戶體驗單調的問題。通過為圖標添加眼睛朝向的動態效果,解決了用戶點擊不同功能按鈕時的反饋不足的問題。
三、產品功能類
?? 精髓點總結:
- 設計隱藏/趣味彩蛋,能有效提升用戶好感與產品印象
- 學會前置展示潛在的用戶訴求、產品服務、競爭優勢等
- 當信息復雜+數量巨大時,必須給予用戶清晰的分類與指引
9. 瀏覽QQ空間時也能快捷回復消息?
在QQ空間里刷好友動態時,此時如果有新的好友消息傳來,可以打開旁邊的懸浮彈窗:快速回復任何好友消息。并隨時回到QQ空間里繼續刷動態,特別方便。
該功能解決了在刷好友動態時收到新的好友消息后,用戶必須退出朋友圈、返回聊天列表才能回復消息的問題。通過懸浮彈窗,用戶可以即時回復消息,無需中斷當前的動態瀏覽。
10. 這樣化解尷尬的撤回文案,真的很皮
QQ里的「消息撤回」做得比微信有意思:會在撤回消息的后面顯示已設置好的「后綴文案」,如‘你猜猜撤回什么’‘并壞笑了一下’等等。
讓用戶在撤回消息時滑稽有趣、不至于那么尷尬,增加產品的趣味程度。如果平時做方案缺乏創新,有蛋案例 可以提供更多方向。同時引導用戶開通SVIP,以此獲得更多的自定義撤回消息。
11. 用關鍵詞來聯動騰訊生態數據?
QQ的聊天輸入框可以聯動搜索到一些騰訊生態下的關鍵詞結果,比如輸入一首歌曲名字,可以查到QQ音樂里的歌曲,并且可以直接播放,特別有意思
傳統的搜索需要用戶打開新頁面才能查找到相關結果,增加了用戶的操作成本和流失率。更全/更細8種維度解讀:youdananli.com? QQ聊天輸入框聯動搜索可以在聊天時快速查找到相關結果,使得用戶無需離開聊天窗口即可快速查找到所需信息。
12. 如何提升信息的查看效率?QQ的這個設計太贊
新版本的QQ發送某個文件時,頁面的右上角【…】圖標里可以找到【分屏查看】操作,點擊后就會變成倆個聊天窗口。
上屏可查看文件內容,下屏展示聊天窗口,用戶可以邊看文件邊進行聊天、討論。
解決了用戶在發送文件時需要在單個屏幕里來回切換文件和聊天頁面的問題。這樣用戶可以在上屏查看文件內容的同時,在下屏展示的聊天窗口中進行聊天和討論,大大減少了操作鏈路和提高了用戶體驗
13. 如何讓文本的輸入效率更高?
在qq聊天里長按或者點擊輸入框時,會顯示“全屏輸入”的功能,點擊可進入全屏輸入框進行內容編輯。或者當聊天輸入框的文本編輯到第四行時,全屏輸入框的圖標會顯示
編輯大量文本時便于修改和預覽內容,減少輸錯的發生,更好地發送消息維護社交關系。同時突顯產品的個性化服務與對用戶的重視程度
14. 長按就能進入「快速查看模式」?
在QQ上長按 ‘消息’tab時,可進入【快速查看模式】,用戶可以切換查看各個聊天對象中的最近消息,也可以點擊對話框進行聊天。
解決了在QQ應用中,用戶在查看消息時需要頻繁切換不同聊天窗口導致操作繁瑣的問題。通過引入【快速查看模式】,用戶可以一鍵進入一個聚合的界面,預覽多個聊天對象中的最近消息,從而快速瀏覽多個聊天內容
– END
好了,以上就是作者對「QQ創意設計」的一些小整理,不知道有沒有幫助到你。
專欄作家
和出此嚴,微信公眾號:和出此嚴,人人都是產品經理專欄作家。一枚在鵝廠成長中的“90后老干部”,主產各種接地氣的交互/產品干貨。以做產品的方式,寫好每一篇文章。
本文原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
更多行業/大廠案例分析,可搜索:有蛋案例
匯聚了各行各業的產品設計案例,每個案例都有8種維度的精心分析,讓您深入了解創意背后的秘密