萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 設計中的繼承與顛覆:以QQ空間V6設計為例

設計中的繼承與顛覆:以QQ空間V6設計為例

  空間誕生6年了,終於再一次升級,迎來了革新的V6.0版,它是近年來最重要的版本升級,肩負著空間的戰略轉型,促進平台開放,提升營收與活躍用戶的重任。所以這一版本的升級,我們改變從前自細節入手,直接優化流程與表現的設計思路。而是從全局的角度切入,重新思考平台的定位策略,進一步整合信息架構,顛覆表現層的交互體驗,提升用戶對QQ空間的品牌認知與情感認同。改變過去每一次升級後,新增加的特性與功能為空間造成的臃腫復雜的現狀

  所以引入了Jesse Garrett的互聯網產品設計層次模型,從頭夯實基礎,從而打造一個體驗全面升級的空間新版。

  一起來看看設計推導的過程吧:

  根據Jesse Garrett的產品設計層次模型,重新梳理QQ空間的產品定位,探索在新的視覺形式框架下形成清晰的可供性感知。

  重點在戰略層

  通過平衡產品的成熟度與,項目時間與內部數據指標,我們選擇了“數據挖掘,用戶反饋,用戶訪談,問卷調查,市場調研,競品分析與戰略決策”這幾種研究方式來快速定位產品目標與用戶需求,確定升級策略。

  定位產品目標

  方法:數據挖掘,競品分析,戰略決策

  數據整理:收入組成(上)與用戶活躍度(中、下)對比。

  分析:增值收入上升趨緩,廣告收入潛力大,應用類型匮乏,用戶互動少,活躍度低,內容質量差

  產品目標與解決方案:

  拓展新收入渠道-拓寬頁面至960px,增加二三級頁面的廣告投放,提高曝光量;完善in-app purchase渠道

  增加平台可玩性,提高用戶活躍度-開放平台,上線應用中心,視頻中心與讀書中心

  增加用戶的互動- 整合消息推送體系,完善隱私權限體系,重塑關系鏈

  定位用戶需求

  方法:用戶行為挖掘,用戶反饋,用戶訪談,問卷調查

  數據整理:用戶的反饋與建議集中在以下幾點。

  分析:空間界面亂,加載速度慢,裝扮效果差,內容質量低,功能選項雜

  用戶需求與解決方案:

  提升裝扮豐度與質量-優化裝扮流程與框架,升級裝扮樣式

  提升響應速度與浏覽體驗-服務器性能優化,底層框架重構,浏覽器表現差異化

  提升內容質量-進一步擴展認證空間,feed接入標准化

  功能去耦,表現做減法-拆分統一設置入口,強化隱私權限,全局設置與個人資料, 裝扮模板46套減為優化後的20套,5類版式減為優化後的3種。

  風險控制

  風險:6年的產品,老用戶使用習慣;忠實用戶對小窩版的偏愛,死不透的ie6

  控制思路:

  老用戶使用習慣-完善升級策略,提供老版的過渡期,提前內測

  忠實用戶小窩版-提升版本兼容性,提供小窩版的替代方案及更豐富的場景版

  ie6的拖累-浏覽器效果差異化,引導升級浏覽器

  重構結構層

  對混亂的信息架構重新進行了整理與歸納,並通過與框架層與表現層的結合,將結構的改進體現在導航與應用界面設計中,提供用戶一個可學習的體系。

  表現層界面分層

  空間平台的結構經過幾次擴容,產品體系混亂,用戶對個人中心,主頁及應用關系的認知存在障礙,使用QQ空間類似盲人摸象,用戶只能復述進入農牧場或訪問主頁的操作路徑。頂部的工具條沒有起到很好的導航作用是其中一個原因,設計方案是將工具條替換為全局情境導航,使用戶不論身處哪個頁面,都能快速的跳轉平台的主干節點,將應用中心與空間裝扮兩個未來的營收增值點通過導航進一步提升強化。

  界面元素分層特性的研究,便於對不同層次的行為表達進行管理與創新。

  風格重定位

  場景主頁-重構底層框架,使新主頁的設計自由度更大,效果上流。

  應用中心-豐富內容,通過信息設計對內容維度進行了縮減合並,從而降低了界面復雜度的展現。

  總結

  通過至頂而下的設計思路,從產品定位開始一直到界面的視覺實現,能夠從根源上梳理清楚積弊多年的成熟產品,從新的產品戰略提供看一個容寬性更大的產品架構。但這種設計方法也有明顯的不足,如在細節的進化不夠充分,對市場需求與用戶的反饋不夠及時,市場定位存在偏離風險等。需要多種設計方法結合起來迭代校正設計過程,同時做好風險預案,以保證設計不會偏離市場目標,最終獲得用戶的認可!

  作者:celiazheng

  文章來源:騰訊ISUX

copyright © 萬盛學電腦網 all rights reserved