專題模板(v4.0)視覺升級隨筆

0 評論 2209 瀏覽 0 收藏 8 分鐘

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


一、調(diào)查使用情況和接收反饋意見

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

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

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

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

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

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

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

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

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

● 提升系統(tǒng)可用性
對模板系統(tǒng)中的界面、功能、內(nèi)容、和可用性進行全面的優(yōu)化。使系統(tǒng)界面更加友好,模塊分類更加詳細,整個系統(tǒng)框架的邏輯關(guān)系更加嚴謹和更具擴展性。

二、計劃實施
結(jié)合改版首頁視覺樣式特點,適當?shù)卦趯n}模板中引入,比如導航、各分欄和通欄欄目條樣式、整體頁面布局、常規(guī)文字樣式以及大小等等。

1、視覺樣式


2、布局


3、通用的,多樣的樣式

通用的、多樣風格化的樣式庫也是這次改版的要點之一,決定加入該項是為了較好地節(jié)約用戶(編輯)生產(chǎn)頁面時的美術(shù)成本,以往大多數(shù)頁面的皮膚樣式都需要請求設計中心支持,如今有了樣式庫,則大多數(shù)情況下可以在當中挑選合適的樣式來搭配頁面了,目前樣式庫已有大約60套以上的風格皮膚可供選擇了。



4、系統(tǒng)
針對系統(tǒng)的改進是一個比較大的問題,起初做完調(diào)研后的想法是要做一個比較智能化的系統(tǒng),里面最少涵蓋用戶使用時的基本功能,其實像這類換膚換模塊的功能早已不是什么新技術(shù),但是我們的專題模板系統(tǒng)到目前還沒有這些功能,如果要開發(fā)這些功能,則要重新開啟項目計劃,時間緊迫,所以本次的可視化系統(tǒng)方案只能留著下一版再來實現(xiàn)了。

可視化系統(tǒng)方案設想搞:

不過除了可視化方案以外,還是有其他改良空間的,比如對系統(tǒng)中的界面、內(nèi)容、和可用性進行最大程度的優(yōu)化。使系統(tǒng)界面更加友好,模塊分類更加詳細,整個系統(tǒng)框架的邏輯關(guān)系更加嚴謹和更具擴展性等。

三、不斷完善

現(xiàn)在,v4.0模板系統(tǒng)已經(jīng)上線差不多半年了,在這半年里我們繼續(xù)收集用戶(編輯)的使用反饋意見并建立了專門項目組持續(xù)對系統(tǒng)進行定期的更新,到目前為止系統(tǒng)已經(jīng)進行了5次以上的更新,各類模板、皮膚和模塊都日趨完整了。說到這里v5.0似乎又要開始啟動了,因為可視化模板系統(tǒng)目前已經(jīng)正在處于測試階段,很快將會到beta版的測試,這是一個重大的革新,伴隨著可視化系統(tǒng)的應用,咱們的專題界面也會做相應的改良升級以適應當前的視覺格局,要做的事還很多啊!好了,以上便是對于這個項目的一點隨筆,內(nèi)容不多,寫得不好,多多包涵~

來源:http://uedc.163.com/1527.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!