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