QQ改版,實(shí)現(xiàn)多元社交,輕松做自己

2 評(píng)論 3292 瀏覽 14 收藏 19 分鐘

近期,QQ進(jìn)行了改版,作為一個(gè)擁有25歷史的社交產(chǎn)品,如今已不再是簡(jiǎn)單的通訊工具,更多的是一個(gè)多元化的社交空間。本文介紹了QQ9在產(chǎn)品設(shè)計(jì)上做的更新,一起來(lái)看看吧。

一、設(shè)計(jì)目標(biāo)

作為一個(gè)擁有25年歷史的社交產(chǎn)品,QQ經(jīng)歷了不同世代的行業(yè)發(fā)展,一直初心不改,不斷優(yōu)化產(chǎn)品體驗(yàn),為用戶服務(wù)。發(fā)展至今,QQ早已不再是一個(gè)簡(jiǎn)單的即時(shí)通訊工具,而是一個(gè)覆蓋通訊、社區(qū)、短視頻、元宇宙等多場(chǎng)景,并全面支持桌面端、平板端與移動(dòng)端的多元化社交空間。

在這個(gè)社交空間里,用戶可以隨時(shí)隨地表達(dá)心情,可以天南海北地尋找搭子,也可以造個(gè)小窩實(shí)現(xiàn)貓狗雙全。與此同時(shí),橫跨多端的平臺(tái)支持、豐富多元的產(chǎn)品形態(tài),也使得QQ的包袱日益繁重。因此,如何讓QQ輕松上陣,走向下一個(gè)25年,是我們面臨的巨大挑戰(zhàn)。

面對(duì)這些挑戰(zhàn),QQ9在設(shè)計(jì)理念上,一方面回歸平臺(tái)設(shè)計(jì)的普適性,建立多端一致、簡(jiǎn)潔輕量的設(shè)計(jì)語(yǔ)言,營(yíng)造舒適輕盈的視覺美感;另一方面塑造多元社交空間的包容性,設(shè)計(jì)上兼容并包個(gè)性化、娛樂化和功能化,以滿足多樣化的用戶和需求,讓用戶可以在QQ自由自在地打造多重人設(shè),實(shí)現(xiàn)多元社交,輕松做自己。

二、冰雪之原光華絢爛

QQ9煥新設(shè)計(jì)靈感,自遼闊無(wú)垠的冰雪之原,於東方既白拂曉時(shí),天地渾然一體,素然純凈。但這并非是終點(diǎn),而是新的起點(diǎn),我們希望,在純凈簡(jiǎn)潔的基礎(chǔ)上,用戶在不經(jīng)意間便能感受到「光」帶來(lái)的恰到好處的絢麗與精彩,溫暖與關(guān)懷。

QQ9的精妙之處恰恰在于純凈簡(jiǎn)潔的背后,潛藏著豐富與絢麗,等待著用戶探索并發(fā)現(xiàn),而非一開始就用花哨的色彩和元素?fù)屨加脩舻淖⒁饬Α?/p>

設(shè)計(jì)上利用絢爛多彩、幻化無(wú)窮的光影來(lái)造就QQ9這種隱藏體驗(yàn),例如用戶在刷新、加載、loading時(shí),絢麗流動(dòng)的色彩會(huì)在純凈簡(jiǎn)潔的界面上出現(xiàn)。在用戶使用QQ9的過程中,每一次絢麗多彩、充滿期待的表達(dá)都會(huì)剛好與用戶的情緒落點(diǎn)相吻合,每一次流動(dòng)的色彩都是隨機(jī)變化帶來(lái)的新鮮和愉悅,給予強(qiáng)烈的隱喻表達(dá),預(yù)示著全新的內(nèi)容,新鮮的資訊,煥新的感官體驗(yàn)。

三、普適包容回歸本源

QQ9的圖標(biāo)設(shè)計(jì),回歸平臺(tái)普適的本質(zhì),更加簡(jiǎn)潔輕量,能夠滿足多端、多平臺(tái)、多場(chǎng)景的設(shè)計(jì)需求,為QQ9帶來(lái)輕松愉悅的體驗(yàn)。同時(shí)發(fā)揮圖標(biāo)的實(shí)用性,降低認(rèn)知門檻。如全局設(shè)置頁(yè)面,在表單組件中增加了圖標(biāo)識(shí)別輔助,降低用戶信息閱讀成本,通過圖形識(shí)別可以更便捷的分門別類。同時(shí)精簡(jiǎn)后的空白頁(yè)視覺設(shè)計(jì)更加清晰易懂,通過簡(jiǎn)潔、直接的圖形表達(dá),引導(dǎo)用戶快捷地完成操作,減輕用戶的認(rèn)知負(fù)擔(dān)。

