萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  騰訊科技訊 90天日夜奮戰,8位設計師嘔心瀝血……9月26日,QQ電腦管家6.0版本正式推出,一經上線便獲得贊賞聲一片。與之前相比,6.0版本在安全性、功能性等各方面均有較大的完善,尤其是在界面設計、視覺效果方面,更是有了“革命性”的提升,堪稱一場“視覺的盛宴”!

  那麼,這場“視覺盛宴”是如何誕生的?它的誕生,又有著怎樣的故事?讓我們走進QQ電腦管家產品團隊的世界,一起探尋這背後的秘密!

  第一步,確定改進方向:用戶體驗至上

  隨著QQ電腦管家用戶的不斷增長,以及產品功能和特性的不斷增加,一些不夠完善的細節逐漸顯現出來。為此,QQ電腦管家產品、CDC設計團隊在7、 8、9三個月啟動了“QQ電腦管家用戶體驗季”,通過網絡信息收集和用戶意見反饋,發現缺陷和問題,並確定6.0版本的產品改進方向——優化界面視覺風格、調整界面布局、梳理交互流程、優化信息展示、明確引導過程,仔細推敲每一個細節,力爭讓用戶在使用過程中能夠獲得愉悅的體驗!

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的? 三聯教程

第二步,整體風格定位:發現瞬間之美

  視覺風格是用戶看到第一個瞬間,在明確改進方向之後,什麼樣的風格能夠打動用戶,便成為首要思考的問題。

  為此,QQ電腦管家產品、CDC設計團隊通過對4組不同年齡段不同職業的QQ電腦管家用戶,從200多張不同風格圖片中選擇自己最喜歡的圖片,經過4輪選擇後挑出用戶選擇頻率最高的圖片,並作出分析和判斷。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  在判斷和分析的基礎之上,QQ電腦管家產品、CDC設計團隊在6.0版本整體風格上做出了以下定位:

  (1)整體風格定位為輕薄的半透明磨砂風格,讓用戶獲得輕盈安靜的心理感受。

  (2)圖標定位為有一定透視角度的立體圖標,以凸顯立體感。

  (3)皮膚的設定上,根據冷色、暖色、明亮、暗淡四個緯度做了均衡和取捨,滿足不同性別和年齡層次用戶對皮膚風格的要求,使用戶都能找到自己的“最愛”。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  第三步,重塑產品“臉面”:改進首頁設計

  首頁是用戶打開管家看到的第一個界面,也是QQ電腦管家的“臉面”,承擔著功能引導和首頁體檢的作用。因此,QQ電腦管家產品、CDC設計團隊從用戶的使用場景出發,對產品首頁進行了各種優化。

  首先,增加首頁實時防護信息,強調用戶電腦被保護的狀態,提升用戶的安全感。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  其次,對主tab進行了調整,將彈出與非彈出的tab做了區分,精簡了用戶不常點擊的功能。同時,將主tab的圖標也按視覺風格進行了重新設計,給用戶視覺上的愉悅感受。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  再次,加大了首頁右側快速通道的面積,從原來的只能展現3個,變成現在的展示所有,讓更多的工具入口得以展現。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  最後,優化體檢過程,體檢過程動畫借用了游戲玩家經常看到的表示游戲角色生命值和魔法值的血球概念,使其看起來更加直觀。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  第四步,改進使用體驗:優化引導過程

  作為一款安全類工具軟件,使用過程中的快捷性、方便性是非常重要的一個方面。在6.0版本中,QQ電腦管家產品、CDC設計團隊對產品引導wording進行了優化,在簡潔的基礎上增強了引導的清晰性,使之更符合用戶的使用習慣。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  第五步,提升產品親切度:優化信息展現

  用戶在使用各種軟件時,會看到很多和電腦相關的信息,一般來說,這些信息都會相對比較專業,普通用戶有時候不能理解,往往會有疏離感產生!

  QQ電腦管家6.0對此進行了相應的優化,將計算機專業術語盡量轉化成用戶可以理解的語言,並用盡可能通俗易懂的方式展現出來!例如將木馬查殺的“自定義掃描”優化為“指定位置掃描”並配有簡單說明等等,同時弱化非重要的操作按鈕,讓用戶使用更簡單、更方便。

  轉播到騰訊微博

QQ電腦管家6.0幕後揭秘:精品是如何煉成的?

  經過以上“五步”,一個真正意義上的“精品”就誕生了!可以說,在QQ電腦管家6.0版本的更新升級中,“重視體驗,用戶為王”是產品、CDC設計團隊始終秉持的思想,這是QQ電腦管家6.0版本“視覺盛宴”誕生的根本,也是其獲得一致稱贊的秘訣所在!

copyright © 萬盛學電腦網 all rights reserved