【序】近期,一些網(wǎng)站都進(jìn)行了大規(guī)模的改版,如:豆瓣,迅雷(內(nèi)部展示頁),yobo,等。效果和用戶反應(yīng)都很一般?;叵肫鹬霸?jīng)的幾次改版經(jīng)驗,匯總分析后,寫出了這篇文章,和大家分享和交流吧。
【正文】
網(wǎng)站大型改版注意事項
因為網(wǎng)站的不同,現(xiàn)狀和問題的不同所以也沒有辦法統(tǒng)一制訂出規(guī)范和流程。 所以嘗試著從不同的橫向的維度來制約和規(guī)范著一些東西,總結(jié)我?guī)状螌讉€大型網(wǎng)站的改造,總結(jié)和分享以下內(nèi)容和大家交流。 拋磚引玉吧。歡迎大家多交流。
(文中的觀點和經(jīng)驗都來源與曾經(jīng)的工作,曾執(zhí)行嫁我網(wǎng),碰碰網(wǎng),UE體系的建立和排查;世紀(jì)佳緣網(wǎng)站的整體改版;世紀(jì)佳緣MSN版的改版;百合網(wǎng)用戶展示模塊;珍愛網(wǎng)整個全新網(wǎng)站的構(gòu)架和建設(shè)。) ------------------------------------------------------------------------------------------------------------------------ 首先再這里強調(diào)前期的準(zhǔn)備工作,如果這些你做不到,就不要進(jìn)行后期的改版工作了。
1.整理自己網(wǎng)站前期犯的錯誤和客戶投訴的原因。 2.清晰明確改版的目的性。(這個也是后期檢驗改版結(jié)果的參考和改版中的標(biāo)桿) 3.腦海中時刻浮現(xiàn)你網(wǎng)站的用戶的直觀的模型。(需前期的用戶模型調(diào)研分析)
------------------------------------------------------------------------------------------------------------------------ 改版過程中整體性方面的評估:
首先以下6個問題要心中有數(shù)。 1,產(chǎn)品為什么要做 2,新的產(chǎn)品或者改版想做什么? 3,考慮環(huán)境(你原有的用戶和原有的用戶的使用環(huán)境是什么) 4,你想到得到什么樣的效果 5,回歸整體(你的產(chǎn)品或者模塊在整體的網(wǎng)站或者業(yè)務(wù)模型中是否合適和平衡) 6,結(jié)果預(yù)計怎么樣?(對于新的版面或者網(wǎng)站你對這個后期的預(yù)計是什么樣)
然后請注意以下幾個整體性的面。 1,改版或后運營目的是否能達(dá)到。 2,業(yè)務(wù)部門的目的是否能達(dá)到和滿足(包括業(yè)務(wù)模式,廣告位,促銷位等) 3,用戶習(xí)慣的轉(zhuǎn)移和保留。 (重點!建議在改版之前先確定原有的用戶習(xí)慣的原型,畫出原型圖) 4,用戶習(xí)慣的延續(xù)性和拓展性。 (新版對原有的用戶習(xí)慣是否做了延續(xù)和加強的拓展,優(yōu)化了原有的用戶習(xí)慣) 5,產(chǎn)品的設(shè)計者目的自評。
---------------------------------------------------------------------------------------------------------
按照用戶流程方面:
用戶的流程是指用戶的心理模型已經(jīng)之前的網(wǎng)絡(luò)經(jīng)驗的模型和對上版網(wǎng)站熟悉的路徑和操作等方面。
1,通過網(wǎng)站的標(biāo)識和導(dǎo)航是否能了解新版網(wǎng)站的核心板塊和大致的內(nèi)部結(jié)構(gòu) 2,根據(jù)前期的產(chǎn)品經(jīng)驗了解用戶的點擊行為和查看行為推測新產(chǎn)品可點擊和查看性 3,在功能操作上流程和對一些引導(dǎo)動作的暗示 ,操作暗示和宣傳 4,頁面版式是否簡潔清爽,分塊和區(qū)域是否合理和清晰
----------------------------------------------------------------------------------------------------------
網(wǎng)站整體和網(wǎng)站功能模塊方面:
1,3個思路,清晰,最好圖形化表示。 (產(chǎn)品設(shè)計的邏輯思路,產(chǎn)品業(yè)務(wù)邏輯思路,用戶的邏輯思路) 2,網(wǎng)站模塊整體性是否比較強,是否相對不孤立 3,引導(dǎo)性,網(wǎng)站功能對引導(dǎo)用戶的作用對以下一個模塊的數(shù)據(jù)儲備是否到位。 4,網(wǎng)站相互模塊之間的平滑過度. 5,網(wǎng)站產(chǎn)品模塊標(biāo)示行標(biāo)識是否清晰醒目 6,網(wǎng)站導(dǎo)航是否能描述清晰產(chǎn)品模塊內(nèi)容和是否結(jié)構(gòu)簡單 7,產(chǎn)品狀態(tài),每種狀態(tài)和另外狀態(tài)的結(jié)合。(尤其是有注冊用戶和有交互型的網(wǎng)站) 8,產(chǎn)品的關(guān)聯(lián)性,模塊之間的銜接,業(yè)務(wù)銜接和邏輯銜接。(建議做出流程圖) 9,全局性 :功能設(shè)計在其他模塊的呈現(xiàn) 輸入和呈現(xiàn)的結(jié)果 10,頁面的組合和測試(特制在功能方面的) 11,用戶和游客不同的權(quán)限與狀態(tài),以及這些權(quán)限牽扯到功能 12,圖片的規(guī)格的統(tǒng)一,是否多種尺寸,相互之間的調(diào)用是否規(guī)格統(tǒng)一,網(wǎng)站模塊之間的規(guī)格。 13,對用戶成功結(jié)果的交互(成功提示,成功后的關(guān)聯(lián)和延伸推薦) 14,網(wǎng)站文字描述中的人稱的統(tǒng)一 15,網(wǎng)站中的用戶狀態(tài)的告知和提示
---------------------------------------------------------------------------------------------------------
網(wǎng)站設(shè)計細(xì)節(jié)方面的注意事項:
1,注冊模塊的流暢性,不要在鍵盤和鼠標(biāo)操作之間不斷的切換。(輸入交互的切換不良體驗) 2,搜索的使用--針對目的 給用戶暗示和操作入口。 3,文字描述中人性化問候 人性化的語言。 4,頁面的按鈕和內(nèi)容 ,引導(dǎo)突出和呈現(xiàn)。 5,頁面之間的切換方式,跳轉(zhuǎn)和彈出的區(qū)分,是否合情合理? 6,在一個頁面上的動作交互,同一個頁面刷新的次數(shù)不能太多。 7,引導(dǎo)性細(xì)節(jié)的設(shè)置--引導(dǎo)用戶。 8,網(wǎng)站鏈接的表現(xiàn)形式(整體性要強和清晰告知)
-----------------------------------------------------------------------------------------------------
改版交付后的對比和考核:
1,是否保持之前本站的特色 2,網(wǎng)站整體的職業(yè)化程度是否足夠 3,按不同的維度,多次排查。 譬如: 網(wǎng)站圖片,可以專人排查一遍,就圖片的邏輯,尺寸,調(diào)用,等。 網(wǎng)站模塊關(guān)聯(lián)的邏輯統(tǒng)一排查
-----------------------------------------------------------------------------------------------------
改版過程中的數(shù)據(jù)注意事項:
1,原有的數(shù)據(jù)有什么問題? 2,原有的數(shù)據(jù)取點缺陷再哪里? 3,原有的數(shù)據(jù)是否有行為和需求分析上的確實? 4,新版本要哪些點的數(shù)據(jù)? 5,數(shù)據(jù)打樁和設(shè)點的位置及實效的需求。 6,運營結(jié)果的數(shù)據(jù)的前期評估,過程修正,結(jié)果分析。 7,影響業(yè)務(wù)的數(shù)據(jù)點的挖掘準(zhǔn)備。 |