四、信息分層重建秩序

為了創(chuàng)造更有秩序的視覺體驗(yàn),設(shè)計(jì)重新梳理了基礎(chǔ)場(chǎng)景中所有功能層級(jí),通過提高顏色對(duì)比度,幫助用戶更輕松地理解信息層次,使內(nèi)容更加突出,確保日夜間都能維持一致的層級(jí),避免造成混亂,使信息呈現(xiàn)上更加有序。

用戶瀏覽內(nèi)容的過程中,習(xí)慣于將空間位置接近的內(nèi)容歸為一組,稱之為“格式塔原理”。在界面中我們借助格式塔原理進(jìn)行分組展示,使頁(yè)面布局更加合理清晰,讓用戶能夠快速識(shí)別,比如設(shè)置頁(yè)面,如果將功能入口分散展示,在使用過程中就會(huì)容易失焦,而通過近似性將內(nèi)容分成賬號(hào)信息、軟件功能、增值功能、個(gè)人信息收集進(jìn)行聚合分組,就可以很直觀的降低認(rèn)知負(fù)擔(dān)。

在信息的瀏覽順序上也重新調(diào)整了內(nèi)容優(yōu)先級(jí),以符合用戶關(guān)注信息的角度出發(fā),對(duì)內(nèi)容進(jìn)行進(jìn)行重新排布,區(qū)分元素的主次。

QQ9中對(duì)空間說說流我們重新規(guī)劃信息層級(jí)并進(jìn)行了降噪。首先為了突出說說正文內(nèi)容,減小了點(diǎn)贊區(qū)和評(píng)論區(qū)的色彩和字號(hào)。用輕量的線性圖標(biāo)取代了原有的厚重的圖標(biāo)。圖片由原來(lái)的通欄展示改為卡片展示,增加了頁(yè)面呼吸感減少用戶瀏覽時(shí)的視覺負(fù)擔(dān)。

五、密友關(guān)系輕松社交

過去,QQ好友的維系和溝通主要依賴于公開圈子、特別關(guān)心和消息活躍來(lái)維持關(guān)系。然而,隨著社交方式的改變,年輕人更傾向于短暫但快速地滿足特定需求的“小社交”,以減輕社交壓力?;谶@種社交趨勢(shì),QQ9進(jìn)行了全新的設(shè)計(jì)升級(jí)——引入了“搭子關(guān)系”的概念。在搭子關(guān)系中,用戶可以建立現(xiàn)有的親密關(guān)系,也可以互為搭子,一同參與學(xué)習(xí)、運(yùn)動(dòng)、游戲等活動(dòng)。這種關(guān)系既保持了清晰的邊界感,又以輕松的姿態(tài)開啟一段互相陪伴的關(guān)系。通過這一改進(jìn),我們希望減輕用戶的社交壓力,為用戶創(chuàng)造更加豐富、輕松和愉快的社交體驗(yàn)。

除了聊天頁(yè)面外,空間也針對(duì)親密關(guān)系用戶推出了親密空間-兩人的專屬小空間。在這里你可以發(fā)說說,存相冊(cè)。你和好友在生活中值得記錄的美好時(shí)刻,值得紀(jì)念的關(guān)鍵時(shí)間都可以存儲(chǔ)在這里。同時(shí)我們也為喜歡“收集”的年輕人準(zhǔn)備了豐富的貼紙,更多的記錄你們的情誼就可以獲得更多的貼紙,有你陪伴的每一天都值得被記錄。

六、在線狀態(tài)自由定義

全新狀態(tài)面板能夠容納更多狀態(tài)展示,UI布局更加輕盈簡(jiǎn)潔。引入了多彩的狀態(tài)背景色體系,營(yíng)造出不同狀態(tài)下獨(dú)特的視覺情感氛圍。同時(shí)QQ9我們更進(jìn)一步,增添了超秀形象的狀態(tài)功能,讓用戶能夠生動(dòng)有趣地展現(xiàn)當(dāng)下狀態(tài),使?fàn)顟B(tài)表現(xiàn)更加豐富多彩。這些升級(jí)將為用戶帶來(lái)更為豐富生動(dòng)的狀態(tài)展示,讓用戶能夠以更具個(gè)性化的方式展示自己的情感和狀態(tài)。

七、全新表情新潮有梗

