網站大規(guī)模改版注意事項_網頁設計教程

推薦：激發(fā)你靈感的50個優(yōu)秀的Favicons
原文：http://www.smashingmagazine.com/2007/01/31/inspire-yourself-50-remarkable-favicons/翻譯：Blank（懌飛）InspireYourself:50RemarkableFavi

【序】近期，一些網站都進行了大規(guī)模的改版，如：豆瓣，迅雷（內部展示頁），yobo，等。效果和用戶反應都很一般。回想起之前曾經的幾次改版經驗，匯總分析后，寫出了這篇文章，和大家分享和交流吧。

【正文】

網站大型改版注重事項

因為網站的不同，現狀和問題的不同所以也沒有辦法統(tǒng)一制訂出規(guī)范和流程。
所以嘗試著從不同的橫向的維度來制約和規(guī)范著一些東西，總結我?guī)状螌�幾個大型網站的改造，總結和分享以下內容和大家交流。
拋磚引玉吧。歡迎大家多交流。

（文中的觀點和經驗都來源與曾經的工作，曾執(zhí)行嫁我網，碰碰網，UE體系的建立和排查；世紀佳緣網站的整體改版；世紀佳緣MSN版的改版；百合網用戶展示模塊；珍愛網整個全新網站的構架和建設。）
------------------------------------------------------------------------------------------------------------------------
首先再這里強調前期的預備工作，假如這些你做不到，就不要進行后期的改版工作了。

? 整理自己網站前期犯的錯誤和客戶投訴的原因。
? 清楚明確改版的目的性。（這個也是后期檢驗改版結果的參考和改版中的標桿）
? 腦海中時刻浮現你網站的用戶的直觀的模型。（需前期的用戶模型調研分析）

------------------------------------------------------------------------------------------------------------------------
改版過程中整體性方面的評估：

首先以下6個問題要心中有數。
1，產品為什么要做
2，新的產品或者改版想做什么？
3，考慮環(huán)境（你原有的用戶和原有的用戶的使用環(huán)境是什么）
4，你想到得到什么樣的效果
5，回歸整體（你的產品或者模塊在整體的網站或者業(yè)務模型中是否合適和平衡）
6，結果預計怎么樣？（對于新的版面或者網站你對這個后期的預計是什么樣）

然后請注重以下幾個整體性的面。
1，改版或后運營目的是否能達到。
2，業(yè)務部門的目的是否能達到和滿足（包括業(yè)務模式，廣告位，促銷位等）
3，用戶習慣的轉移和保留。
（重點！建議在改版之前先確定原有的用戶習慣的原型，畫出原型圖）
4，用戶習慣的延續(xù)性和拓展性。
（新版對原有的用戶習慣是否做了延續(xù)和加強的拓展，優(yōu)化了原有的用戶習慣）
5，產品的設計者目的自評。

---------------------------------------------------------------------------------------------------------

按照用戶流程方面：

用戶的流程是指用戶的心理模型已經之前的網絡經驗的模型和對上版網站熟悉的路徑和操作等方面。

1，通過網站的標識和導航是否能了解新版網站的核心板塊和大致的內部結構
2，根據前期的產品經驗了解用戶的點擊行為和查看行為推測新產品可點擊和查看性
3，在功能操作上流程和對一些引導動作的暗示 ，操作暗示和宣傳
4，頁面版式是否簡潔清爽，分塊和區(qū)域是否合理和清楚

----------------------------------------------------------------------------------------------------------

網站整體和網站功能模塊方面：

1，3個思路，清楚，最好圖形化表示。
（產品設計的邏輯思路，產品業(yè)務邏輯思路，用戶的邏輯思路）
2，網站模塊整體性是否比較強，是否相對不孤立
3，引導性，網站功能對引導用戶的作用對以下一個模塊的數據儲備是否到位。
4，網站相互模塊之間的平滑過度.
5，網站產品模塊標示行標識是否清楚醒目
6，網站導航是否能描述清楚產品模塊內容和是否結構簡單
7，產品狀態(tài)，每種狀態(tài)和另外狀態(tài)的結合。（尤其是有注冊用戶和有交互型的網站）
8，產品的關聯性，模塊之間的銜接，業(yè)務銜接和邏輯銜接。（建議做出流程圖）
9，全局性 ：功能設計在其他模塊的呈現 輸入和呈現的結果
10，頁面的組合和測試（特制在功能方面的）
11，用戶和游客不同的權限與狀態(tài)，以及這些權限牽扯到功能
12，圖片的規(guī)格的統(tǒng)一，是否多種尺寸，相互之間的調用是否規(guī)格統(tǒng)一，網站模塊之間的規(guī)格。
13，對用戶成功結果的交互（成功提示，成功后的關聯和延伸推薦）
14，網站文字描述中的人稱的統(tǒng)一
15，網站中的用戶狀態(tài)的告知和提示

---------------------------------------------------------------------------------------------------------

網站設計細節(jié)方面的注重事項：

1，注冊模塊的流暢性，不要在鍵盤和鼠標操作之間不斷的切換。（輸入交互的切換不良體驗）
2，搜索的使用--針對目的 給用戶暗示和操作入口。
3，文字描述中人性化問候 人性化的語言。
4，頁面的按鈕和內容 ，引導突出和呈現。
5，頁面之間的切換方式，跳轉和彈出的區(qū)分，是否合情合理？
6，在一個頁面上的動作交互，同一個頁面刷新的次數不能太多。
7，引導性細節(jié)的設置--引導用戶。
8，網站鏈接的表現形式（整體性要強和清楚告知）

-----------------------------------------------------------------------------------------------------

改版交付后的對比和考核：

1，是否保持之前本站的特色
2，網站整體的職業(yè)化程度是否足夠
3，按不同的維度，多次排查。
譬如：
網站圖片，可以專人排查一遍，就圖片的邏輯，尺寸，調用，等。
網站模塊關聯的邏輯統(tǒng)一排查

-----------------------------------------------------------------------------------------------------

改版過程中的數據注重事項：

1，原有的數據有什么問題？
2，原有的數據取點缺陷再哪里？
3，原有的數據是否有行為和需求分析上的確實？
4，新版本要哪些點的數據？
5，數據打樁和設點的位置及實效的需求。
6，運營結果的數據的前期評估，過程修正，結果分析。
7，影響業(yè)務的數據點的挖掘預備。

-----------------------------------------------------------------------------------------------------------
寫此文，內容的收集來源與曾經的團隊的分享總結，感謝曾經我們的珍愛產品團隊。

歡迎大家交流，里面的很多細則都是需要深究的。

多點規(guī)則，多點細心和專心，產品也就離用戶更近一步。

分享：19條字體設計基礎原則
譯者snl的Blog：http://snl.blueidea.com/用petit的話來說：“這是一份來自typeworkshop.com的資料，簡明扼要的描述了西文字體設計的一些基本概念，不管