建站常識
專題模板(v4.0)視覺升級隨筆
2010-06-02 08:47:00
什么是專題模板?
專題模板是個(gè)工具,有了它,就可以比較方便的制作專題網(wǎng)頁,當(dāng)然它是個(gè)內(nèi)部工具。專題模板自從網(wǎng)站業(yè)務(wù)建立時(shí)就開始存在,也同樣經(jīng)歷了幾次改版,而上一次視覺改版(v3.0)是比較重要的一次,可以說經(jīng)過v3.0的改版后,它就開始向系統(tǒng)化的正規(guī)工具邁進(jìn)了一大步。專題模板同樣也是一塊試驗(yàn)田,從無到有,不好到好。這決定了它的成長路線是一條不斷完善的迭代的曲線。所以隨著時(shí)間的推移和迭代設(shè)計(jì)的規(guī)律,接下來我們又要準(zhǔn)備開始v4.0的改版設(shè)計(jì)了。
一、調(diào)查使用情況和接收反饋意見
我們先對網(wǎng)站各大頻道做了對模板v3.0使用情況的普查,主要圍繞以下三個(gè)階段進(jìn)行展開,主要方式以訪談和焦點(diǎn)小組為主。
專題模板主要目標(biāo)用戶可以很快定義成為各頻道編輯,由于大家都工作在一起,做調(diào)查也比較方便,通過用戶(編輯)的使用普查可以發(fā)現(xiàn):
1、用戶(編輯)使用模板可分找模板、加模塊、改模塊、內(nèi)容灌注、代碼處理這五個(gè)步驟,而且大部分用戶(編輯)不太愿意每次制作新網(wǎng)頁都按照流程去制作,導(dǎo)致了后期產(chǎn)出物無論從代碼或者視覺都很規(guī)范,這個(gè)問題一直在困擾我們,用戶也迫切的需要一個(gè)無代碼操作的生產(chǎn)體驗(yàn),似乎可視化模板勢在必行了(關(guān)于可視化模板概念下面還將提到)。
2、焦點(diǎn)小組、競品分析討論:
可以看出視覺、可用性、功能還是比較欠缺的,主要意見為:
1、模板樣式過于單一并且一致性較弱,整體版式視覺感受不太適應(yīng)各頻道特點(diǎn);
2、可用性方面分?jǐn)?shù)最低,最大原因是模板系統(tǒng)功能欠缺,比如具體模塊、樣式組合不能實(shí)現(xiàn)工具化;
3、功能方面分?jǐn)?shù)也偏低,這方面主要表現(xiàn)為大多數(shù)用戶指出無法形成流暢的頁面生產(chǎn)流程(過程);
通過了前期的調(diào)研和分析后我們初步制定了以下的升級實(shí)施方案:
● 調(diào)整了主視覺樣式,更突顯網(wǎng)站一致化
基本上對所有樣式進(jìn)行了修改,最大限度地把網(wǎng)站頻道頁樣式整合到其中,使專題網(wǎng)頁與網(wǎng)站形成一個(gè)有機(jī)的銜接;
● 通用、共享
通過對模板皮膚的拆分和更細(xì)的模塊化的處理,使模板模塊實(shí)現(xiàn)全站通用。提高模板、模塊和樣式皮膚資源的利用率
● 建立風(fēng)格樣式庫和素材庫
提供各種風(fēng)格的樣式皮膚供選擇,使專題模板不再乏味,能夠在統(tǒng)一規(guī)范的頁面架構(gòu)中體現(xiàn)比較個(gè)性化的配色方案。
● 提升系統(tǒng)可用性
對模板系統(tǒng)中的界面、功能、內(nèi)容、和可用性進(jìn)行全面的優(yōu)化。使系統(tǒng)界面更加友好,模塊分類更加詳細(xì),整個(gè)系統(tǒng)框架的邏輯關(guān)系更加嚴(yán)謹(jǐn)和更具擴(kuò)展性。
二、計(jì)劃實(shí)施
結(jié)合改版首頁視覺樣式特點(diǎn),適當(dāng)?shù)卦趯n}模板中引入,比如導(dǎo)航、各分欄和通欄欄目條樣式、整體頁面布局、常規(guī)文字樣式以及大小等等。
1、視覺樣式
#p#2、布局
3、通用的,多樣的樣式
通用的、多樣風(fēng)格化的樣式庫也是這次改版的要點(diǎn)之一,決定加入該項(xiàng)是為了較好地節(jié)約用戶(編輯)生產(chǎn)頁面時(shí)的美術(shù)成本,以往大多數(shù)頁面的皮膚樣式都需要請求設(shè)計(jì)中心支持,如今有了樣式庫,則大多數(shù)情況下可以在當(dāng)中挑選合適的樣式來搭配頁面了,目前樣式庫已有大約60套以上的風(fēng)格皮膚可供選擇了。
4、系統(tǒng)
針對系統(tǒng)的改進(jìn)是一個(gè)比較大的問題,起初做完調(diào)研后的想法是要做一個(gè)比較智能化的系統(tǒng),里面最少涵蓋用戶使用時(shí)的基本功能,其實(shí)像這類換膚換模塊的功能早已不是什么新技術(shù),但是我們的專題模板系統(tǒng)到目前還沒有這些功能,如果要開發(fā)這些功能,則要重新開啟項(xiàng)目計(jì)劃,時(shí)間緊迫,所以本次的可視化系統(tǒng)方案只能留著下一版再來實(shí)現(xiàn)了。
可視化系統(tǒng)方案設(shè)想搞:
不過除了可視化方案以外,還是有其他改良空間的,比如對系統(tǒng)中的界面、內(nèi)容、和可用性進(jìn)行最大程度的優(yōu)化。使系統(tǒng)界面更加友好,模塊分類更加詳細(xì),整個(gè)系統(tǒng)框架的邏輯關(guān)系更加嚴(yán)謹(jǐn)和更具擴(kuò)展性等。
三、不斷完善
現(xiàn)在,v4.0模板系統(tǒng)已經(jīng)上線差不多半年了,在這半年里我們繼續(xù)收集用戶(編輯)的使用反饋意見并建立了專門項(xiàng)目組持續(xù)對系統(tǒng)進(jìn)行定期的更新,到目前為止系統(tǒng)已經(jīng)進(jìn)行了5次以上的更新,各類模板、皮膚和模塊都日趨完整了。說到這里v5.0似乎又要開始啟動(dòng)了,因?yàn)榭梢暬0逑到y(tǒng)目前已經(jīng)正在處于測試階段,很快將會(huì)到beta版的測試,這是一個(gè)重大的革新,伴隨著可視化系統(tǒng)的應(yīng)用,咱們的專題界面也會(huì)做相應(yīng)的改良升級以適應(yīng)當(dāng)前的視覺格局,要做的事還很多??!好了,以上便是對于這個(gè)項(xiàng)目的一點(diǎn)隨筆,內(nèi)容不多,寫得不好,多多包涵~
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2010-01-19 11:11:00] 交互設(shè)計(jì)(6)–突出重點(diǎn),一目了然
- [2009-06-09 22:40:00] 值得借鑒的白社會(huì)的交互設(shè)計(jì)
- [2010-05-17 17:15:00] 為線框圖多留點(diǎn)時(shí)間
- [2010-06-23 16:53:00] Less is more—對素材處理的思考
- [2010-06-21 22:36:00] 可用性在于細(xì)節(jié)
- [2009-06-15 14:38:00] 再談交互設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)工作
- [2009-06-24 08:07:00] 為什么視覺設(shè)計(jì)師需要懂HTML
- [2010-06-10 16:12:00] 數(shù)據(jù)研究在交互設(shè)計(jì)中的應(yīng)用
- [2010-06-01 08:32:00] 設(shè)計(jì)公式:簡單有效的競品分析
- [2010-06-24 08:15:00] 視覺設(shè)計(jì)師成長的三個(gè)階段
- [2016-07-28 14:12:42] 網(wǎng)站設(shè)計(jì):如何讓交互設(shè)計(jì)更加簡化?
- [2009-10-10 08:36:00] 初窺交互設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站設(shè)計(jì)趨勢 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 SEO優(yōu)化 微信小程序 視覺靈感 青島flash網(wǎng)站 網(wǎng)站設(shè)計(jì)資訊 良好的導(dǎo)航 海信網(wǎng)絡(luò)科技 微官網(wǎng)帶來的好處 網(wǎng)站制作 插畫 微網(wǎng)站 H5 營銷型網(wǎng)站 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 青島網(wǎng)頁制作 青島網(wǎng)站案例 青島高端網(wǎng)站建設(shè)公司哪家好 高端輪胎網(wǎng)站設(shè)計(jì) 企業(yè)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 用戶界面 集團(tuán)公司網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站建設(shè) 扁平化設(shè)計(jì) H5定制設(shè)計(jì) 青島高端網(wǎng)站建設(shè) 高端網(wǎng)站設(shè)計(jì)