本文講述的是QQ近期在極簡(jiǎn)設(shè)計(jì)與人性化體驗(yàn)設(shè)計(jì)上的探索與思考，enjoy~

都說年輕人喜歡用QQ，他們精力旺盛樂于交友，在社交的同時(shí)有強(qiáng)烈的自我表達(dá)欲望，QQ里的個(gè)性裝扮能夠滿足年輕人的自我展示需求。

然而隨著年輕人的成長(zhǎng)和社會(huì)角色變化，開始需要和學(xué)習(xí)、工作中不同的人頻繁打交道，涉及的使用場(chǎng)景多元化，對(duì)溝通逐漸有了效率的訴求。本文講述的是QQ近期在極簡(jiǎn)設(shè)計(jì)與人性化體驗(yàn)設(shè)計(jì)上的探索與思考。

一、簡(jiǎn)潔模式

各類產(chǎn)品相繼回歸初心追求體驗(yàn)服務(wù)的本質(zhì)，產(chǎn)品體驗(yàn)也正在做減法提煉，更為聚焦用戶核心訴求，追求更極簡(jiǎn)的體驗(yàn)。

用戶溝通的本源是信息互換，QQ通過推出極簡(jiǎn)模式，對(duì)聊天進(jìn)行降噪設(shè)計(jì)，重新突出聊天信息，回歸溝通的本源。

簡(jiǎn)潔模式，是允許用戶切換到更純粹的聊天體驗(yàn)，但并不改變用戶原有的個(gè)性化設(shè)置，用戶可隨時(shí)根據(jù)需要，恢復(fù)自己的個(gè)性裝扮。

1. QQ簡(jiǎn)潔模式設(shè)計(jì)策略

QQ擁有龐大的用戶量，一直以來用戶對(duì)純粹的聊天溝通體驗(yàn)呼聲較高，回歸到溝通的本源，聚焦極簡(jiǎn)溝通聊天體驗(yàn)，這是化繁為簡(jiǎn)的減法過程，我們梳理了QQ簡(jiǎn)潔模式的設(shè)計(jì)策略。

2. 信息降噪

頭像和聊天氣泡是承載信息的主要載體，簡(jiǎn)潔模式屏蔽個(gè)性化裝扮，使信息的展示更純粹和清晰。

3. 簡(jiǎn)化功能

為了讓用戶更便捷地發(fā)送不同類型的消息，QQ的輸入?yún)^(qū)域展示了相冊(cè)、拍照、紅包等功能。但在非娛樂化場(chǎng)景聊天時(shí)，這些功能使用率是較低的。簡(jiǎn)潔模式簡(jiǎn)化了工具欄與圖標(biāo)風(fēng)格，圖標(biāo)造型與色彩化繁為簡(jiǎn)，利用更純粹的黑與白，方便界面更好凸顯信息和內(nèi)容，整體與默認(rèn)模式產(chǎn)生了差異，用戶有更強(qiáng)簡(jiǎn)化感知。

4. 純粹交流

QQ的等級(jí)體驗(yàn)符合部分年輕人的攀比需求，但在某些場(chǎng)景（如辦公，學(xué)習(xí)等），等級(jí)可能會(huì)對(duì)溝通帶來一定的壓力與干擾。簡(jiǎn)潔模式僅保留純粹的聊天信息，讓用戶感受更清爽無壓力的交流。

5. 風(fēng)格中性

簡(jiǎn)潔模式的界面設(shè)計(jì)風(fēng)格更為中性，去個(gè)性化。設(shè)計(jì)細(xì)節(jié)的優(yōu)化，如分割線的處理、灰色的運(yùn)用、圖標(biāo)的形體等，都更為克制精簡(jiǎn)。整體視覺體驗(yàn)以黑白灰為主基調(diào)，輔助色點(diǎn)綴，高對(duì)比度，猶如容器一樣呈現(xiàn)最具價(jià)值的內(nèi)容和信息。

6. 簡(jiǎn)化圖形

極簡(jiǎn)還體現(xiàn)在界面的圖標(biāo)語(yǔ)言，簡(jiǎn)潔模式圖標(biāo)延續(xù)QQ8.0風(fēng)格的圖標(biāo)造型，在此基礎(chǔ)上追求更極致的減法設(shè)計(jì)，我們通過提煉圖標(biāo)造型的輪廓，采用更精煉的細(xì)線圖標(biāo)，能少畫一筆不多出一筆，細(xì)節(jié)之處方顯匠心。

7. 簡(jiǎn)潔模式設(shè)置路徑

未來將增設(shè)多彩選擇，喜歡簡(jiǎn)約風(fēng)格的你絕對(duì)不容錯(cuò)過QQ簡(jiǎn)潔模式，歡迎多多體驗(yàn)。

QQ升級(jí)至8.1.0版本的用戶，可以從抽屜進(jìn)入設(shè)置頁(yè)，點(diǎn)擊進(jìn)通用，開啟簡(jiǎn)潔模式。

二、夜間模式

人眼可根據(jù)環(huán)境光做自動(dòng)調(diào)節(jié)，在弱光環(huán)境下，人眼對(duì)明暗度的辨別更敏銳，對(duì)彩色的感知度則更弱。同時(shí)人眼還有視覺惰性，晚上長(zhǎng)時(shí)間使用手機(jī)，更容易覺得眼花。