QQ表情經(jīng)歷了長(zhǎng)達(dá)7年的不斷演變后,終于QQ9中迎來(lái)了一次全新升級(jí)。這次的更新不僅僅是技術(shù)上的進(jìn)步,更是對(duì)用戶需求深刻傾聽的結(jié)果。在外觀設(shè)計(jì)上更加精致,融入了時(shí)下流行元素,每一個(gè)細(xì)節(jié)都經(jīng)過精心雕琢,使表情更具辨識(shí)度和潮流性。

同時(shí),QQ9表情不僅注重外觀,更注重內(nèi)涵。巧妙地融入時(shí)尚和幽默感的設(shè)計(jì),為用戶提供了更多表達(dá)情感和共鳴的可能性。在這個(gè)數(shù)字化時(shí)代,表情不再只是簡(jiǎn)單的符號(hào),而是一種用戶表達(dá)自我的語(yǔ)言。QQ9表情期望融入用戶日常喜愛的表達(dá)方式,以更潮更有梗的形式,讓用戶輕松表達(dá)自己,釋放更多的笑容和愉悅。

在QQ9表情上新計(jì)劃中,表情設(shè)計(jì)團(tuán)隊(duì)研究并融入了更多網(wǎng)絡(luò)熱梗元素(尊嘟假嘟,堅(jiān)強(qiáng),功德+1 …)讓用戶在表達(dá)情感時(shí)有更加豐富的語(yǔ)境和更加流行的表達(dá)。快來(lái)QQ9中盡情挖掘這些新表情為聊天帶來(lái)的樂趣吧!

八、多端一致無(wú)界體驗(yàn)

多年發(fā)展下來(lái),QQ移動(dòng)端和桌面端的設(shè)計(jì)體驗(yàn)漸行漸遠(yuǎn),甚至同為桌面端的Windows、Mac、Linux三個(gè)版本設(shè)計(jì)都迥然不同,由此帶來(lái)的體驗(yàn)問題與研發(fā)問題也日益尖銳。為此,設(shè)計(jì)團(tuán)隊(duì)圍繞著QQ9建立起一套全面覆蓋移動(dòng)端、桌面端、平板端的設(shè)計(jì)語(yǔ)言。

布局設(shè)計(jì)上,全新的QQ桌面版將舊版分離的主面板和會(huì)話面板進(jìn)行整合,采用了更符合當(dāng)前用戶習(xí)慣的大面板布局。此舉降低了信息架構(gòu)的深度,頁(yè)面布局更加清晰、更具拓展性,用戶也可以根據(jù)需求自由縮放面板,或者吸附在屏幕邊緣自動(dòng)隱藏,靈活又方便。

視覺風(fēng)格上,則對(duì)齊QQ9煥新設(shè)計(jì)進(jìn)行全面刷新,一舉蕩滌桌面端陳舊繁雜、過時(shí)落后的氣息,以輕量有力的圖形、輕盈煥采的顏色、簡(jiǎn)潔有序的界面塑造了輕松愉悅的使用感受,與移動(dòng)端保持一致的設(shè)計(jì),也有效降低用戶對(duì)QQ多端產(chǎn)品的認(rèn)知成本,提升QQ品牌感知。

此外,我們解決了多端功能不一致的痛點(diǎn),包括聊天與文件存儲(chǔ)管理、功能豐富的QQ狀態(tài)、發(fā)送QQ超級(jí)表情等。這次QQ桌面版的重新設(shè)計(jì),將為平臺(tái)品質(zhì)與未來(lái)發(fā)展奠定良好的基礎(chǔ),同時(shí)也讓QQ團(tuán)隊(duì)有了重新審視產(chǎn)品的契機(jī),下架繁雜無(wú)用的功能與服務(wù),擺脫過往的沉重包袱,讓QQ桌面版煥發(fā)出新的生命力。

九、平等親近為你設(shè)計(jì)

QQ一直鼓勵(lì)用戶深入探索,希望用戶自行發(fā)現(xiàn)QQ世界中的驚喜與快樂。此前在QQ8.0版本中,我們?cè)诘撞繉?dǎo)航的圖標(biāo)上進(jìn)行了類似的嘗試。而在QQ9的設(shè)計(jì)上,我們延續(xù)了這種理念。在QQ9的“關(guān)于QQ”界面上,我們埋藏了一個(gè)小小的驚喜,用戶通過探索即可獲得特別的壁紙,歡迎大家前往體驗(yàn)!

