QQ設(shè)計(jì)團(tuán)隊(duì)復(fù)盤:QQ極簡與夜間模式設(shè)計(jì)
本文講述的是QQ近期在極簡設(shè)計(jì)與人性化體驗(yàn)設(shè)計(jì)上的探索與思考,enjoy~
都說年輕人喜歡用QQ,他們精力旺盛樂于交友,在社交的同時有強(qiáng)烈的自我表達(dá)欲望,QQ里的個性裝扮能夠滿足年輕人的自我展示需求。
然而隨著年輕人的成長和社會角色變化,開始需要和學(xué)習(xí)、工作中不同的人頻繁打交道,涉及的使用場景多元化,對溝通逐漸有了效率的訴求。本文講述的是QQ近期在極簡設(shè)計(jì)與人性化體驗(yàn)設(shè)計(jì)上的探索與思考。
一、簡潔模式
各類產(chǎn)品相繼回歸初心追求體驗(yàn)服務(wù)的本質(zhì),產(chǎn)品體驗(yàn)也正在做減法提煉,更為聚焦用戶核心訴求,追求更極簡的體驗(yàn)。
用戶溝通的本源是信息互換,QQ通過推出極簡模式,對聊天進(jìn)行降噪設(shè)計(jì),重新突出聊天信息,回歸溝通的本源。
簡潔模式,是允許用戶切換到更純粹的聊天體驗(yàn),但并不改變用戶原有的個性化設(shè)置,用戶可隨時根據(jù)需要,恢復(fù)自己的個性裝扮。
1. QQ簡潔模式設(shè)計(jì)策略
QQ擁有龐大的用戶量,一直以來用戶對純粹的聊天溝通體驗(yàn)呼聲較高,回歸到溝通的本源,聚焦極簡溝通聊天體驗(yàn),這是化繁為簡的減法過程,我們梳理了QQ簡潔模式的設(shè)計(jì)策略。
2. 信息降噪
頭像和聊天氣泡是承載信息的主要載體,簡潔模式屏蔽個性化裝扮,使信息的展示更純粹和清晰。
3. 簡化功能
為了讓用戶更便捷地發(fā)送不同類型的消息,QQ的輸入?yún)^(qū)域展示了相冊、拍照、紅包等功能。但在非娛樂化場景聊天時,這些功能使用率是較低的。簡潔模式簡化了工具欄與圖標(biāo)風(fēng)格,圖標(biāo)造型與色彩化繁為簡,利用更純粹的黑與白,方便界面更好凸顯信息和內(nèi)容,整體與默認(rèn)模式產(chǎn)生了差異,用戶有更強(qiáng)簡化感知。
4. 純粹交流
QQ的等級體驗(yàn)符合部分年輕人的攀比需求,但在某些場景(如辦公,學(xué)習(xí)等),等級可能會對溝通帶來一定的壓力與干擾。簡潔模式僅保留純粹的聊天信息,讓用戶感受更清爽無壓力的交流。
5. 風(fēng)格中性
簡潔模式的界面設(shè)計(jì)風(fēng)格更為中性,去個性化。設(shè)計(jì)細(xì)節(jié)的優(yōu)化,如分割線的處理、灰色的運(yùn)用、圖標(biāo)的形體等,都更為克制精簡。整體視覺體驗(yàn)以黑白灰為主基調(diào),輔助色點(diǎn)綴,高對比度,猶如容器一樣呈現(xiàn)最具價(jià)值的內(nèi)容和信息。
6. 簡化圖形
極簡還體現(xiàn)在界面的圖標(biāo)語言,簡潔模式圖標(biāo)延續(xù)QQ8.0風(fēng)格的圖標(biāo)造型,在此基礎(chǔ)上追求更極致的減法設(shè)計(jì),我們通過提煉圖標(biāo)造型的輪廓,采用更精煉的細(xì)線圖標(biāo),能少畫一筆不多出一筆,細(xì)節(jié)之處方顯匠心。
7. 簡潔模式設(shè)置路徑
未來將增設(shè)多彩選擇,喜歡簡約風(fēng)格的你絕對不容錯過QQ簡潔模式,歡迎多多體驗(yàn)。
QQ升級至8.1.0版本的用戶,可以從抽屜進(jìn)入設(shè)置頁,點(diǎn)擊進(jìn)通用,開啟簡潔模式。
二、夜間模式
人眼可根據(jù)環(huán)境光做自動調(diào)節(jié),在弱光環(huán)境下,人眼對明暗度的辨別更敏銳,對彩色的感知度則更弱。同時人眼還有視覺惰性,晚上長時間使用手機(jī),更容易覺得眼花。
多數(shù)手機(jī)系統(tǒng),主要通過環(huán)境光自動調(diào)節(jié)屏幕的亮度,以降低手機(jī)上的明暗對比,減少對眼睛的亮度刺激,同時普遍適用于不同類型的手機(jī)應(yīng)用。
為了給用戶提供更舒適的夜間體驗(yàn),部分手機(jī)系統(tǒng)逐漸推出黑暗模式,一些應(yīng)用還定制深度的夜間模式。
1. QQ夜間模式設(shè)計(jì)策略
晚上是QQ用戶活躍的高峰期之一,針對夜間場景使用痛點(diǎn)以及業(yè)界的趨勢。科技向善,設(shè)計(jì)也應(yīng)如此,因此QQ夜間模式體驗(yàn)定位希望是更護(hù)眼舒適的,為用戶提供更人性化體驗(yàn),我們梳理出夜間模式的設(shè)計(jì)策略,并重新設(shè)計(jì)。
2. 護(hù)眼舒適
(1)降低對比度
夜間模式界面通過降低信息與背景的對比度,對圖片/圖標(biāo)帶色彩的通過使用遮罩,來達(dá)到減少對人眼刺激的目的,用戶在夜間弱光環(huán)境中使用起來更柔和護(hù)眼。
降低信息與背景對比度能降低對人眼的刺激,我們分別從降低界面信息對比度和降低色彩明度入手,在不同背景下適配不同亮度的文字信息。通過黑暗環(huán)境人眼真機(jī)體驗(yàn)測試,又再經(jīng)過多輪字色與背景對比度的優(yōu)化,保證識別度的基礎(chǔ)上,梳理出在全黑的環(huán)境下適合夜間在任何屏幕亮度均可使用的對比度,對比度控制在三個檔位進(jìn)行組合,不出現(xiàn)純黑白對比。
(2)降低圖像與色彩的明度
界面信息還包括有色的圖文與圖形類,高純度的色彩在深色背景下也容易造成人眼刺激與疲勞。此類信息我們通過使用遮罩來達(dá)到降低明度目的的,在保持與系統(tǒng)色彩純度的基礎(chǔ)上,降低明度從而達(dá)到柔和護(hù)眼的效果。
(3)組件化
QQ夜間模式適配覆蓋度很高,涉及界面也很多 ,我們梳理適配了夜間模式組件,同時也提升適配的效率。目前已適配核心路徑場景的夜間體驗(yàn),我們與開發(fā)同學(xué)緊鑼密鼓在適配更多界面,隨著適配的不斷深入,給用戶提供更完善舒適的夜間體驗(yàn)。
情感化設(shè)計(jì)
為了強(qiáng)化用戶對夜間模式的認(rèn)知,提升夜間場景用戶的使用感受。我們運(yùn)用了情感化的設(shè)計(jì),從以下三個維度體現(xiàn)。
(1)主題背景
大面積黑色界面難免會些許單調(diào)冰冷,有別于手機(jī)系統(tǒng)與應(yīng)用,QQ夜間模式保留前版本的星空元素傳承到新版設(shè)計(jì)中, 夜間模式啟動后,通過繁星點(diǎn)點(diǎn)的背景元素建立夜間環(huán)境關(guān)聯(lián)。
(2)趣味圖標(biāo)
當(dāng)用戶開啟夜間模式時,我們設(shè)定了彩蛋,發(fā)現(xiàn)個別圖標(biāo)會發(fā)生改變,變成帶有夜間相關(guān)的圖形語言,后續(xù)更新會增加更多趣味的圖標(biāo)。我們也希望通過帶入趣味元素的表達(dá)方式,建立用戶對QQ夜間模式的好感。
(3)動效
使用切換操作時,加入適度的過渡動畫,進(jìn)一步強(qiáng)化用戶對夜間模式的感知,用戶可在抽屜頁點(diǎn)擊切換至夜間模式。
夜間模式體驗(yàn)路徑,用戶進(jìn)入QQ后,通過右滑或點(diǎn)擊一級界面左上角個人頭像,進(jìn)入抽屜頁,點(diǎn)擊左下方夜間圖標(biāo)即可切換至夜間模式。
結(jié)語
除了簡潔模式和夜間模式,未來QQ還會有更多專題設(shè)計(jì)的探索思考,通過挖掘使用場景為用戶提供更多人性化好玩的服務(wù)。目前這兩個模式均已上線,收到了不少反饋和建議,也請用戶朋友們多多體驗(yàn)持續(xù)關(guān)注QQ的更新。
相關(guān)閱讀
溝通本源 | QQ8.0有生機(jī)的設(shè)計(jì)
作者:QQ設(shè)計(jì)團(tuán)隊(duì),公眾號:騰訊ISUX(ID:tencent_isux)
來源:https://mp.weixin.qq.com/s/S4rUdlOiokcV7Synq9nDxg
題圖來自騰訊ISUX官網(wǎng)
雖然QQ用戶沒有減少,但大部分用戶都已流失,成為僵尸用戶,其中有部分用戶之所以流失是因?yàn)楫a(chǎn)品本身設(shè)計(jì)存在問題。比如,2018年QQ更改了密碼規(guī)則,導(dǎo)致部分用戶更新密碼,還有用戶習(xí)慣性記住密碼,再加上現(xiàn)在使用密碼的軟件過多,用戶很容易忘記密碼,QQ輸入密碼錯誤,并沒有進(jìn)行密碼規(guī)則的友好提示。同時密碼找回功能流程出現(xiàn)問題,用戶即使申請了,也并不能真正找回密碼。
挺喜歡的,為QQ團(tuán)隊(duì)點(diǎn)贊。
極簡模式不就是跟微信界面差不多?
也就只有騰訊這種大公司,才會花那么多精力做這種“并不解決實(shí)際問題”的偽需求
年代沖擊KPI么哈哈
工作不飽和?
感覺聊天背景和消息對話框?qū)Ρ榷忍土?/p>
QQ輕聊版,你值得擁有 ??
跟微信有點(diǎn)像了
沒有tim簡潔
感覺沒多大差別,如果人人都開極簡模式,那我以前在QQ上氪金的價(jià)值就變相降低了,再重新設(shè)計(jì)一套規(guī)則保持產(chǎn)品活力?更希望刪掉一些雞肋功能進(jìn)行重新規(guī)劃大膽的改,如果極簡模式能屏蔽原生廣告那我沒的說
感覺沒啥明顯的改進(jìn)。