多數(shù)手機(jī)系統(tǒng)，主要通過環(huán)境光自動(dòng)調(diào)節(jié)屏幕的亮度，以降低手機(jī)上的明暗對(duì)比，減少對(duì)眼睛的亮度刺激，同時(shí)普遍適用于不同類型的手機(jī)應(yīng)用。

為了給用戶提供更舒適的夜間體驗(yàn)，部分手機(jī)系統(tǒng)逐漸推出黑暗模式，一些應(yīng)用還定制深度的夜間模式。

1. QQ夜間模式設(shè)計(jì)策略

晚上是QQ用戶活躍的高峰期之一，針對(duì)夜間場(chǎng)景使用痛點(diǎn)以及業(yè)界的趨勢(shì)。科技向善，設(shè)計(jì)也應(yīng)如此，因此QQ夜間模式體驗(yàn)定位希望是更護(hù)眼舒適的，為用戶提供更人性化體驗(yàn)，我們梳理出夜間模式的設(shè)計(jì)策略，并重新設(shè)計(jì)。

2. 護(hù)眼舒適

（1）降低對(duì)比度

夜間模式界面通過降低信息與背景的對(duì)比度，對(duì)圖片/圖標(biāo)帶色彩的通過使用遮罩，來達(dá)到減少對(duì)人眼刺激的目的，用戶在夜間弱光環(huán)境中使用起來更柔和護(hù)眼。

降低信息與背景對(duì)比度能降低對(duì)人眼的刺激，我們分別從降低界面信息對(duì)比度和降低色彩明度入手，在不同背景下適配不同亮度的文字信息。通過黑暗環(huán)境人眼真機(jī)體驗(yàn)測(cè)試，又再經(jīng)過多輪字色與背景對(duì)比度的優(yōu)化，保證識(shí)別度的基礎(chǔ)上，梳理出在全黑的環(huán)境下適合夜間在任何屏幕亮度均可使用的對(duì)比度，對(duì)比度控制在三個(gè)檔位進(jìn)行組合，不出現(xiàn)純黑白對(duì)比。

（2）降低圖像與色彩的明度

界面信息還包括有色的圖文與圖形類，高純度的色彩在深色背景下也容易造成人眼刺激與疲勞。此類信息我們通過使用遮罩來達(dá)到降低明度目的的，在保持與系統(tǒng)色彩純度的基礎(chǔ)上，降低明度從而達(dá)到柔和護(hù)眼的效果。

（3）組件化

QQ夜間模式適配覆蓋度很高，涉及界面也很多 ，我們梳理適配了夜間模式組件，同時(shí)也提升適配的效率。目前已適配核心路徑場(chǎng)景的夜間體驗(yàn)，我們與開發(fā)同學(xué)緊鑼密鼓在適配更多界面，隨著適配的不斷深入，給用戶提供更完善舒適的夜間體驗(yàn)。

情感化設(shè)計(jì)

為了強(qiáng)化用戶對(duì)夜間模式的認(rèn)知，提升夜間場(chǎng)景用戶的使用感受。我們運(yùn)用了情感化的設(shè)計(jì)，從以下三個(gè)維度體現(xiàn)。

（1）主題背景

大面積黑色界面難免會(huì)些許單調(diào)冰冷，有別于手機(jī)系統(tǒng)與應(yīng)用，QQ夜間模式保留前版本的星空元素傳承到新版設(shè)計(jì)中， 夜間模式啟動(dòng)后，通過繁星點(diǎn)點(diǎn)的背景元素建立夜間環(huán)境關(guān)聯(lián)。

（2）趣味圖標(biāo)

當(dāng)用戶開啟夜間模式時(shí)，我們?cè)O(shè)定了彩蛋，發(fā)現(xiàn)個(gè)別圖標(biāo)會(huì)發(fā)生改變，變成帶有夜間相關(guān)的圖形語(yǔ)言，后續(xù)更新會(huì)增加更多趣味的圖標(biāo)。我們也希望通過帶入趣味元素的表達(dá)方式，建立用戶對(duì)QQ夜間模式的好感。

（3）動(dòng)效

使用切換操作時(shí)，加入適度的過渡動(dòng)畫，進(jìn)一步強(qiáng)化用戶對(duì)夜間模式的感知，用戶可在抽屜頁(yè)點(diǎn)擊切換至夜間模式。

夜間模式體驗(yàn)路徑，用戶進(jìn)入QQ后，通過右滑或點(diǎn)擊一級(jí)界面左上角個(gè)人頭像，進(jìn)入抽屜頁(yè)，點(diǎn)擊左下方夜間圖標(biāo)即可切換至夜間模式。

結(jié)語(yǔ)

除了簡(jiǎn)潔模式和夜間模式，未來QQ還會(huì)有更多專題設(shè)計(jì)的探索思考，通過挖掘使用場(chǎng)景為用戶提供更多人性化好玩的服務(wù)。目前這兩個(gè)模式均已上線，收到了不少反饋和建議，也請(qǐng)用戶朋友們多多體驗(yàn)持續(xù)關(guān)注QQ的更新。

相關(guān)閱讀

社交垂直探索 | QQ截圖全新設(shè)計(jì)

溝通本源 | QQ8.0有生機(jī)的設(shè)計(jì)

作者：QQ設(shè)計(jì)團(tuán)隊(duì)，公眾號(hào)：騰訊ISUX（ID：tencent_isux）

來源：https://mp.weixin.qq.com/s/S4rUdlOiokcV7Synq9nDxg

題圖來自騰訊ISUX官網(wǎng)