此外,QQ也一向珍視用戶的意見和建議,這些閃光的想法為設(shè)計(jì)團(tuán)隊(duì)提供了寶貴的靈感。因此,QQ9特意建設(shè)了一個(gè)名為“QQ追光者”的功能,用戶通過該功能進(jìn)行反饋,昵稱將呈現(xiàn)在昵稱墻上,并獲得一枚特別的勛章,這是QQ對(duì)用戶真誠(chéng)支持和貢獻(xiàn)的感謝?!癚Q追光者”這一命名,寄托了QQ希望與用戶一同前行,尋找未來(lái)無(wú)限可能的愿景。這里不僅僅是一個(gè)反饋平臺(tái),更是一個(gè)與用戶平等交流、共創(chuàng)共建的空間。

十、官網(wǎng)改版,引人入勝

隨著QQ9正式發(fā)布,QQ的官網(wǎng)(im.qq.com)也隨之迎來(lái)更新。官網(wǎng)的設(shè)計(jì)理念圍繞著“輕松做自己“進(jìn)行視覺傳達(dá)我們通過“輕·透·彩”的品牌語(yǔ)言來(lái)貫穿官網(wǎng)視覺與使用體驗(yàn),輕盈柔和的色彩,加上靈動(dòng)輕巧的動(dòng)畫轉(zhuǎn)場(chǎng),使官網(wǎng)體驗(yàn)上更輕松愉悅。與QQ9的多端適配一樣,官網(wǎng)設(shè)計(jì)也進(jìn)行了自適應(yīng)適配,能夠在桌面端和移動(dòng)端為用戶提供同樣極致的閱讀感受,引導(dǎo)用戶通過官網(wǎng)下載體驗(yàn)QQ9,達(dá)到引人入勝的效果。歡迎大家點(diǎn)擊im.qq.com進(jìn)行訪問,更多全新體驗(yàn)和玩法等著你來(lái)探索~

十一、QQ9宣傳視頻,創(chuàng)意與設(shè)計(jì)概念

整體個(gè)宣傳片,我們以一個(gè)問題“內(nèi)心的光要怎么展開?”為開場(chǎng)去開始。故事是以「光」的概念帶觀看者展開每一面社交的可能。以「光」的設(shè)計(jì)概念去打開多元化的社交,同時(shí)感受到整潔輕松。無(wú)論你的社交行為是什么,在QQ9可以為你找到那份光,輕松為你展開。不以品牌方的視角跟用戶對(duì)話,整體的調(diào)性和文案我們?nèi)缗笥训母脩魧?duì)話。

十二、啟動(dòng)頁(yè)閃屏

沿用宣傳片里相同的「光」元素,喚醒大家對(duì)全新QQ版本的一種新鮮與輕松感。

散發(fā)現(xiàn)代氛圍以及「光」背后充滿詩(shī)意且多元的可能。以“歡迎來(lái)到QQ9”的用戶歡迎語(yǔ),強(qiáng)化QQ9品牌認(rèn)同感的同時(shí),通過歡迎語(yǔ)促進(jìn)用戶社區(qū)感的建立。

結(jié)語(yǔ)

無(wú)論是技術(shù)架構(gòu)層面,或是體驗(yàn)設(shè)計(jì)層面,QQ團(tuán)隊(duì)都致力于為用戶打造輕松純粹的社交體驗(yàn)。QQ9煥新設(shè)計(jì),回歸平臺(tái)設(shè)計(jì)的普適性,建立了一致輕量、舒適輕松的視覺美感;同時(shí)塑造了多元社交空間的包容性,讓用戶可以在QQ自由打造多重人設(shè),輕松做自己。QQ走向下一個(gè)25年的道路依然充滿挑戰(zhàn),但我們已然邁出了重要的一步。

QQ9煥新風(fēng)格,現(xiàn)已全新上線。期待大家更新體驗(yàn),也歡迎大家前往設(shè)置-關(guān)于-QQ追光者頁(yè)面反饋建議和意見。QQ愿意與大家攜手共創(chuàng),彼此啟發(fā),不斷追光,向前而行。

作者:ISUX設(shè)計(jì)

原文標(biāo)題:設(shè)計(jì)故事| QQ9輕松做自己

來(lái)源公眾號(hào):騰訊ISUX(ID:tencent_isux),騰訊ISUX用戶體驗(yàn)與設(shè)計(jì)部。

本文由人人都是產(chǎn)品經(jīng)理合作媒體@騰訊ISUX 授權(quán)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 還是以前的QQ更有感覺、更好用、更有辨識(shí)度?,F(xiàn)在的QQ像微信、像釘釘、像……就是不像它自己。。。。。何況,真的不好用

    來(lái)自福建 回復(fù)
  2. 問題來(lái)了,老人機(jī)能不能用的了這qq。

    來(lái)自廣東 回復(fù)