文章描述：設(shè)計(jì)中的繼承與顛覆：以QQ空間V6設(shè)計(jì)產(chǎn)品升級(jí)為例.
空間誕生6年了，終于再一次升級(jí)，迎來(lái)了革新的V6.0版，它是近年來(lái)最重要的版本升級(jí)，肩負(fù)著空間的戰(zhàn)略轉(zhuǎn)型，促進(jìn)平臺(tái)開(kāi)放，提升營(yíng)收與活躍用戶(hù)的重任，
至頂而下的設(shè)計(jì)思路:QQ空間V6.0版
。所以這一版本的升級(jí)，我們改變從前自細(xì)節(jié)入手，直接優(yōu)化流程與表現(xiàn)的設(shè)計(jì)思路。而是從全局的角度切入，重新思考平臺(tái)的定位策略，進(jìn)一步整合信息架構(gòu)，顛覆表現(xiàn)層的交互體驗(yàn)，提升用戶(hù)對(duì)QQ空間的品牌認(rèn)知與情感認(rèn)同。改變過(guò)去每一次升級(jí)后，新增加的特性與功能為空間造成的臃腫復(fù)雜的現(xiàn)狀所以引入了Jesse Garrett的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)層次模型，從頭夯實(shí)基礎(chǔ)，從而打造一個(gè)體驗(yàn)全面升級(jí)的空間新版。
一起來(lái)看看設(shè)計(jì)推導(dǎo)的過(guò)程吧：
根據(jù)Jesse Garrett的產(chǎn)品設(shè)計(jì)層次模型，重新梳理QQ空間的產(chǎn)品定位，探索在新的視覺(jué)形式框架下形成清晰的可供性感知。
重點(diǎn)在戰(zhàn)略層
通過(guò)平衡產(chǎn)品的成熟度與，項(xiàng)目時(shí)間與內(nèi)部數(shù)據(jù)指標(biāo)，我們選擇了“數(shù)據(jù)挖掘，用戶(hù)反饋，用戶(hù)訪談，問(wèn)卷調(diào)查，市場(chǎng)調(diào)研，競(jìng)品分析與戰(zhàn)略決策”這幾種研究方式來(lái)快速定位產(chǎn)品目標(biāo)與用戶(hù)需求，確定升級(jí)策略。
定位產(chǎn)品目標(biāo)
方法：數(shù)據(jù)挖掘，競(jìng)品分析，戰(zhàn)略決策
數(shù)據(jù)整理：收入組成（上）與用戶(hù)活躍度（中、下）對(duì)比。
分析：增值收入上升趨緩，廣告收入潛力大，應(yīng)用類(lèi)型匱乏，用戶(hù)互動(dòng)少，活躍度低，內(nèi)容質(zhì)量差
產(chǎn)品目標(biāo)與解決方案：
拓展新收入渠道－拓寬頁(yè)面至960px，增加二三級(jí)頁(yè)面的廣告投放，提高曝光量;完善in-app purchase渠道
增加平臺(tái)可玩性，提高用戶(hù)活躍度－開(kāi)放平臺(tái)，上線應(yīng)用中心，視頻中心與讀書(shū)中心
增加用戶(hù)的互動(dòng)－ 整合消息推送體系，完善隱私權(quán)限體系，重塑關(guān)系鏈
定位用戶(hù)需求
方法：用戶(hù)行為挖掘，用戶(hù)反饋，用戶(hù)訪談，問(wèn)卷調(diào)查
數(shù)據(jù)整理：用戶(hù)的反饋與建議集中在以下幾點(diǎn)。
分析：空間界面亂，加載速度慢，裝扮效果差，內(nèi)容質(zhì)量低，功能選項(xiàng)雜
用戶(hù)需求與解決方案：
提升裝扮豐度與質(zhì)量－優(yōu)化裝扮流程與框架，升級(jí)裝扮樣式
提升響應(yīng)速度與瀏覽體驗(yàn)－服務(wù)器性能優(yōu)化，底層框架重構(gòu)，瀏覽器表現(xiàn)差異化
提升內(nèi)容質(zhì)量－進(jìn)一步擴(kuò)展認(rèn)證空間，feed接入標(biāo)準(zhǔn)化
功能去耦，表現(xiàn)做減法－拆分統(tǒng)一設(shè)置入口，強(qiáng)化隱私權(quán)限，全局設(shè)置與個(gè)人資料， 裝扮模板46套減為優(yōu)化后的20套，5類(lèi)版式減為優(yōu)化后的3種，
電腦資料
《至頂而下的設(shè)計(jì)思路:QQ空間V6.0版》(http://www.oriental01.com)。風(fēng)險(xiǎn)控制
風(fēng)險(xiǎn)：6年的產(chǎn)品，老用戶(hù)使用習(xí)慣；忠實(shí)用戶(hù)對(duì)小窩版的偏愛(ài)，死不透的ie6
控制思路：
老用戶(hù)使用習(xí)慣－完善升級(jí)策略，提供老版的過(guò)渡期，提前內(nèi)測(cè)
忠實(shí)用戶(hù)小窩版－提升版本兼容性，提供小窩版的替代方案及更豐富的場(chǎng)景版
ie6的拖累－瀏覽器效果差異化，引導(dǎo)升級(jí)瀏覽器
重構(gòu)結(jié)構(gòu)層
對(duì)混亂的信息架構(gòu)重新進(jìn)行了整理與歸納，并通過(guò)與框架層與表現(xiàn)層的結(jié)合，將結(jié)構(gòu)的改進(jìn)體現(xiàn)在導(dǎo)航與應(yīng)用界面設(shè)計(jì)中，提供用戶(hù)一個(gè)可學(xué)習(xí)的體系。
表現(xiàn)層界面分層
空間平臺(tái)的結(jié)構(gòu)經(jīng)過(guò)幾次擴(kuò)容，產(chǎn)品體系混亂，用戶(hù)對(duì)個(gè)人中心，主頁(yè)及應(yīng)用關(guān)系的認(rèn)知存在障礙，使用QQ空間類(lèi)似盲人摸象，用戶(hù)只能復(fù)述進(jìn)入農(nóng)牧場(chǎng)或訪問(wèn)主頁(yè)的操作路徑。頂部的工具條沒(méi)有起到很好的導(dǎo)航作用是其中一個(gè)原因，設(shè)計(jì)方案是將工具條替換為全局情境導(dǎo)航，使用戶(hù)不論身處哪個(gè)頁(yè)面，都能快速的跳轉(zhuǎn)平臺(tái)的主干節(jié)點(diǎn)，將應(yīng)用中心與空間裝扮兩個(gè)未來(lái)的營(yíng)收增值點(diǎn)通過(guò)導(dǎo)航進(jìn)一步提升強(qiáng)化。
界面元素分層特性的研究，便于對(duì)不同層次的行為表達(dá)進(jìn)行管理與創(chuàng)新。
風(fēng)格重定位
場(chǎng)景主頁(yè)－重構(gòu)底層框架，使新主頁(yè)的設(shè)計(jì)自由度更大，效果上流。
應(yīng)用中心－豐富內(nèi)容，通過(guò)信息設(shè)計(jì)對(duì)內(nèi)容維度進(jìn)行了縮減合并，從而降低了界面復(fù)雜度的展現(xiàn)。
通過(guò)至頂而下的設(shè)計(jì)思路，從產(chǎn)品定位開(kāi)始一直到界面的視覺(jué)實(shí)現(xiàn)，能夠從根源上梳理清楚積弊多年的成熟產(chǎn)品，從新的產(chǎn)品戰(zhàn)略提供看一個(gè)容寬性更大的產(chǎn)品架構(gòu)。但這種設(shè)計(jì)方法也有明顯的不足，如在細(xì)節(jié)的進(jìn)化不夠充分，對(duì)市場(chǎng)需求與用戶(hù)的反饋不夠及時(shí)，市場(chǎng)定位存在偏離風(fēng)險(xiǎn)等。需要多種設(shè)計(jì)方法結(jié)合起來(lái)迭代校正設(shè)計(jì)過(guò)程，同時(shí)做好風(fēng)險(xiǎn)預(yù)案，以保證設(shè)計(jì)不會(huì)偏離市場(chǎng)目標(biāo)，最終獲得用戶(hù)的認(rèn)可！