2010年5月31日，QQ電腦管家發(fā)布第一個(gè)4.0版本，一年來(lái)，我們欣喜地看到管家的用戶量和口碑在逐漸提升。而隨著功能和特性的不斷增加，產(chǎn)品細(xì)節(jié)體驗(yàn)所暴露的問(wèn)題也越來(lái)越多、越來(lái)越迫切。由此，產(chǎn)品、CDC設(shè)計(jì)團(tuán)隊(duì)在7、8、9月啟動(dòng)“QQ電腦管家用戶體驗(yàn)季”，在界面視覺(jué)風(fēng)格、界面布局、功能引導(dǎo)、智能貼心、信息呈現(xiàn)等方面，集中改進(jìn)產(chǎn)品細(xì)節(jié)體驗(yàn)問(wèn)題。在此期間，設(shè)計(jì)團(tuán)隊(duì)通過(guò)封閉設(shè)計(jì)，對(duì)管家目前的體驗(yàn)問(wèn)題進(jìn)行集中梳理，將目前管家的體驗(yàn)問(wèn)題逐一解決。

從去年開(kāi)始，QQ電腦管家團(tuán)隊(duì)每月定期舉行用戶體驗(yàn)會(huì)和專家體驗(yàn)會(huì)，對(duì)當(dāng)月版本進(jìn)行走查體驗(yàn)，同時(shí)通過(guò)論壇、微博等收集用戶反饋，將這些發(fā)現(xiàn)的問(wèn)題進(jìn)行梳理，并在下個(gè)版本中著手解決。

?

首頁(yè)作為安全體檢和其他功能模塊的入口，也是用戶看到管家的第一個(gè)界面，在這次體驗(yàn)優(yōu)化中做了重點(diǎn)優(yōu)化。

?

這次對(duì)于引導(dǎo)過(guò)程的優(yōu)化，設(shè)計(jì)師和產(chǎn)品一起將每個(gè)功能的引導(dǎo)wording都進(jìn)行了檢查，之前的wording是簡(jiǎn)潔風(fēng)格的，語(yǔ)言會(huì)較生硬。這次優(yōu)化，我們?cè)诤?jiǎn)潔的基礎(chǔ)上，增強(qiáng)了引導(dǎo)的清晰性，同時(shí)將語(yǔ)言定位在偏重口語(yǔ)化的風(fēng)格。
例，如下圖所示，一個(gè)過(guò)程頁(yè)面的引導(dǎo)wording，必須包含3個(gè)部分：

用戶在使用管家時(shí)，會(huì)看到很多和電腦安全相關(guān)的信息，之前在內(nèi)部體驗(yàn)時(shí)收到反饋，很多信息因?yàn)閷?xiě)的太專業(yè)，不理解是什么意思。那么這次針對(duì)信息展現(xiàn)優(yōu)化以下2點(diǎn)：
１. 展現(xiàn)讓用戶看的懂的信息
將計(jì)算機(jī)方面的專業(yè)術(shù)語(yǔ)盡量的翻譯成用戶可以理解的語(yǔ)言。這次優(yōu)化，將管家主tab上的功能的信息都做了優(yōu)化，例如將木馬查殺的“自定義掃描”優(yōu)化為“指定位置掃描”。

２. 弱化非重要的操作按鈕。
非重要、不常用的操作按鈕在界面中重復(fù)出現(xiàn)，會(huì)使得界面不簡(jiǎn)潔。在這次優(yōu)化中，將非重要操作按鈕默認(rèn)不顯示，鼠標(biāo)mouseover后才顯示。如下圖：

反復(fù)體驗(yàn)之前的木馬查殺，發(fā)現(xiàn)一個(gè)很小的瞬間：每次開(kāi)始快速掃描后，在切換tab使用其他功能時(shí)，總是不知道掃描何時(shí)會(huì)完成，于是總是頻繁切換tab查看。
怎么辦呢？設(shè)計(jì)師在發(fā)現(xiàn)了這個(gè)小的細(xì)節(jié)后，和開(kāi)發(fā)同學(xué)一起，將主tab的圖標(biāo)變成了可以動(dòng)態(tài)展現(xiàn)的樣式。當(dāng)用戶在進(jìn)行木馬掃描，切換tab后，木馬查殺tab會(huì)有掃描的動(dòng)畫(huà)，告知用戶正在掃描。在掃描結(jié)束后，同樣會(huì)將掃描結(jié)果展現(xiàn)在圖標(biāo)上。這樣，用戶就不需要頻繁切換tab就知道是否掃描完成了。
這個(gè)掃描過(guò)程實(shí)時(shí)反饋的交互方式正在申請(qǐng)專利中，目前國(guó)內(nèi)其他的安全類軟件都沒(méi)有在這個(gè)細(xì)節(jié)點(diǎn)上有相同的表現(xiàn)。

用戶會(huì)喜歡什么樣的視覺(jué)風(fēng)格呢？
管家皮膚改版之前，我們對(duì)4組約25名管家典型用戶做了圖片投射研究，以挖掘用戶內(nèi)心的視覺(jué)偏好及原因。圖片投射所用50張圖片由數(shù)位設(shè)計(jì)師從200張圖片中精心挑選，每張圖片由約10個(gè)視覺(jué)維度標(biāo)簽定義。

通過(guò)分析用戶對(duì)各類圖片的視覺(jué)偏好，得出了每類用戶的代表圖片及關(guān)鍵標(biāo)簽。

進(jìn)一步分析用戶對(duì)管家及偏好圖片的認(rèn)知和評(píng)價(jià)后，提取出視覺(jué)定位關(guān)鍵詞。

最后，設(shè)計(jì)師分別從用戶和專業(yè)角度上做了視覺(jué)定位分析。

經(jīng)過(guò)前面的用戶調(diào)研我們能夠了解到用戶心目中理想的QQ電腦管家的感覺(jué)，于是在整體風(fēng)格上作出了定位：
１. 管家的整體風(fēng)格定位為輕薄的半透明磨砂風(fēng)格，滿足用戶希望輕盈安靜的心理預(yù)期。
２. 圖標(biāo)定位為有一定透視角度的立體圖標(biāo)，滿足用戶希望管家是實(shí)實(shí)在在有立體感的心理預(yù)期。
３. 在皮膚的設(shè)定上我們根據(jù)冷色、暖色、明亮、暗淡 四個(gè)緯度上做了均衡和取舍，滿足不同性別、和年齡層次用戶對(duì)皮膚風(fēng)格的要求，總有一款適合您！

QQ電腦管家6.0已經(jīng)發(fā)布，這里感謝參與設(shè)計(jì)的同學(xué)們，在一個(gè)會(huì)議室里封閉設(shè)計(jì)的日子雖然辛苦，但確實(shí)開(kāi)心快樂(lè)的。
“良好的用戶體驗(yàn)，全在于那些完美的瞬間?！盦Q電腦管家團(tuán)隊(duì)會(huì)將體驗(yàn)優(yōu)化持續(xù)進(jìn)行下去，讓用戶在使用過(guò)程中體驗(yàn)到更快、更安全的瞬間！

QQ電腦管家6.0下載地址：http://guanjia.qq.com/

最后附上ken老師通宵幾晚制作的QQ電腦管家6.0宣傳視頻:

• (本文出自Tencent CDC Blog，轉(zhuǎn)載時(shí)請(qǐng)注明出處)