項目背景
2010年5月31日,QQ電腦管家發布第一個4.0版本,一年來,我們欣喜地看到管家的用戶量和口碑在逐漸提升。而隨著功能和特性的不斷增加,產品細節體驗所暴露的問題也越來越多、越來越迫切。由此,產品、CDC設計團隊在7、8、9月啟動“QQ電腦管家用戶體驗季”,在界面視覺風格、界面布局、功能引導、智能貼心、信息呈現等方面,集中改進產品細節體驗問題。在此期間,設計團隊通過封閉設計,對管家目前的體驗問題進行集中梳理,將目前管家的體驗問題逐一解決。
前期准備
從去年開始,QQ電腦管家團隊每月定期舉行用戶體驗會和專家體驗會,對當月版本進行走查體驗,同時通過論壇、微博等收集用戶反饋,將這些發現的問題並梳理,並在下個版本中著手解決。
體驗優化設計原則
首頁優化
首頁作為安全體檢和其他功能模塊的入口,也是用戶看到管家的第一個界面,在這次體驗優化中做了重點優化。
功能引導優化
這次對於引導過程的優化,設計師和產品一起將每個功能的引導wording都進行了檢查,之前的wording是簡潔風格的,語言會較生硬。這次優化,我們在簡潔的基礎上,增強了引導的清晰性,同時將語言定位在偏重口語化的風格。
例,如下圖所示,一個過程頁面的引導wording,必須包含3個部分:
信息展現優化
用戶在使用管家時,會看到很多和電腦安全相關的信息,之前在內部體驗時收到反饋,很多信息因為寫的太專業,不理解是什麼意思。那麼這次針對信息展現優化以下2點:
1、展現讓用戶看的懂的信息
將計算機方面的專業術語盡量的翻譯成用戶可以理解的語言。這次優化,將管家主tab上的功能的信息都做了優化,例如將木馬查殺的“自定義掃描”優化為“指定位置掃描”。
2、弱化非重要的操作按鈕。
非重要、不常用的操作按鈕在界面中重復出現,會使得界面不簡潔。在這次優化中,將非重要操作按鈕默認不顯示,鼠標mouseover後才顯示。如下圖:
微創新
反復體驗之前的木馬查殺,發現一個很小的瞬間:每次開始快速掃描後,在切換tab使用其他功能時,總是不知道掃描何時會完成,於是總是頻繁切換tab查看。
怎麼辦呢?設計師在發現了這個小的細節後,和開發同學一起,將主tab的圖標變成了可以動態展現的樣式。當用戶在進行木馬掃描,切換tab後,木馬查殺tab會有掃描的動畫,告知用戶正在掃描。在掃描結束後,同樣會將掃描結果展現在圖標上。這樣,用戶就不需要頻繁切換tab就知道是否掃描完成了。
這個掃描過程實時反饋的交互方式正在申請專利中,目前國內其他的安全類軟件都沒有在這個細節點上有相同的表現。
視覺體驗提升
用戶會喜歡什麼樣的視覺風格呢?
管家皮膚改版之前,我們對4組約25名管家典型用戶做了圖片投射研究,以挖掘用戶內心的視覺偏好及原因。圖片投射所用50張圖片由數位設計師從200張圖片中精心挑選,每張圖片由約10個視覺維度標簽定義。
通過分析用戶對各類圖片的視覺偏好,得出了每類用戶的代表圖片及關鍵標簽。
進一步分析用戶對管家及偏好圖片的認知和評價後,提取出視覺定位關鍵詞。
最後,設計師分別從用戶和專業角度上做了視覺定位分析。
經過前面的用戶調研我們能夠了解到用戶心目中理想的QQ電腦管家的感覺,於是在整體風格上作出了定位:
1、管家的整體風格定位為輕薄的半透明磨砂風格,滿足用戶希望輕盈安靜的心理預期。
2、圖標定位為有一定透視角度的立體圖標,滿足用戶希望管家是實實在在有立體感的心理預期。
3、在皮膚的設定上我們根據冷色、暖色、明亮、暗淡 四個緯度上做了均衡和取捨,滿足不同性別、和年齡層次用戶對皮膚風格的要求,總有一款適合您!
結語
QQ電腦管家6.0已經發布,這裡感謝參與設計的同學們,在一個會議室裡封閉設計的日子雖然辛苦,但確實開心快樂的。
“良好的用戶體驗,全在於那些完美的瞬間。”QQ電腦管家團隊會將體驗優化持續進行下去,讓用戶在使用過程中體驗到更快、更安全的瞬間!
作者:路飛
文章來源:騰訊CDC 轉載請注明出處鏈接。