close

專題模板(v4.0)視覺升級隨筆 - 網頁設計

http://webdesign.zoapcon.com

 

什么是專題模板?
專題模板是個工具,有了它,就可以比較方便的制作專題網頁,當然它是個內部工具。專題模板自從網站業務建立時就開始存在,也同樣經歷了幾次改版,而上一次視覺改版(v3.0)是比較重要的一次,可以說經過v3.0的改版后,它就開始向系統化的正規工具邁進了一大步。專題模板同樣也是一塊試驗田,從無到有,不好到好。這決定了它的成長路線是一條不斷完善的迭代的曲線。所以隨著時間的推移和迭代設計的規律,接下來我們又要準備開始v4.0的改版設計了。

一、調查使用情況和接收反饋意見

我們先對網站各大頻道做了對模板v3.0使用情況的普查,主要圍繞以下三個階段進行展開,主要方式以訪談和焦點小組為主。

 

專題模板主要目標用戶可以很快定義成為各頻道編輯,由于大家都工作在一起,做調查也比較方便,通過用戶(編輯)的使用普查可以發現:

1、用戶(編輯)使用模板可分找模板、加模塊、改模塊、內容灌注、代碼處理這五個步驟,而且大部分用戶(編輯)不太愿意每次制作新網頁都按照流程去制作,導致了后期產出物無論從代碼或者視覺都很規范,這個問題一直在困擾我們,用戶也迫切的需要一個無代碼操作的生產體驗,似乎可視化模板勢在必行了(關于可視化模板概念下面還將提到)。

 

2、焦點小組、競品分析討論:

 

可以看出視覺、可用性、功能還是比較欠缺的,主要意見為:
1、模板樣式過于單一并且一致性較弱,整體版式視覺感受不太適應各頻道特點;
2、可用性方面分數最低,最大原因是模板系統功能欠缺,比如具體模塊、樣式組合不能實現工具化;
3、功能方面分數也偏低,這方面主要表現為大多數用戶指出無法形成流暢的頁面生產流程(過程);

通過了前期的調研和分析后我們初步制定了以下的升級實施方案:

● 調整了主視覺樣式,更突顯網站一致化
基本上對所有樣式進行了修改,最大限度地把網站頻道頁樣式整合到其中,使專題網頁與網站形成一個有機的銜接;

● 通用、共享
通過對模板皮膚的拆分和更細的模塊化的處理,使模板模塊實現全站通用。提高模板、模塊和樣式皮膚資源的利用率

● 建立風格樣式庫和素材庫
提供各種風格的樣式皮膚供選擇,使專題模板不再乏味,能夠在統一規范的頁面架構中體現比較個性化的配色方案。

● 提升系統可用性
對模板系統中的界面、功能、內容、和可用性進行全面的優化。使系統界面更加友好,模塊分類更加詳細,整個系統框架的邏輯關系更加嚴謹和更具擴展性。

二、計劃實施
結合改版首頁視覺樣式特點,適當地在專題模板中引入,比如導航、各分欄和通欄欄目條樣式、整體頁面布局、常規文字樣式以及大小等等。

1、視覺樣式

 


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 imarketin 的頭像
    imarketin

    imarketin的部落格

    imarketin 發表在 痞客邦 留言(0) 人氣()