首頁 > 優(yōu)秀范文 > 企業(yè)的網(wǎng)站設(shè)計(jì)
時(shí)間:2023-08-14 09:24:46
序論:速發(fā)表網(wǎng)結(jié)合其深厚的文秘經(jīng)驗(yàn),特別為您篩選了11篇企業(yè)的網(wǎng)站設(shè)計(jì)范文。如果您需要更多原創(chuàng)資料,歡迎隨時(shí)與我們的客服老師聯(lián)系,希望您能從中汲取靈感和知識(shí)!
1系統(tǒng)開發(fā)前提
1.1開發(fā)背景
電子商務(wù)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上宣傳企業(yè)形象和文化、銷售商品的重要窗口,現(xiàn)已成為企業(yè)不可缺少的網(wǎng)絡(luò)平臺(tái)。通過電子商務(wù)這一新型的商業(yè)運(yùn)營(yíng)模式,開發(fā)實(shí)現(xiàn)一個(gè)中小型電子商務(wù)購物平臺(tái)實(shí)現(xiàn)網(wǎng)絡(luò)定購、銷售和管理商品,以體現(xiàn)電子商務(wù)可以減少成本、傳播迅速、服務(wù)質(zhì)量高的優(yōu)點(diǎn)。
1.2課題開發(fā)的目標(biāo)與期望
(1)幫助企業(yè)高效的宣傳企業(yè)形象、充分展現(xiàn)企業(yè)風(fēng)采、全面的產(chǎn)品宣傳等。(2)利用網(wǎng)絡(luò)快捷方便的優(yōu)勢(shì),迅速對(duì)進(jìn)行信息采集、分析、傳遞以及對(duì)公司新聞及時(shí)的報(bào)道。(3)通過網(wǎng)絡(luò)在線供求系統(tǒng),實(shí)現(xiàn)客戶網(wǎng)上的供求信息的查詢、訂購、交易、信息反饋等。
1.3ASP的簡(jiǎn)單介紹
ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互,是一種簡(jiǎn)單、方便的編程工具。ASP是一種服務(wù)器端腳本編寫環(huán)境,可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或Web應(yīng)用程序。
2網(wǎng)站功能需求分析
根據(jù)不同用戶的不同使用需求與權(quán)限,因此不同角色在系統(tǒng)中應(yīng)具有的功能也有不同。下面是企業(yè)網(wǎng)站中三個(gè)角色具有的功能。(1)網(wǎng)站管理員應(yīng)具有的功能:①產(chǎn)品信息管理,可對(duì)產(chǎn)品進(jìn)行分類、添加、修改、刪除等操作;②產(chǎn)品訂單管理,可對(duì)訂單進(jìn)行審核等相關(guān)操作;③企業(yè)新聞管理,可對(duì)企業(yè)新聞進(jìn)行添加、修改、刪除等操作;④留言板管理,可對(duì)用戶提交的信息進(jìn)行分類、添加、刪除等操作。⑤會(huì)員信息管理,可對(duì)注冊(cè)會(huì)員信息進(jìn)行相應(yīng)管理;(2)網(wǎng)站注冊(cè)用戶應(yīng)具有的功能。對(duì)于網(wǎng)站的注冊(cè)用戶,能進(jìn)行注冊(cè)用戶的登陸功能,并能瀏覽網(wǎng)頁信息,登陸后能對(duì)產(chǎn)品進(jìn)行選擇、提交訂貨單等,在私密留言板上發(fā)表意見等。(3)網(wǎng)站非注冊(cè)用戶應(yīng)具有的功能。對(duì)于網(wǎng)站的非注冊(cè)用戶,系統(tǒng)能提供其注冊(cè)的功能,并在為非注冊(cè)用戶的情況下也能瀏覽網(wǎng)站,并可以在公開留言板上發(fā)表意見的功能。
3網(wǎng)站總體設(shè)計(jì)
3.1網(wǎng)站的總體結(jié)構(gòu)
本網(wǎng)站主要包括網(wǎng)站前臺(tái)、后臺(tái)管理系統(tǒng)和數(shù)據(jù)庫三大部分組成。網(wǎng)站前臺(tái)包括首頁、中心介紹、產(chǎn)品銷售、項(xiàng)目承攬、營(yíng)銷網(wǎng)絡(luò)、常見問題、客戶留言和會(huì)員中心8個(gè)功能欄目。
3.2網(wǎng)站功能模塊的概述
企業(yè)網(wǎng)站的主要功能是企業(yè)新聞和產(chǎn)品信息以及對(duì)產(chǎn)品訂單的管理等。網(wǎng)站前臺(tái)中的各欄目主要功能如下:①首頁:介紹公司的概況、企業(yè)文化和主要產(chǎn)品;②產(chǎn)品銷售:現(xiàn)在公司的產(chǎn)品介紹;③項(xiàng)目承攬:主要介紹公司目前承攬的主要項(xiàng)目;④營(yíng)銷網(wǎng)絡(luò):展示公司目前的國(guó)內(nèi)外的主要營(yíng)銷網(wǎng)絡(luò);⑤會(huì)員中心:為網(wǎng)站會(huì)員提供資料修改,訂單查詢,會(huì)員留言等功能;⑥常見問題:對(duì)客戶的留言問題定期給予解答;⑦客戶留言:非網(wǎng)站注冊(cè)客戶的留言。
3.3數(shù)據(jù)庫設(shè)計(jì)
數(shù)據(jù)庫表有管理員表、產(chǎn)品表、會(huì)員表、新聞表、人才招聘表、產(chǎn)品大類表。
4網(wǎng)站詳細(xì)設(shè)計(jì)
4.1后臺(tái)管理系統(tǒng)模塊(1)后臺(tái)主界面。本系統(tǒng)后臺(tái)主要實(shí)現(xiàn)新聞、商品類別的增加,修改和刪除;以及招聘信息、會(huì)員、管理員等信息的管理。(2)商品管理。進(jìn)入后臺(tái)首頁后點(diǎn)擊左側(cè)導(dǎo)航欄“產(chǎn)品管理”實(shí)現(xiàn)對(duì)商品類別的增加,修改和刪除,還有對(duì)商品的修改,刪除和按類別增加商品的操作。點(diǎn)擊“產(chǎn)品類別”可以增加產(chǎn)品大類和產(chǎn)品小類以及對(duì)產(chǎn)品類別的修改和刪除。(3)網(wǎng)站前臺(tái)主界面。主頁界面:本網(wǎng)站主界面為index.asp,它的功能是顯示公司的銷售產(chǎn)品、項(xiàng)目承攬及公告中最新公告,并提供注冊(cè)用戶的登錄功能及新用戶注冊(cè)的鏈接;還提品搜索的功能??蛻糇?cè)與登錄:客戶注冊(cè)與登錄是中小型電子商務(wù)網(wǎng)站的一般功能。留言板的使用:留言板是為中小型電子商務(wù)網(wǎng)站提供一個(gè)公共的信息平臺(tái)。
4.2網(wǎng)站前臺(tái)主界面
主頁界面:本網(wǎng)站主界面為index.asp,它的功能是顯示公司的銷售產(chǎn)品、項(xiàng)目承攬及公告中最新公告,并提供注冊(cè)用戶的登錄功能及新用戶注冊(cè)的鏈接;還提品搜索的功能??蛻糇?cè)與登錄:客戶注冊(cè)與登錄是中小型電子商務(wù)網(wǎng)站的一般功能。留言板的使用:留言板是為中小型電子商務(wù)網(wǎng)站提供一個(gè)公共的信息平臺(tái)。
5網(wǎng)站調(diào)試和使用說明
應(yīng)用程序的調(diào)試對(duì)編程來說是一項(xiàng)十分重要的工作。當(dāng)程序有錯(cuò)誤時(shí),通過調(diào)試將問題找出來,加以解決,其應(yīng)用的步驟如下:(1)選擇要調(diào)試的對(duì)象或者文件,打開對(duì)應(yīng)文件,代碼將顯示在Dreamwaver中,然后在Dreamwaver中進(jìn)行調(diào)試。(2)修改某段代碼后可一在瀏覽器中預(yù)覽結(jié)果,如果仍有問題重復(fù)(1)。再次反復(fù)重復(fù)(1),(2)步驟,直到程序無錯(cuò)誤為止。
6結(jié)語
(1)運(yùn)用Access建立了商品的數(shù)據(jù)庫,并在數(shù)據(jù)庫中建立商品的類別表,商品信息表和管理員賬戶表等,在商品表中記有詳細(xì)的商品信息。(2)運(yùn)用IIS服務(wù)器,采用B/S結(jié)構(gòu),架構(gòu)網(wǎng)頁。實(shí)現(xiàn)了主頁的瀏覽功能,類別頁面和商品信息頁面的超鏈接功能。(3)運(yùn)用ASP語言技術(shù),建立了網(wǎng)頁與數(shù)據(jù)庫之間的動(dòng)態(tài)鏈接,實(shí)現(xiàn)了在網(wǎng)頁上顯示想要瀏覽的數(shù)據(jù)庫中的信息。并且在管理頁面利用網(wǎng)頁操作實(shí)現(xiàn)數(shù)據(jù)庫中商品信息和商品類別的增加,修改和刪除。
作者:劉校靜 張盈盈 李賽男 單位:北京中醫(yī)藥大學(xué)東方學(xué)院
花卉企業(yè)如何樹立良好的企業(yè)形象,是花卉企業(yè)品牌戰(zhàn)略中的重要內(nèi)容,因此,花卉企業(yè)也要導(dǎo)入CIS( Corporate Identity System 企業(yè)形象可識(shí)別系統(tǒng)),以企業(yè)定位和企業(yè)經(jīng)營(yíng)理念為核心,為企業(yè)內(nèi)部管理、公共關(guān)系、廣告宣傳、服務(wù)等各方面,進(jìn)行系統(tǒng)性、統(tǒng)一性的綜合設(shè)計(jì),力求使企業(yè)在公眾面前展現(xiàn)出統(tǒng)一、良好的企業(yè)形象。要做到以上幾點(diǎn),就需要花卉企業(yè)利用大眾傳媒宣傳推廣自身,比如選擇專業(yè)性強(qiáng),在本行業(yè)內(nèi)影響面大、范圍廣的報(bào)刊、互聯(lián)網(wǎng)信息、刊登廣告,因此企業(yè)門戶網(wǎng)站形象設(shè)計(jì)的必要性在這個(gè)競(jìng)爭(zhēng)激烈的信息時(shí)代已變得刻不容緩?;ɑ芷髽I(yè)建立網(wǎng)站,是企業(yè)在網(wǎng)絡(luò)時(shí)代的舞臺(tái)上展現(xiàn)自身實(shí)力和尋求發(fā)展的重要途徑。
一、花卉品牌推廣中企業(yè)網(wǎng)站設(shè)計(jì)的作用
(一)促進(jìn)花卉品牌的宣傳、推廣
現(xiàn)代互聯(lián)網(wǎng)技術(shù)的發(fā)展,使得花卉企業(yè)僅通過門戶網(wǎng)站就能在互聯(lián)網(wǎng)上建立一個(gè)對(duì)企業(yè)形象、產(chǎn)品與服務(wù)進(jìn)行展示和宣傳的手段,不僅能夠?qū)崿F(xiàn)花卉產(chǎn)品的宣傳、銷售,還可以與遍布世界各地的商戶隨時(shí)隨地進(jìn)行交流和提供實(shí)時(shí)的技術(shù)服務(wù),而不需要太高的成本。通過網(wǎng)站展示花卉企業(yè)形象,利用互聯(lián)網(wǎng)的高效傳播性來宣傳企業(yè)形象,可以將花卉企業(yè)的各種需求實(shí)現(xiàn)個(gè)性化的網(wǎng)上營(yíng)銷、形象宣傳、網(wǎng)上支付等多方面的商務(wù)功能,從而吸引更多客戶,提升花卉企業(yè)品牌的知名度。如荷蘭的阿姆斯特丹花卉市場(chǎng)的品牌定位于研究新品種,并通過網(wǎng)絡(luò)銷售空間的展示拍賣產(chǎn)品。由于注重花卉品牌的建立,開設(shè)品牌企業(yè)網(wǎng)站進(jìn)行網(wǎng)絡(luò)營(yíng)銷,阿姆斯特丹花卉市場(chǎng)目前已取得很好的品牌效益,其知名度不僅限于歐洲,而且延伸到了亞洲和美洲地區(qū),甚至成為一道亮麗的旅游風(fēng)景線,帶來的直接和間接的經(jīng)濟(jì)效益都十分可觀。由此可見,花卉企業(yè)網(wǎng)站的建立將會(huì)極大地促進(jìn)花卉品牌的宣傳、推廣。
(二)彌補(bǔ)花卉業(yè)傳統(tǒng)經(jīng)營(yíng)商業(yè)模式的不足
企業(yè)網(wǎng)站通過網(wǎng)絡(luò)營(yíng)銷能彌補(bǔ)花卉業(yè)傳統(tǒng)經(jīng)營(yíng)商業(yè)模式的不足,如消除傳統(tǒng)經(jīng)營(yíng)中的廣告所面臨的障礙,打破時(shí)空、地域的限制,在企業(yè)網(wǎng)站上開展?fàn)I銷,用戶通過點(diǎn)擊瀏覽可以迅速提高企業(yè)的廣告效率?;ɑ芷髽I(yè)可以根據(jù)其注冊(cè)用戶的購買行為及時(shí)改變向訪問者發(fā)送廣告的內(nèi)容,也可以根據(jù)訪問者的特性,如硬件平臺(tái)、域名或訪問時(shí)的搜索主題等方面有選擇地顯示其廣告,這樣就比傳統(tǒng)經(jīng)營(yíng)中廣告宣傳更具有針對(duì)性。另外,網(wǎng)絡(luò)營(yíng)銷形式逐漸成熟,網(wǎng)上選購花卉的方式已被眾人接受,企業(yè)網(wǎng)站可以展開花卉網(wǎng)絡(luò)營(yíng)銷業(yè)務(wù),以增加銷售量,降低銷售成本。
二、花卉品牌推廣中企業(yè)網(wǎng)站設(shè)計(jì)的具體應(yīng)用
企業(yè)網(wǎng)站已成為企業(yè)CI重要的組成部分,花卉企業(yè)網(wǎng)站的設(shè)計(jì)也不例外,只有符合CI系統(tǒng)的企業(yè)網(wǎng)站界面設(shè)計(jì)才能有效塑造花卉企業(yè)的品牌形象。企業(yè)網(wǎng)站設(shè)計(jì)在花卉品牌形象塑造應(yīng)用時(shí)要重視以下幾點(diǎn):
(一)網(wǎng)站的整體規(guī)劃設(shè)計(jì)
首先要仔細(xì)分析調(diào)研階段的相關(guān)資料,根據(jù)花卉企業(yè)網(wǎng)站用戶的特點(diǎn),有針對(duì)性地構(gòu)思網(wǎng)站內(nèi)容,合理地做出網(wǎng)站的規(guī)劃設(shè)計(jì),突出特色。如設(shè)置隨時(shí)更新花卉業(yè)動(dòng)態(tài)信息的欄目,將新產(chǎn)品上市、花卉展銷會(huì)、交易會(huì)、拍賣會(huì)、技術(shù)研討會(huì)等,通過首頁新聞動(dòng)態(tài)滾動(dòng)播放的形式為關(guān)注本企業(yè)的各類用戶提供最新消息。好的網(wǎng)站規(guī)劃設(shè)計(jì)是花卉企業(yè)進(jìn)行品牌宣傳推廣的成功基礎(chǔ)。根據(jù)花卉企業(yè)的特點(diǎn)和網(wǎng)站功能,設(shè)計(jì)出產(chǎn)品管理、信息管理、訂單管理和友情鏈接管理4個(gè)模塊。其中產(chǎn)品管理主要分為花卉產(chǎn)品分類管理(根據(jù)不同公司經(jīng)營(yíng)特色可按花卉產(chǎn)品或花木產(chǎn)品進(jìn)行大的分類)、花卉產(chǎn)品相關(guān)圖片管理、價(jià)格管理;信息管理主要有最新公告管理(公司上市的最新花卉產(chǎn)品或者公司最近動(dòng)態(tài))、疑難解答管理和行業(yè)活動(dòng)管理;訂單管理主要由審核訂單管理和已審核訂單管理組成;友情連接管理主要由友情鏈接添加、修改等組成,這里可以鏈接一些有關(guān)花卉文化的網(wǎng)站,以豐富網(wǎng)站內(nèi)容。目前,有的花卉企業(yè)網(wǎng)站只是設(shè)計(jì)了簡(jiǎn)單的欄目,例如企業(yè)簡(jiǎn)介、領(lǐng)導(dǎo)簡(jiǎn)介、機(jī)構(gòu)設(shè)置,能對(duì)企業(yè)產(chǎn)品做出具體系統(tǒng)而又形象直觀介紹的不多,借助網(wǎng)站進(jìn)行市場(chǎng)調(diào)研、產(chǎn)品開發(fā)及提供售后服務(wù)的就更少了,而且網(wǎng)站內(nèi)容陳舊,從建立網(wǎng)站之后幾乎很少更新,網(wǎng)站的作用形同虛設(shè),更談不上提升企業(yè)品牌形象了。作者隨機(jī)點(diǎn)擊了江蘇省花卉先進(jìn)企業(yè)的幾個(gè)官方網(wǎng)站,如南京市某園林綠化工程有限公司(圖1),打開網(wǎng)站頁面,左邊導(dǎo)航條設(shè)置欄目有公司首頁、供應(yīng)信息、求購信息、產(chǎn)品價(jià)格、公司介紹、招聘中心、客戶留言、聯(lián)系方式,筆者通過瀏覽點(diǎn)擊發(fā)現(xiàn)很多問題,作為形象窗口的首頁內(nèi)容幾乎為空,更談不上設(shè)計(jì)效果了。還有供應(yīng)信息和求購信息里面產(chǎn)品沒有圖片,公司介紹頁面是與此無關(guān)的內(nèi)容,很難想象這樣一個(gè)企業(yè)網(wǎng)站能為企業(yè)品牌發(fā)展提供多少作用。這些都是沒有進(jìn)行合理的網(wǎng)站規(guī)劃設(shè)計(jì)而導(dǎo)致的,如果能像圖2那樣進(jìn)行合理、完整的網(wǎng)站規(guī)劃就能吸引客戶關(guān)注并了解企業(yè)網(wǎng)站的更多內(nèi)容。所以要建立專業(yè)、特色的花卉企業(yè)網(wǎng)站,合理的網(wǎng)站規(guī)劃設(shè)計(jì)將會(huì)在花卉品牌戰(zhàn)略的長(zhǎng)遠(yuǎn)發(fā)展中影響深遠(yuǎn)。
(二)網(wǎng)站的色彩設(shè)計(jì)
企業(yè)網(wǎng)站代表的是企業(yè)統(tǒng)一的、個(gè)性鮮明的品牌形象,所以企業(yè)網(wǎng)站主色調(diào)的確立不應(yīng)隨心所欲,應(yīng)以企業(yè)VI標(biāo)準(zhǔn)色作為主色調(diào),輔以輔助色彩的使用。網(wǎng)站的設(shè)計(jì)目的是為了吸引更多的用戶登錄瀏覽。因此,設(shè)計(jì)如何適應(yīng)觀眾的色彩需要就成了至關(guān)重要的問題。除了文字、圖片等內(nèi)容的合理排版,色彩的均衡是相當(dāng)重要的一部分。色彩均衡的網(wǎng)站讓人看上去舒適、協(xié)調(diào)。比如一個(gè)網(wǎng)站不可能單一地運(yùn)用一種顏色,所以色彩的均衡問題是設(shè)計(jì)者必須要考慮的問題。色彩的均衡包括色彩的位置,每種色彩所占的比例、面積等,但是如果沒有處理好色彩均衡的關(guān)系就會(huì)造成如圖3的視覺效果,整個(gè)頁面沒有主色調(diào),頁面中間建筑物插圖的色彩和黃色的色塊之間缺乏色彩聯(lián)系,顯得生硬不協(xié)調(diào),加上選用的花卉插圖沒有經(jīng)過后期圖像處理,所放置的位置排版過于隨意,網(wǎng)站整體效果差強(qiáng)人意,沒有較好地體現(xiàn)出園林公司應(yīng)有的綠色、自然、休閑的意境和服務(wù)特色。筆者對(duì)圖4進(jìn)行了重新設(shè)計(jì),將網(wǎng)站的背景色和導(dǎo)航按鈕的色調(diào)統(tǒng)一成綠色系的主色調(diào),設(shè)計(jì)的導(dǎo)航按鈕為樹葉造型的圖形,以突出園林公司的綠色、自然、休閑的意境和行業(yè)特色(見圖4)。
網(wǎng)站的色彩帶給用戶的不僅僅是網(wǎng)站信息、資源和服務(wù),同時(shí)還要能提供一種美好的體驗(yàn)。約瑟夫·派恩將體驗(yàn)定義為:“體驗(yàn)是一個(gè)人達(dá)到情緒、體力、智力甚至是精神的某一特定水平時(shí),他意識(shí)中產(chǎn)生的美好感覺,它是主體對(duì)客體的刺激產(chǎn)生的內(nèi)在反映?!鄙誓転榛ɑ芷髽I(yè)網(wǎng)站用戶營(yíng)造良好的氛圍,一旦網(wǎng)站吸引大量訪客并能提供給他們美妙的體驗(yàn)使之沉浸其中,那么就有機(jī)會(huì)被用戶加入到電腦收藏夾中,以后將對(duì)該網(wǎng)站再次訪問,使其對(duì)該網(wǎng)站品牌形成滿意、信任并產(chǎn)生依賴感,成為公司網(wǎng)站的忠誠顧客。
(三)網(wǎng)站標(biāo)志設(shè)計(jì)
對(duì)于企業(yè)網(wǎng)站來說,一般直接選用企業(yè)的標(biāo)志或注冊(cè)商標(biāo)作為網(wǎng)站標(biāo)志,以保持與企業(yè)的品牌形象一致。標(biāo)志又名LOGO,是網(wǎng)站所有者對(duì)外宣傳自身形象的工具、信息傳達(dá)的載體。網(wǎng)站標(biāo)志集中體現(xiàn)了企業(yè)網(wǎng)站的文化內(nèi)涵和品牌定位,在企業(yè)品牌形象傳遞過程中,是應(yīng)用最廣泛、出現(xiàn)頻率最高且最關(guān)鍵的元素。企業(yè)強(qiáng)大的整體實(shí)力、完善的管理機(jī)制、優(yōu)質(zhì)的產(chǎn)品和服務(wù),都被涵蓋于標(biāo)志中,通過不斷的刺激和反復(fù)刻畫,給用戶留下深刻印象?;ɑ芷放频臉?biāo)志設(shè)計(jì)首先應(yīng)尊重習(xí)俗、符合法律,嚴(yán)格執(zhí)行《商標(biāo)法》的規(guī)定;其次花卉品牌標(biāo)志設(shè)計(jì)應(yīng)力求簡(jiǎn)單醒目、易讀、易記;再次花卉品牌標(biāo)志設(shè)計(jì)應(yīng)新穎別致、內(nèi)涵豐富,便于識(shí)別和傳播。
網(wǎng)站標(biāo)志設(shè)計(jì)是與其他網(wǎng)站鏈接以及讓其他網(wǎng)站鏈接的標(biāo)志和門戶。要讓其他人進(jìn)入網(wǎng)站,必須提供一個(gè)讓其進(jìn)入的門戶。而標(biāo)志的存在能夠起到跳轉(zhuǎn)的作用,動(dòng)態(tài)的表現(xiàn)方式比靜態(tài)的鏈接更能吸引人的注意。一個(gè)好的標(biāo)志設(shè)計(jì)就代表一個(gè)企業(yè)網(wǎng)站的良好的外在品牌形象,我們可以從中基本了解到這個(gè)網(wǎng)站的類型和內(nèi)容,在一個(gè)布滿各種標(biāo)志的鏈接頁面中,網(wǎng)站標(biāo)志就是品牌無聲的宣傳者,引導(dǎo)著用戶去訪問該網(wǎng)站。在網(wǎng)絡(luò)環(huán)境下,用戶行為最大的認(rèn)知特征就是短期記憶,這也意味著網(wǎng)站標(biāo)志設(shè)計(jì)應(yīng)該體現(xiàn)出快速、短期的認(rèn)知特征,使用戶易識(shí)別、理解和重復(fù)使用。如江蘇藝林園花木有限公司的網(wǎng)站標(biāo)志(圖5)是一個(gè)由高大的樹冠和樹干組合而成的綠色圖形,整個(gè)標(biāo)志體現(xiàn)了公司經(jīng)營(yíng)高大花木的企業(yè)特色。在瀏覽該企業(yè)網(wǎng)站頁面時(shí)需通過點(diǎn)擊品牌標(biāo)志進(jìn)入,在首頁的左上角醒目位置顯示的是企業(yè)網(wǎng)站標(biāo)志和企業(yè)名稱,在整個(gè)瀏覽的過程中,網(wǎng)站的標(biāo)志給人印象極其深刻,而且也很好地起到引導(dǎo)作用,同時(shí)塑造了良好的企業(yè)品牌形象。
結(jié)語
綜上所述,花卉企業(yè)要在未來的網(wǎng)絡(luò)平臺(tái)中占據(jù)一席之地,塑造線上品牌形象,就必須充分重視企業(yè)網(wǎng)站的設(shè)計(jì)和維護(hù),才能發(fā)揮花卉品牌的持久效應(yīng),最終通過網(wǎng)絡(luò)品牌推廣,不斷使企業(yè)網(wǎng)站真正成為花卉企業(yè)實(shí)現(xiàn)現(xiàn)代經(jīng)營(yíng)管理的信息平臺(tái)。
(注:本文為江蘇理工學(xué)院基礎(chǔ)及應(yīng)用基礎(chǔ)重點(diǎn)項(xiàng)目,項(xiàng)目編號(hào):KYY12045)
參考文獻(xiàn):
[1]郭國(guó)慶.市場(chǎng)營(yíng)銷學(xué)[M].武漢:武漢大學(xué)出版社,2000.
[2]劉妤.花卉包裝設(shè)計(jì)與文化[J].包裝工程,2007(2).
[3]楊潔.CI形象下的企業(yè)網(wǎng)站界面設(shè)計(jì)原則[J].大眾文藝,2011.
[4]劉艷紅.淺談花卉企業(yè)實(shí)施品牌戰(zhàn)略的思路[J].北方園藝,2005( 4).
引言
當(dāng)前電力集團(tuán)網(wǎng)站的版式設(shè)計(jì)相對(duì)中規(guī)中矩,模板化普遍。該論文以“創(chuàng)新電力集團(tuán)網(wǎng)站設(shè)計(jì)”為主題,探究網(wǎng)站版式設(shè)計(jì)與用戶交互性的關(guān)系;深入發(fā)掘設(shè)計(jì)者與欣賞者之間的情感聯(lián)系,將網(wǎng)站企業(yè)理念、產(chǎn)品服務(wù)等信息以符合當(dāng)前大眾審美觀念的方式展現(xiàn),帶給客戶閱讀樂趣,以便順應(yīng)社會(huì)不斷發(fā)展的審美需求。
一、國(guó)內(nèi)電力企業(yè)界面設(shè)計(jì)現(xiàn)狀、原因及存在的問題
1.當(dāng)前現(xiàn)狀
隨著用戶體驗(yàn)需求的不斷提高,國(guó)內(nèi)對(duì)網(wǎng)站界面設(shè)計(jì)的關(guān)注有所增加,從事網(wǎng)頁界面的設(shè)計(jì)師也越來越多。如今國(guó)內(nèi)許多大型電力集團(tuán)也開設(shè)獨(dú)立的網(wǎng)站設(shè)計(jì)部門,網(wǎng)站的設(shè)計(jì)無論在理論還是實(shí)踐方面都有了很大的進(jìn)步。但是中小型電力企業(yè)網(wǎng)站界面的藝術(shù)化設(shè)計(jì)卻是“短板”。存在缺乏資金、理念落后、觀念錯(cuò)誤等原因,導(dǎo)致嚴(yán)重的兩極分化,使得當(dāng)前國(guó)內(nèi)電力企業(yè)網(wǎng)站界面設(shè)計(jì)整體上并不理想。
2. 原因
當(dāng)前電力企業(yè)網(wǎng)站界面的設(shè)計(jì)整體上并不理想,主要集中在中小型電力企業(yè)上,作為網(wǎng)站界面藝術(shù)設(shè)計(jì)的“短板”,具體原因如以下幾點(diǎn):
①缺乏專業(yè)人才,沒有像大型電力集團(tuán)那樣雄厚的資金來吸引專業(yè)的設(shè)計(jì)人才;
②是互聯(lián)網(wǎng)發(fā)展的理念相對(duì)落后。
③不重視網(wǎng)站的更新及維護(hù),認(rèn)為電力是人們生活必不可少的能量,即使沒有精美的網(wǎng)站,也會(huì)有很多的消費(fèi)者。
由此,大多數(shù)中小型電力企業(yè)網(wǎng)站成為了擺設(shè),且設(shè)計(jì)缺乏新意,板式大同小異,沒有自身的特色。理念落后,不注重強(qiáng)調(diào)與受眾之間的交互性,受眾對(duì)企業(yè)理念及產(chǎn)品服務(wù)項(xiàng)目了解不明確。
3.設(shè)計(jì)中所存在的問題
(1)從視覺角度來看,板式設(shè)計(jì)、顏色都過于單調(diào),不能夠很好的讓受眾產(chǎn)生閱讀興趣。首頁是一個(gè)網(wǎng)站的重中之重,是最核心的內(nèi)容,首頁應(yīng)明確企業(yè)的類型及服務(wù)的理念,讓受眾一目了然。其次針對(duì)受眾最關(guān)心的產(chǎn)品服務(wù),售后服務(wù)等的進(jìn)入標(biāo)簽應(yīng)盡量醒目。受眾打開網(wǎng)頁首先第一眼就不能夠明確網(wǎng)站屬于什么類型,其次版式設(shè)計(jì)平庸,無藝術(shù)感,使得受眾無閱讀下去的欲望。
(2)從網(wǎng)頁內(nèi)容來看,文字過多,受眾心理上就會(huì)難以接受,從而也減弱了受眾的閱讀欲望?,F(xiàn)代網(wǎng)頁的藝術(shù)設(shè)計(jì)講究的是圖文并茂,將藝術(shù)元素巧妙地融入到網(wǎng)頁的設(shè)計(jì)中,使其切合企業(yè)的理念,才是符合現(xiàn)代大眾所接受的形式。
(3)從與用戶的交互性上看,不能滿足消費(fèi)者的需求,在產(chǎn)品界面上,該設(shè)計(jì)所使用的是抽象的文字來描述產(chǎn)品服務(wù)項(xiàng)目,讓受眾不能夠很好的了解到產(chǎn)品到底是什么,其次通過三級(jí)頁的方式才能夠獲得更為詳細(xì)的產(chǎn)品信息,在網(wǎng)頁構(gòu)建時(shí)不僅增加了成本,同時(shí)也增加了用戶的操作難度。
二、在網(wǎng)站界面中影響交互性的設(shè)計(jì)元素
1.設(shè)計(jì)風(fēng)格
在網(wǎng)站首頁原型結(jié)構(gòu)上,因空間有限,不同內(nèi)容放什么位置、是否符合網(wǎng)絡(luò)營(yíng)銷規(guī)范,尤其是第一屏的信息很重要,這些需要結(jié)合建站初衷和自身公司特點(diǎn),讓受眾第一時(shí)間找到想要的和營(yíng)造出良好的企業(yè)氛圍。
最受大眾所歡迎的風(fēng)格為 “扁平化”。扁平化概念的核心意義是:去除冗余、厚重和繁雜的裝飾效果。這樣可以讓“信息”本身重新作為核心被凸顯出來。尤其是作為電力企業(yè)首頁的設(shè)計(jì)上,引入這一理念將會(huì)更好的凸顯企業(yè)的核心信息,讓受眾一目了然,解決當(dāng)前中小型電力企業(yè)首頁信息不明確的問題。同時(shí)扁平化在設(shè)計(jì)元素上,強(qiáng)調(diào)了抽象、極簡(jiǎn)和符號(hào)化。這樣界就會(huì)更加干凈整齊,從而使受眾能夠在第一時(shí)間就能夠找到自己想要的信息,從而帶給用戶更加良好的操作體驗(yàn)。
2.界面內(nèi)容
界面的整體版式設(shè)計(jì)影響著消費(fèi)者的第一印象,如果整個(gè)網(wǎng)頁的內(nèi)容文字所占比例大于70%,界面就會(huì)顯得凌亂,然而當(dāng)前許多的電力企業(yè)網(wǎng)站就存在這一問題,文字過多、內(nèi)容復(fù)雜;如果適當(dāng)?shù)牡牧舭?,不過多強(qiáng)調(diào)在有限界面中放最多的信息,整體界面比較簡(jiǎn)潔,反而受到消費(fèi)者的歡迎。
適當(dāng)?shù)牡牧舭撞粌H可以讓界面更加整潔美觀,也可以讓受眾有更多的想象空間。盡量減少文字的表述,通過形象的圖片方式展示其產(chǎn)品等信息,會(huì)使受眾更加深入的了解自己所需要產(chǎn)品信息。因?yàn)?,人類欣賞事物主要依靠的是直覺,對(duì)圖片的識(shí)別性遠(yuǎn)大于對(duì)文字的識(shí)別性。因此,在進(jìn)行網(wǎng)頁設(shè)計(jì)的過程中應(yīng)避免大段文字的出現(xiàn),突出圖形,簡(jiǎn)化文字。盡量將文字圖形化。如不得不通過文字描述來介紹產(chǎn)品及服務(wù),可以通過圖文相結(jié)合的方式,通過鼠標(biāo)移動(dòng)“淡入淡出”方式。受眾不僅能夠了解了產(chǎn)品信息,同時(shí)也提高了用戶操作性,減少了多余三級(jí)界面的設(shè)計(jì)和維護(hù)成本。從藝術(shù)設(shè)計(jì)的角度來看,動(dòng)態(tài)的視覺效果也會(huì)更加具有藝術(shù)靈動(dòng)性。
3.顏色及文字的搭配
電力企業(yè)網(wǎng)站作為商業(yè)類網(wǎng)站,不同于購物類網(wǎng)站,不需要為了展示某一特定商品而設(shè)計(jì)的太過炫目,更多的在于體現(xiàn)企業(yè)的發(fā)展理念,讓受眾能夠放心使用其產(chǎn)品及服務(wù)。因此選擇的色調(diào)要偏向于穩(wěn)重,如中性灰,深紅色等色調(diào),切合企業(yè)的發(fā)展理念,使得受眾在界面整體的色調(diào)環(huán)境中,從潛意識(shí)里就樹立企業(yè)沉穩(wěn)的作風(fēng)。
文字有描述和解釋的功能,同時(shí)也是一種良好的藝術(shù)載體,字體的設(shè)計(jì)可以根據(jù)不同的需求體現(xiàn)出不同的藝術(shù)風(fēng)格,如“末端斜切”的處理方式,使得文字筆畫低調(diào)不張揚(yáng),不僅能夠很好地融入網(wǎng)站的整體氣氛中,也切合了企業(yè)的發(fā)展理念。
4.人性化的設(shè)計(jì)
人性化就是網(wǎng)站設(shè)計(jì)的核心,在物質(zhì)逐漸滿足,精神需求逐漸壯大的時(shí)期,用戶對(duì)網(wǎng)站的操作不僅要求功能完善,還要求美觀、藝術(shù)、個(gè)性,在對(duì)設(shè)計(jì)上需求的就是要表現(xiàn)具體風(fēng)格和藝術(shù)審美。網(wǎng)站界面設(shè)計(jì)的板式設(shè)計(jì)、色彩搭配、文字處理等都要考慮用戶的主觀感受,已經(jīng)沒有人愿意接受一個(gè)冷冰冰的機(jī)器了?,F(xiàn)階段許多設(shè)計(jì)師在網(wǎng)頁中加入了自己的情感因素,而往往卻忽略了用戶的精神需求,因此違背了設(shè)計(jì)初衷。
電力企業(yè)的登錄界面中,無論是企業(yè)內(nèi)部人員還是用戶,都設(shè)置獨(dú)立的登錄賬號(hào)、密碼、驗(yàn)證碼等,這些復(fù)雜的賬號(hào)及密碼為了保密性,又不方便用文字來記錄,便成為了用戶的記憶負(fù)擔(dān)。賬號(hào)是什么?密碼是什么?幾位字符等等問題,甚至還在為切換輸入法浪費(fèi)時(shí)間,如果加入必要的引導(dǎo)詞,例如,密碼框內(nèi)的半透明原點(diǎn)符號(hào),能起到提示用戶輸入密碼長(zhǎng)度的作用,又例如,點(diǎn)擊輸入框后輸入法的自動(dòng)切換,也能節(jié)省不少時(shí)間。這些細(xì)節(jié)都是影響用戶體驗(yàn)的因素。不僅夠體現(xiàn)出企業(yè)的服務(wù)態(tài)度,而且也左右著用戶的消費(fèi)心態(tài)。
三、總結(jié)
該論文以尋求新的電力集團(tuán)網(wǎng)站界面設(shè)計(jì),進(jìn)而滿足與用戶的交互性為目的,進(jìn)行深入探究,使消費(fèi)者在電力集團(tuán)網(wǎng)站體驗(yàn)過程中與企業(yè)理念產(chǎn)生共鳴,使得企業(yè)贏得更多客戶的忠誠度,從而實(shí)現(xiàn)網(wǎng)站的運(yùn)營(yíng)目標(biāo)。?
參考文獻(xiàn):
一、引言
隨著現(xiàn)代物流和虛擬現(xiàn)實(shí)技術(shù)的進(jìn)步,電子商務(wù)得到了空前的發(fā)展。企業(yè)可以通過建設(shè)網(wǎng)站,面向世界各地的客戶介紹自身的悠久歷史和發(fā)展?fàn)顩r,在網(wǎng)站上宣傳企業(yè)所生產(chǎn)的各種新型產(chǎn)品,讓那些對(duì)產(chǎn)品感興趣的客戶,更好地了解企業(yè),而企業(yè)可以在網(wǎng)站上,展示出自身的實(shí)力,推廣各種產(chǎn)品,促成雙方合作,實(shí)現(xiàn)雙贏。
二、需求分析
公司網(wǎng)站需要及時(shí)更新企業(yè)基本信息(包括企業(yè)歷史、企業(yè)文化等)、企業(yè)新聞動(dòng)態(tài)、產(chǎn)品銷售相關(guān)信息,為用戶提供可能感興趣的相關(guān)網(wǎng)站,并且要能夠進(jìn)行添加、修改、刪除等操作。本系統(tǒng)主要分為前臺(tái)信息瀏覽和后臺(tái)數(shù)據(jù)管理。前臺(tái)頁面主要是對(duì)商品的展示、查找、在線咨詢;后臺(tái)管理主要實(shí)現(xiàn)對(duì)商品的新增和修改等操作。后臺(tái)管理系統(tǒng)中,只有系統(tǒng)管理員身份有操作權(quán)限,需要設(shè)計(jì)登錄驗(yàn)證模塊,根據(jù)用戶角色的不同,對(duì)用戶權(quán)限進(jìn)行劃分。
三、系統(tǒng)規(guī)劃
公司網(wǎng)站設(shè)計(jì)是體現(xiàn)公司客戶需求、公司管理層運(yùn)營(yíng)要求以及反饋信息的最重要、最方便的平臺(tái),是企業(yè)開展電子設(shè)計(jì)的基礎(chǔ)設(shè)施和信息服務(wù)系統(tǒng)。脫離網(wǎng)站(或者只是通過利用第三方平臺(tái))去討論開發(fā)電子商務(wù)是不可能的。發(fā)展到現(xiàn)代社會(huì),人們更加看重對(duì)權(quán)利的維護(hù),企業(yè)的網(wǎng)址已經(jīng)被設(shè)為特有的網(wǎng)絡(luò)商標(biāo),也成為企業(yè)重要的無形資產(chǎn),而網(wǎng)站則是推廣企業(yè)文化、提升企業(yè)形象的重要窗口。
四、系統(tǒng)設(shè)計(jì)
1.設(shè)計(jì)目標(biāo)
(1)基本實(shí)現(xiàn)公司應(yīng)用所需全部要求。
(2)網(wǎng)站模塊明晰,界面美觀簡(jiǎn)潔,操作簡(jiǎn)單。
(3)網(wǎng)站設(shè)計(jì)要有對(duì)大眾化的搜索引擎鏈接,甚至網(wǎng)站中包含本站的友情鏈接、最新公司招聘信息、招聘資訊、欄目調(diào)查。友情鏈接可以方便用戶瀏覽其他網(wǎng)站資源;推薦招聘企業(yè)的信息對(duì)求職者具有一定的參考價(jià)值。
(4)安全性檢測(cè): 新聞資訊過期之后將不在網(wǎng)站上顯示,防止企業(yè)用戶接受有害或垃圾郵件;對(duì)用戶提交的數(shù)據(jù)要進(jìn)行過濾,以防非法錄入信息。
2.具體模塊設(shè)計(jì)
系統(tǒng)包括兩個(gè)部分:前臺(tái)網(wǎng)站設(shè)計(jì)、后臺(tái)管理設(shè)計(jì)。
(1)后臺(tái)管理系統(tǒng)模塊
密碼管理:一方面,后臺(tái)網(wǎng)站管理需要檢驗(yàn)賬號(hào)和密碼是否符合管理員數(shù)據(jù)表已有的管理員賬號(hào);另一方面,可以進(jìn)行用戶密碼修改。企業(yè)信息管理:主要實(shí)現(xiàn)對(duì)企業(yè)名稱、聯(lián)系方式等基本信息的維護(hù)。新聞中心管理:主要實(shí)現(xiàn)對(duì)企業(yè)新聞的新增和修改操作,在新增過程中實(shí)現(xiàn)文字的編輯和圖片的編輯,同時(shí)要支持附件上傳功能,可以對(duì)重要新聞做上標(biāo)記。留言板的管理:主要是對(duì)客戶留言信息的回復(fù)和留言的刪除。在通用模塊里面已經(jīng)分析過了,而對(duì)留言的刪除是把刪除標(biāo)記設(shè)置為1,讓數(shù)據(jù)不能被訪問。
(2)前臺(tái)網(wǎng)站設(shè)計(jì)
公司簡(jiǎn)介瀏覽:一方面是企業(yè)的主要產(chǎn)品以及產(chǎn)品類別,產(chǎn)品制作使用的先進(jìn)技術(shù)等。另一方面介紹了公司發(fā)展歷程,公司所取得的輝煌成就,公司運(yùn)營(yíng)所秉承的文化精髓等。新聞動(dòng)態(tài)模塊:企業(yè)新產(chǎn)品介紹、新技術(shù)的引進(jìn)、公司項(xiàng)目進(jìn)展相關(guān)新聞、公司人員調(diào)整、薪資調(diào)整說明、公司媒體宣傳等;定制問答:定制回答一些顧客常會(huì)遇到、不了解的問題,如產(chǎn)品尺寸規(guī)格、印刷問題、詢價(jià)問題等;聯(lián)系公司:提供客戶聯(lián)系公司的地址、郵箱、手機(jī)號(hào)、聯(lián)系人等聯(lián)系方式;在線留言:客戶需要先登錄網(wǎng)站,再填寫相關(guān)信息,包括標(biāo)題、咨詢內(nèi)容、姓名、聯(lián)系方式等;近期產(chǎn)品展示:此模塊展示公司最新生產(chǎn)供應(yīng)的產(chǎn)品信息。
五、系統(tǒng)模塊實(shí)現(xiàn)
1.硬件環(huán)境
(1)服務(wù)器。內(nèi)存:至少512MB,推薦2G及以上;硬盤:推薦80G以上;CPU中央處理器:主頻 1.5GHz以上;網(wǎng)卡:100Mbit/s。
(2)客戶端。內(nèi)存:64MB及以上;CPU中央處理器:主頻 300MHz以上;顯示器:推薦使用分辨率1024×768及以上。
2.軟件環(huán)境
(1)服務(wù)器端。數(shù)據(jù)庫:SQL Server2008;服務(wù)器:IIS V6.0;操作系統(tǒng):支持各種服務(wù)器系列操作系統(tǒng),推薦windows7。
中圖分類號(hào):TP393.092
1 企業(yè)網(wǎng)站設(shè)計(jì)總體需求
1.1 網(wǎng)站實(shí)現(xiàn)的功能
通過實(shí)施一系列的電子化建設(shè)計(jì)劃,企業(yè)網(wǎng)站將實(shí)現(xiàn):
(1)整合企業(yè)的業(yè)務(wù)應(yīng)用
(2)相關(guān)信息的動(dòng)態(tài):企業(yè)信息、產(chǎn)品信息、招聘信息等
(3)建立一個(gè)強(qiáng)大的對(duì)外宣傳平臺(tái)
1.2 網(wǎng)站內(nèi)容風(fēng)格設(shè)計(jì)
(1)總體印象:立足于企業(yè)服務(wù)宗旨,延伸至高新行業(yè)領(lǐng)域,主題突出,內(nèi)容精干,形式簡(jiǎn)潔,差異性,可識(shí)別性,用戶體驗(yàn)。
(2)版式布局:欄目集中,分欄目檢索明確,導(dǎo)航標(biāo)志清晰
(3)色彩運(yùn)用:色調(diào)總體呈暢快、簡(jiǎn)潔、專業(yè)的特征:(根據(jù)企業(yè)實(shí)際需要決定)
(4)圖片運(yùn)用:配合文字及色塊,以生動(dòng)的形象圖片表達(dá)知名專業(yè)公司的實(shí)力和創(chuàng)造力
(5)在功能上:網(wǎng)站內(nèi)容從各方面盡量滿足客戶和有需求的業(yè)內(nèi)人士的合理要求
2 系統(tǒng)模塊設(shè)計(jì)
2.1 前臺(tái)功能模塊總體設(shè)計(jì)如下圖
2.2 后臺(tái)新聞管理總體設(shè)計(jì)如下圖
3 首頁制作及代碼
網(wǎng)站首頁是主要界面,顯示本網(wǎng)站的主要模塊,包括:公司簡(jiǎn)介、新聞中心、友情鏈接、企業(yè)聯(lián)系方式,直觀對(duì)企業(yè)有個(gè)大致的了解。以下是部分代碼。
4 公用代碼設(shè)計(jì)
4.1 連接文件
.net與access數(shù)據(jù)連接寫在公共類庫中,身份認(rèn)證寫在配置文件中,便于管理而且安全性高。由于數(shù)據(jù)比較小故選擇了access數(shù)據(jù)庫,連接數(shù)據(jù)庫存直接寫在公共類DB_Con中。
creatCon:連接數(shù)據(jù)庫類;
public static OleDbConnection creatCon()
{
OleDbConnection db = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + System.Web.HttpContext.Current.Server.MapPath("~/App_Data/db_gs.mdb"));
return db;
}
4.2 全網(wǎng)站對(duì)數(shù)據(jù)操作分為:讀、寫,公共類庫中根據(jù)網(wǎng)站讀寫數(shù)據(jù)的內(nèi)容選擇操作數(shù)據(jù)庫存并返回?cái)?shù)據(jù)的語句;
public static DataView getRows(string sqlStr, string sqltable)
//執(zhí)行SQL語句并返回表中的所有數(shù)據(jù)
public static DataRowView getEditRows(string sqlStr, string sqltable)
//執(zhí)行SQL語句并返回表中的一行
public static object execSca1(string sqlStr)
//返回第一行第一列
public static bool execSql(string sqlStr)
//執(zhí)行數(shù)據(jù)表的添加、刪除和更新操作
參考文獻(xiàn):
[1]葉順源網(wǎng)絡(luò)開發(fā)關(guān)鍵技術(shù)與實(shí)踐[M].中國(guó)鐵道出版社,2006-3.
網(wǎng)站色彩選擇上與企業(yè)形象的整體風(fēng)格定位上應(yīng)保持整體統(tǒng)一的關(guān)系,無論多么艷麗的顏色,要是與企業(yè)整體風(fēng)格不相稱,也不會(huì)采用這種色彩用于企業(yè)網(wǎng)站的。一個(gè)完整的網(wǎng)站不僅僅要有適合網(wǎng)站整體內(nèi)容的框架結(jié)構(gòu)、適合的顏色、有創(chuàng)意的圖形來展現(xiàn)網(wǎng)站的整體設(shè)計(jì)風(fēng)格,還應(yīng)配有一定的文字信息來宣傳企業(yè)的一些相關(guān)內(nèi)容,如公司簡(jiǎn)介、產(chǎn)品詳細(xì)信息介紹、最新動(dòng)態(tài)等等。如何將各式各樣的信息要素進(jìn)行整合與編排最終與企業(yè)的整體風(fēng)格相襯,我們應(yīng)當(dāng)注意一些問題。
第一個(gè)是合理編排,信息內(nèi)容的空間?,F(xiàn)如今大多數(shù)網(wǎng)頁上有一個(gè)相似之處,那就是網(wǎng)頁上的信息過多過滿,大量的文字、圖片、動(dòng)畫、視頻等不進(jìn)行合理編排就隨意地堆到頁面上去,有的網(wǎng)頁一打開,動(dòng)來動(dòng)去的小廣告在頁面上隨意地飄,充滿整個(gè)屏幕,妨礙人們正常瀏覽網(wǎng)頁,當(dāng)你去關(guān)掉它時(shí),順利的還可以一下關(guān)掉,不順利一下進(jìn)入了他們?cè)O(shè)下的“陷阱”,掉入了他們的廣告鏈接地址,真是浪費(fèi)瀏覽者的時(shí)間,讓人又氣又恨,也影響了整個(gè)頁面的視覺效果。這樣的網(wǎng)頁頁面設(shè)計(jì)使得主要內(nèi)容與次要內(nèi)容分不清晰,條理不清晰,要么就是根本沒有重要內(nèi)容,并且也沒有進(jìn)行信息歸類,整個(gè)畫面處于雜亂無章的地步,讓瀏覽者無從下手找尋有想要的信息內(nèi)容。
還有一種則是整個(gè)頁面空蕩蕩的,這樣頁面到是沒有障礙物了,但是有時(shí)連最基本的信息內(nèi)容都沒有,還怎么找想要的信息呢,這兩種情況可以用“滿”和“空”來形容。本人覺得不是要把整個(gè)頁面填滿內(nèi)容才不空,也不是要把整個(gè)頁面什么也不放才不滿,我們對(duì)于頁面只要做到合理的編排,讓整個(gè)頁面在視覺上達(dá)到均衡并利用內(nèi)容的和諧統(tǒng)一,就算網(wǎng)頁某部分大量留白了,讓人看后也不會(huì)覺得空曠,相反,會(huì)讓人有思考的空間,讓人覺得透氣,畫面和諧的感覺,這樣信息也傳遞了,也給人一種視覺愉悅的感覺,何樂而不為呢?
第二個(gè)是頁面中信息內(nèi)容編排的視覺流程。視覺流程,就是瀏覽者在瀏覽頁面信息時(shí),首先去看什么,然后去看什么,最后再看什么,一種很自然的視覺流動(dòng)習(xí)慣。心理學(xué)研究表明,一般情況下,人們?cè)跒g覽信息時(shí)都是習(xí)慣于先上后下,先左后右,同一個(gè)平面中,上半年部分的視覺影響力大于右面的,所以,在同一平面中,稱上半部分和中上半部分為平面中的“最佳視域”。這樣我們?cè)谶M(jìn)行頁面中信息編排時(shí),將一些重要的信息放置在這個(gè)位置,會(huì)起到事半功倍的效果。當(dāng)然這只是一種視覺習(xí)慣不是一個(gè)固定不變的公式,編排頁面信息時(shí)只要與人們的心理順序相符并且合乎邏輯順序是都可以運(yùn)用的,在頁面設(shè)計(jì)中,靈活并且合理編排信息這樣對(duì)信息的傳達(dá)有很大的幫助。
色彩在界面中的另外一個(gè)重要作用,就是配合網(wǎng)站版式結(jié)構(gòu),強(qiáng)化視覺區(qū)域,例如區(qū)分各個(gè)內(nèi)容版塊,如不同的頻道、欄目。汽車門戶網(wǎng)站是汽車互聯(lián)網(wǎng)營(yíng)銷傳播中的重要環(huán)節(jié),汽車門戶網(wǎng)站定位于綜合性、信息密度高,受眾廣泛的站點(diǎn),受眾容易在繁雜的內(nèi)容中迷失,因此更加需要利用色彩引導(dǎo)視覺流程。例如運(yùn)用色彩主次關(guān)系來服務(wù)于不同層次的信息傳達(dá),控制瀏覽者關(guān)注點(diǎn)的變化的過程,用強(qiáng)調(diào)色來突出最重要的信息,用色彩的變化提醒瀏覽者頁面或欄目的跳轉(zhuǎn)等等。我們從國(guó)內(nèi)主流的幾個(gè)極高知名度的汽車門戶網(wǎng)站如汽車之家、愛卡汽車等都可以體會(huì)到這些作用。
汽車之家、愛卡汽車整體界面以白色為主色,便于大量信息的展示和閱讀。用藍(lán)色來區(qū)分不同的板塊,使得網(wǎng)站條理感較強(qiáng),同時(shí)也突出了汽車的科技感。藍(lán)色的深淺也不是一成不變的,藍(lán)色的彩度和明度上面都根據(jù)網(wǎng)站內(nèi)容版塊做了不同深淺色調(diào)的調(diào)整。對(duì)于比較顯眼的廣告區(qū)域和重要信息上采用了視覺注目度很高的紅色來強(qiáng)調(diào)。紅色面積小但抓人眼球,在不破壞整體氛圍的情況下又能凸顯信息,擔(dān)當(dāng)強(qiáng)調(diào)色是再合適不過了。由此可見,優(yōu)秀的配色方案能使得密集的信息通過色彩被很好地分層和歸類,便于用戶瀏覽和信息查找,極大地提高了網(wǎng)站的易用性。
汽車網(wǎng)站界面配色的原則
1.與企業(yè)形象相符、與整合營(yíng)銷傳播相融
汽車企業(yè)把在互聯(lián)網(wǎng)上設(shè)立自己的官方網(wǎng)站,作為自身品牌整合營(yíng)銷傳播內(nèi)容中的重要組成部分,官網(wǎng)如何與其他媒介的品牌傳播很好地配合,形成合力,最重要的一點(diǎn)就是繼承并強(qiáng)化已經(jīng)通過時(shí)間的積累在消費(fèi)者心目中留下了深刻的企業(yè)品牌印象。為了強(qiáng)化公司形象,在選擇官方站點(diǎn)的網(wǎng)頁配色時(shí)往往首選企業(yè)視覺識(shí)別系統(tǒng)中的色彩。
例如奧迪是中國(guó)市場(chǎng)上重量級(jí)的德系豪華車品牌之一。其網(wǎng)頁中中明度的灰色主色調(diào)簡(jiǎn)潔、現(xiàn)代而又沉靜內(nèi)斂,用以傳達(dá)德國(guó)汽車工業(yè)的先進(jìn)技術(shù)與精良品質(zhì),以及中高端社會(huì)身份象征的奧迪品牌形象是非常恰當(dāng)?shù)?,并和奧迪標(biāo)志以及產(chǎn)品車身的金屬灰相得益彰。頁面中的廣告圖片構(gòu)圖用色俱佳,打破了大面積的灰色帶給頁面的沉悶感。再如大眾汽車中國(guó)官網(wǎng)的界面上出現(xiàn)很多藍(lán)色,首先藍(lán)色是大眾汽車品牌的標(biāo)準(zhǔn)色之一,加上配合大眾汽車“ThinkBlue藍(lán)•創(chuàng)未來”的品牌傳播主題,充分運(yùn)用藍(lán)色就是十分自然的事情了。
2.用色彩表達(dá)品牌的社會(huì)文化內(nèi)涵
設(shè)計(jì)是當(dāng)下的藝術(shù),網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)更是與當(dāng)下的經(jīng)濟(jì)、社會(huì)、文化的產(chǎn)物。設(shè)計(jì)師需要懂得人們對(duì)色彩的感覺,除了色彩的直感效應(yīng),即生理上的感覺,更多是來自于色彩的社會(huì)感覺,即在不同時(shí)間、空間和國(guó)家、民族環(huán)境中,色彩在人們心目中的意義。
例如賓利車的網(wǎng)站主要是想突出“英倫汽車典范駕駛之巔”的品牌理念,主要是從汽車品牌的歷史文化概念角度進(jìn)行宣傳,在配色上采用黃綠色來作為主色調(diào),用橄欖綠為輔助色,再加上亮灰為強(qiáng)調(diào)色。在彩度和明度上面都是采用的中低色調(diào)來給人以懷舊、尊貴、高品位的聯(lián)想。
3.用受眾喜愛的色彩語言進(jìn)行溝通
作為設(shè)計(jì)師我們要時(shí)刻牢記設(shè)計(jì)是一種溝通,是一種對(duì)話,而不是設(shè)計(jì)師自我表現(xiàn)和自我滿足,設(shè)計(jì)師要通過色彩這一視覺語言和用戶進(jìn)行情感交流。良好的用戶體驗(yàn)來源于對(duì)用戶感覺的充分考慮,特別是從年齡、性別、族群等特征進(jìn)行區(qū)分。寶馬minicooper是寶馬旗下一款個(gè)性十足的車型,產(chǎn)品周身散發(fā)著英國(guó)式的尊貴氣息。其中文網(wǎng)站設(shè)計(jì)以黑色為主色,正是看中了黑色所代表的個(gè)性、酷感和時(shí)尚,以便能夠贏得強(qiáng)烈地想表達(dá)獨(dú)立、自我、自由的年輕人的心。
4.網(wǎng)站界面的配色由網(wǎng)站內(nèi)容和類型具體決定
網(wǎng)站內(nèi)容是決定界面色彩風(fēng)格的基礎(chǔ)。汽車類網(wǎng)站要根據(jù)其自身網(wǎng)站的內(nèi)容和所要展現(xiàn)的汽車特征來挑選顏色。我們?cè)谧鲈O(shè)計(jì)時(shí)千萬不要忽視網(wǎng)站類型對(duì)網(wǎng)站色彩設(shè)計(jì)的限定和引導(dǎo)作用,不要因?yàn)檫^分追求所謂風(fēng)格的獨(dú)特而不考慮網(wǎng)站的具體內(nèi)容。要牢記是產(chǎn)品第一,品牌為先,而不是設(shè)計(jì)師的個(gè)人秀。
汽車網(wǎng)站界面色彩設(shè)計(jì)的若干技巧
1.界面色彩不可過多過花
人同時(shí)感知色彩的數(shù)量是有限的,如果一個(gè)網(wǎng)頁包含的色彩過多過雜,會(huì)使瀏覽者抓不住視覺中心。在一定的主色調(diào)下面,汽車站點(diǎn)首先選取好主色,主色一般可以是汽車車身顏色或者是品牌主題色,然后可以適當(dāng)?shù)丶尤胍恍┹o助色和強(qiáng)調(diào)色,運(yùn)用明度、純度和色相上面的變化來取得和諧的效果。
2.考慮圖片和網(wǎng)站色彩之間的關(guān)系
一、企業(yè)網(wǎng)站可信度,電子商務(wù)的關(guān)鍵
隨著世界經(jīng)濟(jì)的信息化和全球化趨勢(shì)增強(qiáng),電子商務(wù)正逐步走向全面應(yīng)用,并滲透到社會(huì)經(jīng)濟(jì)的各個(gè)層面。2006年,世界電子商務(wù)繼續(xù)快速發(fā)展,成為經(jīng)濟(jì)全球化的助推器。從整體情況看,2006年世界電子商務(wù)交易額達(dá)12.8萬億美元,占全球商品交易的18%。我國(guó)也一直高度重視電子商務(wù)的發(fā)展,電子商務(wù)已經(jīng)成為推進(jìn)國(guó)民經(jīng)濟(jì)和社會(huì)信息化的重要組成部分。我國(guó)電子商務(wù)交易額過幾年突飛猛進(jìn),以B2C和C2C交易為例,2001年至2006年各年度的交易額如圖1所示。
企業(yè)建立起網(wǎng)站,就一定能獲得成功,給企業(yè)帶來源源不斷的經(jīng)濟(jì)效益嗎?這一問題的解決,離不開一個(gè)關(guān)鍵因素――網(wǎng)站可信度。網(wǎng)站的可信度,已經(jīng)成為決定某網(wǎng)站成功與否的重要標(biāo)志。
所謂網(wǎng)站可信度,是一種心理感覺,是指用戶(既包括個(gè)體消費(fèi)者也包括團(tuán)體消費(fèi)者,既包括現(xiàn)實(shí)消費(fèi)者也包括潛在消費(fèi)者)從個(gè)人或集體的角度,對(duì)企業(yè)網(wǎng)站在心理上所產(chǎn)生的信任感及其強(qiáng)度。戴爾電腦公司的首席執(zhí)行官邁克爾?戴爾(Michael Dell)曾說過,“現(xiàn)代企業(yè)現(xiàn)在面臨的最大挑戰(zhàn)不是利潤(rùn),而是信任感”。在信息技術(shù)日益發(fā)達(dá)的今天,互不相識(shí)的雙方通過電子網(wǎng)絡(luò)進(jìn)行互動(dòng),用戶對(duì)網(wǎng)站產(chǎn)生的信任感比以往任何時(shí)候都更為重要。國(guó)內(nèi)外許多學(xué)者都認(rèn)為網(wǎng)站可信度是影響顧客網(wǎng)上購買行為的一個(gè)重要因素,也是影響電子商務(wù)的發(fā)展的一個(gè)重要因素。一般來說,用戶對(duì)某一網(wǎng)站越信任,越有可能在該網(wǎng)站上停留較長(zhǎng)的時(shí)間,越會(huì)影響用戶的購買決策,越能提高用戶的購買欲。如果顧客對(duì)網(wǎng)絡(luò)企業(yè)缺乏信任感,顧客就不會(huì)在網(wǎng)上購物,甚至不會(huì)到網(wǎng)站查尋商品信息。企業(yè)網(wǎng)站只有贏得顧客的信任感,才有可能獲得良好的經(jīng)濟(jì)收益。
美國(guó)網(wǎng)絡(luò)安全公司ScanAlert于2005年5發(fā)表了題為“A New Era of Digital Window Shopping:From Shopping Cart Abandonment to Purchase”用戶網(wǎng)上購物習(xí)慣的調(diào)查報(bào)告,ScanAlert 研究發(fā)現(xiàn),從一個(gè)消費(fèi)者初次訪問某網(wǎng)站到他在該網(wǎng)站進(jìn)行購買的平均時(shí)長(zhǎng)超過了19小時(shí),網(wǎng)站的可信性建設(shè)因此成為促成購買或放棄購物車的重要原因。而渥太華卡爾頓大學(xué)的Gitte Lindgaard進(jìn)行的研究表明,用戶對(duì)網(wǎng)站的判斷在不到一秒鐘內(nèi)就已作出,并且這種判斷具有持續(xù)的影響力,因此,給用戶良好的第一映像并讓其產(chǎn)生信任感對(duì)于網(wǎng)站來說是至關(guān)重要的。
國(guó)內(nèi)外的搜索引擎也非常重視網(wǎng)站的可信度。例如,目前網(wǎng)絡(luò)世界中影響力最大的搜索引擎Google越來越強(qiáng)調(diào)網(wǎng)站的可信度。一個(gè)在Google眼中可信度很低的網(wǎng)站,想在相應(yīng)的搜索項(xiàng)結(jié)果頁面中獲得好的排名幾乎是不可能的。
二、企業(yè)網(wǎng)站可信度的要素
一般來說,企業(yè)網(wǎng)站的功能在于:(1)企業(yè)形象宣傳;(2)產(chǎn)品和服務(wù)項(xiàng)目展示;(3)商品和服務(wù)訂購;(4)轉(zhuǎn)賬、支付與運(yùn)輸;(5)信息搜索與查詢;(6)客戶信息管理;(7)銷售業(yè)務(wù)信息管理;(8)新聞;(9)供求信息。這些功能基本上可以歸結(jié)為兩個(gè)模塊:網(wǎng)絡(luò)營(yíng)銷模塊和網(wǎng)站服務(wù)模塊。而這兩個(gè)模塊都需要借助于一定的網(wǎng)站結(jié)構(gòu)來實(shí)現(xiàn)。因此,從用戶的角度來看,可以把網(wǎng)站可信度的構(gòu)成分為三部分:網(wǎng)絡(luò)營(yíng)銷可信度、網(wǎng)站服務(wù)可信度和網(wǎng)站結(jié)構(gòu)可信度。
網(wǎng)絡(luò)營(yíng)銷可信度,是指用戶對(duì)企業(yè)網(wǎng)站所展示的產(chǎn)品質(zhì)量、產(chǎn)品價(jià)格、廣告宣傳、產(chǎn)品訂購、支付安全、物流配送、市場(chǎng)調(diào)查等在心理上產(chǎn)生的信任程度。
網(wǎng)站服務(wù)可信度,是指用戶對(duì)企業(yè)網(wǎng)站所提供的服務(wù)項(xiàng)目、服務(wù)范圍、服務(wù)條款、服務(wù)方式、聯(lián)系方式、網(wǎng)站信息檢索等在心理上產(chǎn)生的信任程度。
網(wǎng)站結(jié)構(gòu)可信度,是指用戶對(duì)企業(yè)網(wǎng)站所采用的版面結(jié)構(gòu)、欄目設(shè)置、信息表現(xiàn)形式、視覺效果、網(wǎng)站導(dǎo)航、頁面鏈接等在心理上產(chǎn)生的信任程度。
網(wǎng)站可信度是用戶結(jié)合網(wǎng)站結(jié)構(gòu)可信度、網(wǎng)站服務(wù)可信度和網(wǎng)絡(luò)營(yíng)銷可信度做出綜合評(píng)判的心理過程,是網(wǎng)站結(jié)構(gòu)可信度、網(wǎng)站服務(wù)可信度和網(wǎng)絡(luò)營(yíng)銷可信度在用戶心理復(fù)合作用的一種結(jié)果。網(wǎng)站可信度的簡(jiǎn)單模型如圖2所示。
當(dāng)今的經(jīng)濟(jì)形態(tài)可以說是一種“體驗(yàn)經(jīng)濟(jì)”(experience economy),也是“注意力經(jīng)濟(jì)”,更是“信任經(jīng)濟(jì)”,其中買方的心理因素起著非常重要的作用,電子商務(wù)也不例外。從用戶心理的角度來看,基于網(wǎng)站可信度的網(wǎng)上購物基本流程如圖3所示:
三、企業(yè)網(wǎng)站可信度的建立
如何讓消費(fèi)者對(duì)企業(yè)網(wǎng)站產(chǎn)生信任,這確實(shí)是一個(gè)問題。因?yàn)樾湃问琴徺I的前提,有一句流傳甚廣的話,在網(wǎng)上沒人知道你是一條狗,但同樣別人也很難知道你是一個(gè)人。那么,在一個(gè)虛擬的世界里,如何讓訪問者信任企業(yè)網(wǎng)站呢?企業(yè)又應(yīng)如何提高網(wǎng)站的可信度呢?
斯坦福大學(xué)的研究對(duì)于企業(yè)網(wǎng)站建設(shè)來說有極高的借鑒意義。斯坦福大學(xué)的“勸說技術(shù)實(shí)驗(yàn)室”在基于超過4500人的調(diào)查基礎(chǔ)上,經(jīng)過三年多的專業(yè)研究,提出了建立網(wǎng)站可信度的十條指南。這些指南包括:(1)易于驗(yàn)證網(wǎng)站信息的準(zhǔn)確性;(2)顯示網(wǎng)站背后有一個(gè)真實(shí)組織(企業(yè))的存在;(3)強(qiáng)調(diào)組織)企業(yè))的專業(yè)性以及網(wǎng)站提供的內(nèi)容和服務(wù)的專業(yè)性;(4)顯示網(wǎng)站背后有誠實(shí)可信的團(tuán)隊(duì)存在;(5)能夠方便聯(lián)系;(6)實(shí)現(xiàn)網(wǎng)站的專業(yè)化設(shè)計(jì);(7)使網(wǎng)站易于使用并且對(duì)用戶有使用價(jià)值;(8)及時(shí)更新網(wǎng)站內(nèi)容;(9)促銷性內(nèi)容應(yīng)有所限制;(10)避免任何形式的細(xì)小錯(cuò)誤。
因此,企業(yè)網(wǎng)站可信度的建立,應(yīng)在遵循上述十條指南的基礎(chǔ)上,從其構(gòu)成要素的角度來實(shí)現(xiàn):
(1)從網(wǎng)站結(jié)構(gòu)方面建立網(wǎng)站可信度。企業(yè)網(wǎng)站設(shè)計(jì)應(yīng)體現(xiàn)出專業(yè)性和條理性,網(wǎng)站布局、欄目導(dǎo)航、整體色彩、頁面風(fēng)格、文本與圖片的搭配、頁面鏈接、字體大小等都應(yīng)從用戶的角度進(jìn)行合理設(shè)計(jì),方便用戶瀏覽網(wǎng)站信息和使用網(wǎng)站服務(wù)。切不可過于強(qiáng)調(diào)先進(jìn)技術(shù)的應(yīng)用而置用戶需求與應(yīng)用能力于不顧,建立起的網(wǎng)站太過胡哨或圖片、視頻過多,影響用戶的信息瀏覽。例如,顏色的選取, 要避免暗淡、沮喪的色系,并盡量保持與企業(yè)LIGO顏色相一致;網(wǎng)站的內(nèi)部鏈接,網(wǎng)頁要恰當(dāng)、充分地組織起來,鏈接要盡可能地到達(dá)網(wǎng)站的深層頁面;網(wǎng)站的外部鏈接,要注意鏈接的質(zhì)量,尤其不要鏈接到一些可信度的網(wǎng)站,也不要出現(xiàn)死鏈接;網(wǎng)站內(nèi)部的內(nèi)容要避免出生重復(fù);依據(jù)目標(biāo)用戶需求信息,提供相應(yīng)的問題或主題指南。
(2)從網(wǎng)站服務(wù)方面建立網(wǎng)站可信度。企業(yè)網(wǎng)站服務(wù)應(yīng)體現(xiàn)出便捷性和時(shí)效性,聯(lián)系方式、資信證明、搜索引擎、信息更新、在線交流等都屬于常規(guī)服務(wù),網(wǎng)站應(yīng)在此基礎(chǔ)上,提供有價(jià)值的、獨(dú)特的服務(wù),對(duì)于網(wǎng)站獲得用戶信任很有幫助,在可能的情況下,提供超越競(jìng)爭(zhēng)對(duì)手的獨(dú)創(chuàng)的服務(wù),例如提供個(gè)性化的服務(wù)、多元化的溝通方式、免費(fèi)電話、隱私保護(hù)、信息加密等,不僅可以建立信任,同時(shí)也是獲得穩(wěn)定用戶的有效方式。對(duì)于網(wǎng)站所能提供的服務(wù),應(yīng)實(shí)實(shí)在在、量力而行,不能超出本企業(yè)的人力、物力和技術(shù)水平而做空頭承諾,一旦表明服務(wù)范圍和服務(wù)標(biāo)準(zhǔn),就應(yīng)如實(shí)執(zhí)行。
(3)從網(wǎng)絡(luò)營(yíng)銷方面建立網(wǎng)站可信度。企業(yè)網(wǎng)絡(luò)營(yíng)銷應(yīng)更多地從方便用戶的角度來開展,這是建立可信度最為重要的環(huán)節(jié),因?yàn)橛脩魹g覽企業(yè)網(wǎng)站的主要目的是查找到質(zhì)優(yōu)價(jià)廉、符合自身需求的產(chǎn)品或服務(wù)。因此,企業(yè)網(wǎng)站應(yīng)精簡(jiǎn)購物流程,如實(shí)介紹產(chǎn)品信息,提供多種付款方式,保護(hù)用戶信用卡信息,提供方便的物流配送,詳細(xì)說明收費(fèi)標(biāo)準(zhǔn),建立技術(shù)支持服務(wù)隊(duì)伍,完善售后服務(wù),妥善處理用戶投訴。尤其是對(duì)用戶最為關(guān)切的個(gè)人身份隱私問題、支付安全問題、貨款交割問題,網(wǎng)站應(yīng)能提供詳細(xì)而又能切實(shí)保護(hù)用戶合法權(quán)益的制度與措施。
四、結(jié)語
在電子商務(wù)日益普及的今天,企業(yè)網(wǎng)站可信度,對(duì)于客戶來說,是其網(wǎng)上商務(wù)活動(dòng)的依據(jù);對(duì)于企業(yè)來說,是其市場(chǎng)競(jìng)爭(zhēng)能力的體現(xiàn)。因此,企業(yè)應(yīng)加強(qiáng)網(wǎng)站可信度建設(shè),以高可信度來贏取客戶。企業(yè)要建立高可信度的網(wǎng)站,還是應(yīng)從細(xì)節(jié)入手,切實(shí)考慮客戶的心理因素,以較高的技術(shù)水平、服務(wù)能力和營(yíng)銷質(zhì)量,贏得客戶的信賴,在激烈的市場(chǎng)競(jìng)爭(zhēng)中把握機(jī)遇,促進(jìn)企業(yè)的持續(xù)發(fā)展。
參考文獻(xiàn):
[1]2006年~2007年世界電子商務(wù)發(fā)展研究年度報(bào)告.data.省略/494/3051994.shtml
[2]金朝力吳辰光:網(wǎng)絡(luò)購物引發(fā)信任危機(jī)[N].北京商報(bào),2007-03-14:A04版
中圖分類號(hào):TP393文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2008)09-11614-03
Design of the Development Platform of Enterprise Website
ZHANG Xing-jun, WANG Meng, REN Hui-hui
(Taiyuan University of Science and Technology, Taiyuan 030024, China)
Abstract: The development platform of enterprise website is a Automatic Building System for enterprise website, The user uses this Automatic Building System only needs a simple operation can quickly establish an enterprise website. This article designed the development platform of enterprise website based on the B/S construction, has analyzed this platform principle of design and the design concept, has designed its functional module and introduced it realized the technology.
Key words: enterprise website; development platform; functional module; B/S construction
1 引言
門戶網(wǎng)站的制作和維護(hù)主要分為前臺(tái)和后臺(tái)兩大部分,呈現(xiàn)給用戶瀏覽器的是前臺(tái)的網(wǎng)站部分,這一部分提供給用戶大量的萬維網(wǎng)上的信息供用戶瀏覽和使用;后臺(tái)部分一般不與用戶打交道,由專業(yè)人士對(duì)后臺(tái)的信息進(jìn)行管理。它主要包括應(yīng)用程序服務(wù)器和數(shù)據(jù)庫服務(wù)器。應(yīng)用程序服務(wù)器控制著前臺(tái)網(wǎng)站的功能和表現(xiàn)形式,而數(shù)據(jù)庫服務(wù)器則用來存放大量的萬維網(wǎng)上的信息資源。目前大多數(shù)的企業(yè)門戶網(wǎng)站的具體的組織實(shí)施過程就是網(wǎng)站的建設(shè)過程,它們一般從網(wǎng)頁的設(shè)置和布局方面來考慮。網(wǎng)頁設(shè)計(jì)的總體原則是要把萬維網(wǎng)上的信息資源集中在一個(gè)互聯(lián)網(wǎng)頁面上,有利于簡(jiǎn)化用戶對(duì)有用信息的查尋。而其具體的處理過程,則是根據(jù)不同的門戶類型來確定不同的頁面構(gòu)成。如果每次建立一個(gè)新的門戶網(wǎng)站都需要從最低層的網(wǎng)站的設(shè)計(jì)著手將是一個(gè)重復(fù)而繁瑣的工作,包括網(wǎng)站頁面的布局和設(shè)置,后臺(tái)數(shù)據(jù)庫的描述,信息資源的整合等方面。
企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)是一個(gè)門戶網(wǎng)站的自動(dòng)生成系統(tǒng),使用者利用該自動(dòng)生成系統(tǒng)只需要簡(jiǎn)單的操作就可以建立具有類似性質(zhì)的企業(yè)門戶網(wǎng)站 。信息門戶網(wǎng)站的自動(dòng)生成系統(tǒng)的設(shè)計(jì),并不僅僅是要設(shè)計(jì)一個(gè)網(wǎng)站系統(tǒng),更為重要的是必須提供個(gè)性化的服務(wù)功能。這樣,無論是誰,即使他根本不懂網(wǎng)站的制作和數(shù)據(jù)庫的維護(hù)等相關(guān)的知識(shí),只要會(huì)使用瀏覽器,就同樣可以在系統(tǒng)的指導(dǎo)下制作一個(gè)專業(yè)的門戶網(wǎng)站。
2 企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)設(shè)計(jì)原則
(1)系統(tǒng)的建設(shè)應(yīng)該統(tǒng)一考慮,系統(tǒng)可重用。它不是簡(jiǎn)單的一個(gè)網(wǎng)站,它更多的是一個(gè)體系架構(gòu)和框架,以及為實(shí)施這個(gè)體系架構(gòu)的一套規(guī)范、方法和工具 。
(2)可用和實(shí)用性。建立企業(yè)信息門戶并不是使用一個(gè)包羅萬象的大應(yīng)用將企業(yè)所有現(xiàn)有的應(yīng)用替換,它是建立一個(gè)信息、服務(wù)的集散地。在這個(gè)集散地 ,企業(yè)現(xiàn)有的應(yīng)用可以集中展現(xiàn)出來,同時(shí),用戶可以在這里方便地找到自己需要的信息和服務(wù)。
(3)可擴(kuò)展性。企業(yè)信息門戶不僅需要將現(xiàn)有的應(yīng)用集成起來,還必須具有良好的 可擴(kuò)展性,在新的應(yīng)用,新的需求被提出和完成后,可以比較方便的將其納入整體體系。
(4)應(yīng)具有強(qiáng)大的搜索功能。企業(yè)信息門戶集成的各類信息非常多,所以,要求搜索引擎可以同時(shí)檢索各類不同的信息。
(5)安全性。信息門戶集中了整個(gè)企業(yè)多方面的信息,但企業(yè)的信息并不是對(duì)所有人都開放的 ,安全性就是指必須能夠控制可以利用的企業(yè)信息門戶框架下提供的服務(wù)。并將這種安全性和整個(gè)企業(yè)基礎(chǔ)網(wǎng)絡(luò)架構(gòu)統(tǒng)一起企業(yè)信息門戶的設(shè)計(jì)原則來。使得服務(wù)只能被授權(quán)的用戶獲取。這就需要提供統(tǒng)一的用戶和信息管理。
(6)靈活性。該系統(tǒng)應(yīng)采用模塊化設(shè)計(jì),模塊之間是松耦合的,添加和刪除模塊非常方便,當(dāng)需求發(fā)生變化時(shí),向系統(tǒng)中間添加功能也將非常簡(jiǎn)單。
(7)利用成熟的技術(shù)和方法,重在整合。企業(yè)信息門戶和現(xiàn)有系統(tǒng)與網(wǎng)站之間是一個(gè)整合的關(guān)系,己經(jīng)建設(shè)成的信息服務(wù)被納入企業(yè)信息門戶,這是通過向企業(yè)信息門戶提供必要的入口信息,從而通過企業(yè)信息門戶在整個(gè)企業(yè)范圍內(nèi)其服務(wù),但服務(wù)的內(nèi)容完全由現(xiàn)有的系統(tǒng)提供。這樣,可以最大限度的保護(hù)企業(yè)的知識(shí)信息投資和經(jīng)驗(yàn)。
3 企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)設(shè)計(jì)思想
信息門戶網(wǎng)站的自動(dòng)生成系統(tǒng)的設(shè)計(jì),并不僅僅是要設(shè)計(jì)一個(gè)網(wǎng)站系統(tǒng),更為重要的是必須提供個(gè)性化的服務(wù)功能。這樣,無論是誰,即使他根本不懂網(wǎng)站的制作和數(shù)據(jù)庫的維護(hù)等相關(guān)的知識(shí),只要會(huì)使用瀏覽器,就同樣可以在系統(tǒng)的指導(dǎo)下制作一個(gè)專業(yè)的門戶網(wǎng)站――這就是該系統(tǒng)的設(shè)計(jì)思想。
基于該設(shè)計(jì)思想,本網(wǎng)站需要有一個(gè)類似于Windows向?qū)б粯拥慕缑?,指?dǎo)用戶使用我們的網(wǎng)站系統(tǒng);當(dāng)然如果用戶已經(jīng)通過我們的網(wǎng)站定制了一套自己的門戶網(wǎng)站的話,那么也可以直接進(jìn)入他所需要的網(wǎng)站里面去;當(dāng)用戶按照系統(tǒng)指定的步驟完成后,在各個(gè)步驟中所涉及到的用戶的信息將會(huì)自動(dòng)存入到后臺(tái)數(shù)據(jù)庫而無須系統(tǒng)管理員手動(dòng)添加;前端又會(huì)通過Web頁面自動(dòng)呈現(xiàn)給用戶,當(dāng)然這些信息要求不能雜亂無章,需要排序和分頁以提高網(wǎng)站的整體美觀和方便使用者瀏覽。
為了實(shí)現(xiàn)這些功能,在技術(shù)上,要求該系統(tǒng)具有“記憶”功能,系統(tǒng)給每一個(gè)門戶網(wǎng)站分配唯一的一個(gè)ID 號(hào)。當(dāng)新增加一個(gè)門戶網(wǎng)站時(shí),該網(wǎng)站的ID號(hào)將會(huì)被自動(dòng)的存入系統(tǒng),而不是象以往Web頁面的“無記憶”狀態(tài);當(dāng)再次進(jìn)入先前設(shè)置過的門戶網(wǎng)站時(shí),系統(tǒng)會(huì)調(diào)出它的ID號(hào)進(jìn)入以前的網(wǎng)站,這就好比要“喚起記憶”一樣。本網(wǎng)站系統(tǒng)雖然較為復(fù)雜,但它畢竟還是一個(gè)網(wǎng)站,因而Web中的交互式程序設(shè)計(jì),頁面信息的導(dǎo)航和分頁還有數(shù)據(jù)庫的設(shè)計(jì)和管理等都是本網(wǎng)站設(shè)計(jì)的關(guān)鍵技術(shù)。
根據(jù)以上設(shè)計(jì)思想,規(guī)劃本系統(tǒng)的設(shè)計(jì)原理圖如圖1所示:
4 企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)主要功能
4.1 多站點(diǎn)、多欄目管理
一套系統(tǒng)可維護(hù)多個(gè)站點(diǎn),如維護(hù)企業(yè)的外部門戶、內(nèi)部門戶、英文版、日文版等,確保企業(yè)網(wǎng)站的可持續(xù)發(fā)展。可隨時(shí)切換到自己工作的網(wǎng)站。每個(gè)站點(diǎn)可包括任意的欄目及子欄目,欄目包括一般欄目和引用欄目(如頭條新聞、圖片新聞等),可任意調(diào)整顯示順序。
用戶可以直接從Microsoft Word中,直接剪切、拷貝過來,只要會(huì)用Word,就能進(jìn)行豐富的頁面制作。系統(tǒng)提供可視化編輯環(huán)境,用戶可以在內(nèi)容編輯中,插入圖片、表格,改變字體、字體大小、對(duì)齊等。所見即所得。
4.3 所見即所得的模板制作
模板語言標(biāo)準(zhǔn)、簡(jiǎn)單,無需編程。模板中可包含其他模板,如網(wǎng)站的欄目菜單條、網(wǎng)站的左邊子欄目列表等通用部分,可極大地提高模板制作的速度和質(zhì)量。 模板基于瀏覽器的所見即所得的編輯方式,用戶可以在模板編輯中,插入圖片、表格,改變字體、字體大小、對(duì)齊等。所見即所得。
4.4 自動(dòng)部署網(wǎng)站
采用靜態(tài)頁面生成技術(shù),將內(nèi)容庫中的內(nèi)容結(jié)合HTML頁面風(fēng)格模版,生成最終的HTML 頁面。這些靜態(tài)的HTML頁面通過設(shè)置的FTP配置,自動(dòng)復(fù)制到Internet的Web服務(wù)器上去。在最終的Web服務(wù)器上,無需數(shù)據(jù)庫支持。系統(tǒng)對(duì)每個(gè)站點(diǎn),支持定時(shí),指定時(shí)間間隔后,系統(tǒng)就自動(dòng)執(zhí)行頁面生成、部署,無需人工管理。
4.5 公告模塊
支持彈出、滾動(dòng)和全部三種公告類型,公告內(nèi)容提供HTML編輯器。支持頻道通用公告、首頁公告及各頻道的獨(dú)立公告。公告列表功能可顯示全部公告的鏈接及頁面,公告具有一定的有效期,在有效期過后自動(dòng)不顯示過期的公告。
4.6 用戶模塊
管理員與會(huì)員分開管理,可以單獨(dú)指定每個(gè)管理員管理的權(quán)限和會(huì)員組在每個(gè)欄目的瀏覽、查看、添加權(quán)限。每個(gè)會(huì)員組的權(quán)限各自獨(dú)立,互不相干。會(huì)員有權(quán)限、評(píng)論權(quán)限、短消息權(quán)限、收藏夾權(quán)限、上傳文件權(quán)限、商城權(quán)限等權(quán)限和個(gè)人文集功能、個(gè)人圖片集和個(gè)人下載集功能。
4.7 數(shù)據(jù)庫模塊
系統(tǒng)可支持不同的數(shù)據(jù)庫管理系統(tǒng),用戶可以根據(jù)具體情況選擇不同的數(shù)據(jù)庫管理系統(tǒng)。并支持?jǐn)?shù)據(jù)庫的在線備份、在線還原、在線壓縮等。
另外系統(tǒng)還具有新聞/文章模塊、下載模塊、圖片模塊、留言模塊、視頻模塊、統(tǒng)計(jì)模塊等,其具體的平臺(tái)模塊結(jié)構(gòu)圖如圖2所示。
5 平臺(tái)實(shí)現(xiàn)技術(shù)
系統(tǒng)將采用三層B/S結(jié)構(gòu),由瀏覽器、Web服務(wù)器和應(yīng)用服務(wù)器、數(shù)據(jù)庫服務(wù)器組成。這是當(dāng)今計(jì)算機(jī)網(wǎng)絡(luò)分布式應(yīng)用程序設(shè)計(jì)的總體趨勢(shì)。三層結(jié)構(gòu)的應(yīng)用程序設(shè)計(jì)遵循開發(fā)的標(biāo)準(zhǔn),保留了兩層結(jié)構(gòu)優(yōu)點(diǎn)的同時(shí),簡(jiǎn)化了程序設(shè)計(jì)的復(fù)雜度。中間層應(yīng)用服務(wù)器,通過提供資源池和緩沖區(qū)等機(jī)制,能更有效的管理系統(tǒng)各種資源;通過標(biāo)準(zhǔn)的API接口實(shí)現(xiàn)對(duì)后臺(tái)訪問,并向客戶端程序屏蔽了所有資源訪問的細(xì)節(jié)??蛻舳顺绦蚋菀妆婚_發(fā)和維護(hù),因?yàn)樗麄儾灰资艿胶笈_(tái)程序變動(dòng)的影響。
表示層采用+XML+XSL技術(shù)。XML-XSL技術(shù)是真正將表示與數(shù)據(jù)分開,XML只專注于傳遞數(shù)據(jù)及其結(jié)構(gòu),再配合上XSL就使得設(shè)計(jì)者能按照自己的需要很方便的改變顯示的樣式、風(fēng)格,或者轉(zhuǎn)換成各種形式的顯示標(biāo)記語言,以其他終端顯示設(shè)備,如PDA,手機(jī)等,而不僅僅是HTML瀏覽器。由于XML和XSL是一個(gè)開放的標(biāo)準(zhǔn),基于它們開發(fā)系統(tǒng),不但方便程序功能的實(shí)現(xiàn),最重要的是擁有大量的廠商支持,而且具有很高的靈活性。
系統(tǒng)的應(yīng)用邏輯以及功能模塊由.net來實(shí)現(xiàn)。應(yīng)用.net技術(shù)開發(fā)的應(yīng)用系統(tǒng),開發(fā)人員只需要專注于系統(tǒng)邏輯的實(shí)現(xiàn),而不需要太多理會(huì)系統(tǒng)底層調(diào)用的問題,如事務(wù)行為、系統(tǒng)安全、連接池、網(wǎng)絡(luò)訪問和線程通信等通用的
問題,可以大大縮短開發(fā)的時(shí)間。
6 結(jié)束語
企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)是一個(gè)門戶網(wǎng)站的自動(dòng)生成系統(tǒng),使用者利用該自動(dòng)生成系統(tǒng)只需要簡(jiǎn)單的操作就能方便的建立企業(yè)門戶網(wǎng)站。本文介紹了企業(yè)門戶網(wǎng)站開發(fā)平臺(tái)各個(gè)模塊的功能,探討了平臺(tái)設(shè)計(jì)過程中要考慮的內(nèi)容,給出了平臺(tái)分析與設(shè)計(jì)方案,方案綜合采用多種先進(jìn)理論、技術(shù)和工具,并最大限度發(fā)揮各種技術(shù)的優(yōu)勢(shì),以確保能高質(zhì)量的實(shí)現(xiàn)平臺(tái)。
參考文獻(xiàn):
[1] 段淑敏,徐自力,王勇,等. 動(dòng)態(tài)網(wǎng)站自動(dòng)生成系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].河南大學(xué)學(xué)報(bào)(自然科學(xué)版),2006,36(4).
[2] 劉潔. 網(wǎng)站自動(dòng)生成系統(tǒng)應(yīng)用研究[J].河北省科學(xué)院學(xué)報(bào),2006,23(3).
我就不深入吐槽了,實(shí)際的情況可能比你想象的要稍微……復(fù)雜一些。不管你是不是一個(gè)羽翼未豐企業(yè)的領(lǐng)導(dǎo),專業(yè)的網(wǎng)站能為你帶來的東西比你想象的多很多。退一萬步來說,“考慮到我們是一個(gè)小廠”,粗糙的網(wǎng)站也許能被用戶理解,但是不一定能接受。每天大家所瀏覽的大量的網(wǎng)站,已經(jīng)從頭到腳為用戶灌輸了“一個(gè)正常的/好的網(wǎng)站應(yīng)該是什么樣子”的概念。
再進(jìn)一步。不夠好的網(wǎng)站會(huì)讓用戶分心,猶豫,糾結(jié)。大家相信大品牌,或者說看起來夠?qū)I(yè)的網(wǎng)站。如果你所提供的網(wǎng)站無法在幾分鐘內(nèi)吸引到他們,就算是失敗。用戶怎么會(huì)在這種情況下突然開始信任你呢?
總而言之,盡量做專業(yè)的設(shè)計(jì),打磨好每一個(gè)微小的細(xì)節(jié),將網(wǎng)站的作用發(fā)揮到最大。尤其是當(dāng)你要建立一個(gè)值得信賴的品牌,你需要仔細(xì)確認(rèn)每一個(gè)細(xì)節(jié)。即使你的設(shè)計(jì)能力有限,如果你能注意一下下面的10個(gè)常見的設(shè)計(jì)誤區(qū),也能讓你的網(wǎng)站給人足夠?qū)I(yè)的感覺。當(dāng)然,如果你的企業(yè)體量比初創(chuàng)企業(yè)大很多,采用真正專業(yè)的設(shè)計(jì)團(tuán)隊(duì)就很有必要了。
注意:文中使用的案例均是初創(chuàng)公司,如果你對(duì)他們的設(shè)計(jì)有意見和建議,他們希望你能到他們的網(wǎng)站中留言,為提升而做出更好的設(shè)計(jì)。
1、使用不合理的模板
用模板的確是一件非常方便的事情。大型企業(yè)用模板確實(shí)說不過去,但是初創(chuàng)公司借助BootStrap做網(wǎng)站絕對(duì)是情有可原。使用類似Bootstrap模板來作為基礎(chǔ),借設(shè)計(jì)師之手針對(duì)品牌和企業(yè)氣質(zhì)稍加定制,其實(shí)是個(gè)很不錯(cuò)的主意,如果溝通良好,說不定最終能呈現(xiàn)出一個(gè)非常不錯(cuò)的網(wǎng)站,對(duì)于企業(yè)的產(chǎn)品與服務(wù)也是很不錯(cuò)的加成。
但是僅僅只是套用模板而不予以調(diào)整和定制,你所遭遇最常見的問題是模板與品牌本身的視覺設(shè)計(jì)上無法達(dá)成一致,從LOGO使用的色彩,到品牌中獨(dú)特的字體,都無法與網(wǎng)站構(gòu)成較高的匹配度。
不過如果你真的是在這方便也捉襟見肘的話,盡量挑選在各方面與品牌形象本身更接近的模板,將疏離感降到最低。
2、使用網(wǎng)站系統(tǒng)的默認(rèn)外觀
和中文網(wǎng)站的情況不一樣,英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress這樣的工具來創(chuàng)建網(wǎng)站,而僅僅使用默認(rèn)的設(shè)置,你愚弄不了任何人,大家一眼就會(huì)把你偷懶的事情看出來——連字體都是默認(rèn)的Open Sans。用Wordpress默認(rèn)外觀也是一樣的道理。如果你不打算在網(wǎng)站視覺上和別人稍作區(qū)別的話,對(duì)品牌的傷害是顯而易見的。
當(dāng)然,如果你能用好諸如Font Awesome這樣的字體和CSS工具,也有點(diǎn)鐵成金的奇效。它能以增加圖標(biāo)庫和樣式的方式,讓Bootstrap等各式各樣的系統(tǒng),擁有漂亮一致的視覺語言。
毫無疑問,這些被精心制作過的原創(chuàng)的圖標(biāo),自然是比系統(tǒng)內(nèi)置的通用圖標(biāo)好。如果你有自己的創(chuàng)意和點(diǎn)子,為什么不去尋找更有個(gè)性,更符合你的品牌調(diào)性的圖標(biāo)、插畫和字體呢?也許時(shí)間成本、實(shí)現(xiàn)成本并沒有你想象中那么高。
3、排版對(duì)比度的問題
字體的排版的問題之大,遠(yuǎn)非絕大多數(shù)非設(shè)計(jì)人員想象的那么簡(jiǎn)單。文字和字母看起來很簡(jiǎn)單,但是它們可以成就好設(shè)計(jì),也可以毀掉整個(gè)版面。
在許多“自制”的網(wǎng)頁中,最常見的問題是標(biāo)題和正文字體之間的對(duì)比度較低,整個(gè)頁面的信息層級(jí)不明顯。僅僅只是調(diào)整字體大小并不足以構(gòu)成對(duì)比,標(biāo)題字體的字重應(yīng)該比正文更大,也就是說字體應(yīng)該更粗,確保它們夠顯眼,更容易被眼睛注意到。
4、使用深色背景
雖然背景處于網(wǎng)頁的最底層,但是它實(shí)際上是占據(jù)網(wǎng)站面積最大的部分,在用戶看到網(wǎng)頁的時(shí)候會(huì)第一時(shí)間感受到,精心選擇背景色彩很重要。
作為一個(gè)久經(jīng)驗(yàn)證的法則,黑調(diào)的網(wǎng)站,除開真正專業(yè)的設(shè)計(jì)師做出來的,其他的基本都沒法看。使用白色作為基本的背景色是非常安全的,不過多數(shù)的設(shè)計(jì)師會(huì)選擇淺灰色打底。值得注意的是,網(wǎng)站的灰度越高,黑色的文字的可閱讀性越差,為了確保網(wǎng)站的可閱讀性,灰度最好保持在15%以下。
5、多級(jí)行為召喚
Call To Action,通常被稱為行為召喚,一般指的是引導(dǎo)用戶做你想讓他們做的事情,注冊(cè)帳號(hào),點(diǎn)擊按鈕,等等。在網(wǎng)站頁面中,主要的行為召喚應(yīng)只有一個(gè)主要的,要知道選擇強(qiáng)迫癥患者比你想象中的多很多,如果沒有主要的、單一的行為召喚,用戶會(huì)感到困惑,并需要較長(zhǎng)的時(shí)間來做決定,再采取行動(dòng)。當(dāng)然,還有一部分用戶會(huì)直接關(guān)閉頁面走人。
將所有內(nèi)容都擺到頁面上,和什么都不放是一樣的效果。移除多余的部分,篩選出最重要的東西擺上去,讓用戶做最重要的事情。無論是注冊(cè)還是打開購買鏈接,把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上,專注于最主要的事情吧。
6、對(duì)齊和留白的問題
說留白和間距是一門藝術(shù)也不為過。留出足夠的空間,又不讓視覺元素周圍的間距太多以至于過于稀疏,這是設(shè)計(jì)中最難控制的部分之一。優(yōu)設(shè)有太多的文章介紹留白和排版的技巧,但是如果你不想記那么多復(fù)雜的技巧,給你推薦一個(gè)簡(jiǎn)單有效的方案:第一步,確保所有元素都合理而得體地組合到了一起,第二步,在這組元素之外給出足夠的留白……
7、不專業(yè)的文案
要寫好文案并不是一件簡(jiǎn)單的事情。但是不論如何,你需要通過網(wǎng)站將你需要表達(dá)的內(nèi)容呈現(xiàn)出來,特別是當(dāng)你是想通過網(wǎng)站賣東西的時(shí)候。在這種情形下,你需要讓你的文案易于被理解,精心校對(duì),確保內(nèi)容的正確性和準(zhǔn)確性,不要有拼寫錯(cuò)誤。
我經(jīng)常在網(wǎng)上看到一些表述極為尷尬的文案,這樣的網(wǎng)站會(huì)給人一種網(wǎng)站尚處于原型階段的粗糙感。在網(wǎng)站上線前,找個(gè)有相關(guān)經(jīng)驗(yàn)的朋友瀏覽一下全站是個(gè)不錯(cuò)的選擇。
8、可讀性的問題
如果無法讓人看清,再優(yōu)秀文案都無法拯救你的業(yè)務(wù)。許多細(xì)小的細(xì)節(jié)會(huì)影響網(wǎng)站文本的閱讀性,直接或者間接地影響你精心準(zhǔn)備的內(nèi)容,讓它們難以被讀者流暢地感知到。
要解決可讀性問題,值得注意的問題很多。行高過低會(huì)讓文字難于被閱讀,太小的字體對(duì)于許多用戶都是障礙,陰影、斜體等效果也常常會(huì)影響可讀性(尤其是中文,繁體中文這種情況更嚴(yán)重),色彩對(duì)比度沒控制好更是災(zāi)難性的。這其中有些問題雖然算不得太嚴(yán)重,對(duì)于多數(shù)用戶也許不會(huì)造成太多障礙,但是這會(huì)讓用戶對(duì)你的專業(yè)性產(chǎn)生懷疑。
9、一致性的問題
你應(yīng)該始終保持產(chǎn)品和品牌的一致性,從品牌設(shè)計(jì)、網(wǎng)站設(shè)計(jì)到社交媒體、包裝和廣告,都應(yīng)該具備品牌識(shí)別度。
不過在實(shí)現(xiàn)這些遠(yuǎn)大的目標(biāo)之前,先退一步來看,你有必要讓網(wǎng)站本身先與自身保持一致性。你的網(wǎng)站字體的樣式是否保持了一致?LOGO上的品牌用色與網(wǎng)站的配色方案是否對(duì)應(yīng)?網(wǎng)站的各個(gè)元素的陰影樣式是完全一樣,還是“看起來很相似”?通常情況下,你只需要仔細(xì)清理你的CSS樣式表,就可以解決許多一致性的問題。
一、引言
企業(yè)網(wǎng)站是一個(gè)企業(yè)不可缺少的組成部分,它能介紹企業(yè)文化、經(jīng)營(yíng)理念、特色服務(wù)及企業(yè)在全國(guó)的網(wǎng)點(diǎn)分布,拓寬顧客市場(chǎng),增加企業(yè)與客戶之間的聯(lián)系,縮短二者之間的距離,提高企業(yè)知名度,為企業(yè)今后的業(yè)務(wù)發(fā)展開辟一個(gè)良好的社會(huì)環(huán)境。利用網(wǎng)上購物,實(shí)現(xiàn)電子商務(wù),完成金融、物品、服務(wù)、信息等價(jià)值的交換,是快速而有效地進(jìn)行各種商務(wù)活動(dòng)的最新方法。建成檢索迅速、查找方便、可靠性高、存儲(chǔ)量大、保密性好、壽命長(zhǎng)、成本低、維護(hù)簡(jiǎn)潔、信息實(shí)時(shí)性強(qiáng)的功能完善的企業(yè)網(wǎng)站,能夠極大地提高企業(yè)效率,也是企業(yè)走向科學(xué)化、信息化與世界接軌的重要條件。
二、企業(yè)網(wǎng)站的系統(tǒng)設(shè)計(jì)
1.前臺(tái)客戶功能模塊設(shè)計(jì)
(1)主頁
也稱為企業(yè)的形象頁面,包括企業(yè)名稱,企業(yè)標(biāo)志,對(duì)網(wǎng)站內(nèi)容進(jìn)行簡(jiǎn)單有效導(dǎo)航的菜單或圖標(biāo),著重標(biāo)明最重要的新聞或修改內(nèi)容以及客戶與公司聯(lián)系的地址、電話、傳真、帳號(hào)等。主頁制作應(yīng)遵循快速、簡(jiǎn)潔、引人、信息概括力強(qiáng)、易于導(dǎo)航的原則,主頁上的導(dǎo)航菜單或圖標(biāo)應(yīng)能鏈接到企業(yè)網(wǎng)站的其他頁面。新聞稿可以有關(guān)新產(chǎn)品或新項(xiàng)目的情況,包括服務(wù)及產(chǎn)品清單,要聞快訊,活動(dòng)日程等。
(2)會(huì)員客戶注冊(cè)與登錄
會(huì)員注冊(cè),提供相應(yīng)的會(huì)員信息,包括用戶名、聯(lián)系人姓名、密碼、所在城市、聯(lián)系地址、郵政編碼、聯(lián)系電話、E-mail等。會(huì)員登錄時(shí),輸入用戶名和密碼,系統(tǒng)將驗(yàn)證用戶名和密碼,如無效,則給出相應(yīng)的提示信息;若有效,則進(jìn)入系統(tǒng)。會(huì)員登錄后,才可以訂購產(chǎn)品,也可以修改用戶信息。
(3)產(chǎn)品服務(wù)瀏覽與搜索
產(chǎn)品服務(wù)頁面采用信息分層,逐層細(xì)化的方法展示企業(yè)產(chǎn)品或服務(wù)。產(chǎn)品服務(wù)頁面的主要內(nèi)容包括產(chǎn)品名稱、類型、特性、規(guī)格、價(jià)格等;也包括客服服務(wù)項(xiàng)目和聯(lián)系電話等。通過產(chǎn)品名稱建立超級(jí)鏈接連到單個(gè)產(chǎn)品頁面;也可以按照產(chǎn)品名稱、類型或價(jià)格等搜索產(chǎn)品信息。
(4)訂單與購物車管理
非會(huì)員客戶,不能進(jìn)入訂單與購物車界面。當(dāng)會(huì)員客戶愿意購買產(chǎn)品時(shí),就可以下訂單正式購買。訂單上的物品會(huì)在購物車上以物品的形式顯示,也可以將物品放進(jìn)購物車或從購物車上取出,系統(tǒng)會(huì)自動(dòng)填寫到訂單上或從訂單上消除。當(dāng)提交訂單時(shí),系統(tǒng)保存會(huì)員客戶提交的訂購信息,存入后臺(tái)數(shù)據(jù)庫。
(5)市場(chǎng)調(diào)研
Web及時(shí)互動(dòng)的特性決定了它是一種有力的市場(chǎng)調(diào)研工具,企業(yè)可以通過市場(chǎng)調(diào)研頁面的制作,收集顧客及其對(duì)產(chǎn)品服務(wù)的評(píng)價(jià)、建議等信息,由此可建立起市場(chǎng)信息的數(shù)據(jù)庫,作為營(yíng)銷決策的量化基礎(chǔ)。
(6)廣告及其他內(nèi)容
在企業(yè)網(wǎng)站上添加一些廣告內(nèi)容,可以增加網(wǎng)站的吸引力,也起到對(duì)企業(yè)的宣傳作用。除了以上基本內(nèi)容外,企業(yè)網(wǎng)站也可以根據(jù)企業(yè)自身特點(diǎn)和需要設(shè)計(jì)其他內(nèi)容。
2.后臺(tái)系統(tǒng)管理模塊設(shè)計(jì)
(1)系統(tǒng)管理員登錄模塊
系統(tǒng)初始管理員名稱為Administrator,密碼為河南格瑞泰德科技有限公司的標(biāo)志greentide。系統(tǒng)管理員登錄后,可以維護(hù)整個(gè)系統(tǒng),使之能夠正常運(yùn)行。
(2)會(huì)員客戶信息管理模塊
可以查看會(huì)員客戶的姓名、單位地址、電話、E-mail等信息,定時(shí)整理會(huì)員客戶資料及時(shí)讓業(yè)務(wù)員與之聯(lián)系,穩(wěn)定銷售渠道。
(3)訂單信息處理模塊
可以查看會(huì)員客戶的訂單信息,及時(shí)反饋給業(yè)務(wù)員,簽定銷售合同,收取貨款,配送貨物;安排技術(shù)人員進(jìn)行安裝、調(diào)試運(yùn)行;將完成交易后的訂單標(biāo)志修改到已處理狀態(tài)。
(4)產(chǎn)品信息管理模塊
把新增加的產(chǎn)品名稱、類型、特性、規(guī)格、價(jià)格等信息存入數(shù)據(jù)庫中,并進(jìn)行產(chǎn)品信息的查詢、修改、刪除等維護(hù)工作。
(5)新聞稿件和調(diào)研信息處理模塊
及時(shí)處理新聞稿件,進(jìn)行添加、查詢、修改、刪除等維護(hù)工作;及時(shí)對(duì)調(diào)研信息進(jìn)行匯總、歸類、整理等工作。
(6)廣告信息處理模塊
及時(shí)處理廣告信息,進(jìn)行廣告信息的添加、查詢、修改、刪除等維護(hù)工作。
三、系統(tǒng)實(shí)現(xiàn)及關(guān)鍵技術(shù)
綠潮集團(tuán)河南格瑞泰德科技有限公司的網(wǎng)站架設(shè)在Windows Server 2003操作系統(tǒng)之上,以為開發(fā)工具,SQL Server 2005為后臺(tái)數(shù)據(jù)庫,采用基于Browser/Server模式和多層結(jié)構(gòu)設(shè)計(jì)思想相結(jié)合的系統(tǒng)構(gòu)架。
1.系統(tǒng)安全性和用戶權(quán)限設(shè)計(jì)
因?yàn)橄到y(tǒng)采用B/S模式,所以系統(tǒng)的安全性非常重要,為了提高系統(tǒng)的安全性,除了、IIS、SQL Server 2005自身數(shù)據(jù)安全,身份驗(yàn)證和授權(quán)機(jī)制外,本系統(tǒng)從用戶級(jí)和數(shù)據(jù)庫級(jí)對(duì)系統(tǒng)進(jìn)行多重保護(hù)。
用戶級(jí):對(duì)系統(tǒng)用戶進(jìn)行明確的權(quán)限劃分。將用戶劃為三個(gè)級(jí)別,系統(tǒng)管理員Administrator負(fù)責(zé)系統(tǒng)的維護(hù),以及各種數(shù)據(jù)庫的管理工作,主要在后臺(tái)進(jìn)行。會(huì)員客戶(登錄注冊(cè)的客戶)允許對(duì)部分?jǐn)?shù)據(jù)的修改,特別是訂單數(shù)據(jù)和自身信息數(shù)據(jù),具有數(shù)據(jù)上傳權(quán)限;一般客戶是所有通過Web訪問本網(wǎng)站的人員,可以進(jìn)行一般信息的瀏覽、查詢等。
數(shù)據(jù)庫級(jí):數(shù)據(jù)庫的備份和恢復(fù),采用增量備份的數(shù)據(jù)庫策略,并定期對(duì)重要數(shù)據(jù)進(jìn)行轉(zhuǎn)儲(chǔ),在系統(tǒng)受到破壞時(shí),能夠及時(shí)恢復(fù)數(shù)據(jù)到正常運(yùn)行狀態(tài)。
2.通過AdRotator控件展示廣告
AdRotator控件用于隨機(jī)展示廣告集中的某一廣告圖片,廣告集由一個(gè)基于XML的廣告文件指定。在展示廣告圖片過程中,AdRotator控件自動(dòng)循環(huán)處理文件中的廣告,當(dāng)頁面刷新時(shí),頁面就隨機(jī)更改展示的廣告,廣告文件包含每個(gè)指定廣告的節(jié)點(diǎn),該節(jié)點(diǎn)包含將要展示的廣告圖像地址節(jié)點(diǎn),單擊圖像導(dǎo)航的地址URL,圖像不存在時(shí)顯示文本,廣告旋轉(zhuǎn)顯示時(shí)間占總時(shí)間的百分比和任何與廣告相關(guān)聯(lián)的關(guān)鍵字。
3.XML控件的應(yīng)用
XML控件是用于在Web頁面上顯示XML代碼的專用控件,而在 Web窗體中,原始XML代碼不會(huì)被顯示,只有借助于XML控件才能顯示XML代碼。該控件把XML文件和轉(zhuǎn)化樣式文件作為輸入,然后把結(jié)果代碼發(fā)送給瀏覽器。XML控件可以從字符串URL或XML Document 對(duì)象讀取XML。
4.利用訪問數(shù)據(jù)庫
在NET Framework中,是數(shù)據(jù)庫的重要組成部分,為NET Framework提供了高效的數(shù)據(jù)訪問機(jī)制;同時(shí)和XML的無集成,使之成為Web應(yīng)用程序開發(fā)的一把利劍,提供對(duì)Microsoft SQL Server等數(shù)據(jù)源的一致訪問。