淺析網站構建中信息引導與界面元素的構建原理及關系

胡堯　楊雋

摘 要：在企業的網站建設中不單只考慮到使企業的網站成為專業的宣傳營銷平臺，還應考慮到企業網上形象與網下形象的統一性。企業的網站營銷始于網站策劃，網站策劃的好壞直接影響到網站運作的效果，而網站中信息的順勢引導對于網站的運作至關重要。網站是企業展示形象、介紹產品和服務、體現其發展戰略的重要途徑，也是借助Internet傳播文化的重要窗口，其界面元素的排列方式、色彩甚至是文字字體、大小都可向用戶提供相關信息，加強與客戶之間的交流，網站信息引導的建立離不開對界面元素的解碼。

關鍵詞：信息引導；網站；界面元素

1 網站信息的構建分析圖

網站信息的歸納、提取及選擇，離不開對社會、經濟及環境的依賴，在每個層面上提取相關要素，綜合成圖表為網站信息構建提供集成化。以下為市場信息歸納示意圖。

2 上海故事：家紡網站信息引導與界面元素的關系

通過瀏覽整個企業的網站，從整流流程設計到細節設計，可以歸納出上海故事的網站設計的主要特點：

2.1 網站整體風格一致

高貴典雅，并且與企業設定的品牌風格相呼應，從頁面色彩、頁面排式細化到頁面字體種類、字體大小、字體顏色等都符合上海故事這個品牌時尚、經典、溫暖及頗具上海的風情。

2.2 目標明確，主題鮮明

上海故事的網站清楚地展示了公司形象，同時也為訪問者發布公司信息和提供服務，宣傳公司產品和相關周邊產品，符合商業網站建設的要求。

2.3 設計布局合理

上海故事的網頁布局設計在有限的空間內，合理安排組成網頁的各種元素的位置，包含頁面標題、網站標志、頁眉、導航欄、內容版塊和頁腳等部分，并且使頁面呈現了美觀的視覺效果，達到視覺和藝術效果的統一；同時把網頁要表達的信息有效地傳達給瀏覽者，以網站主題和頁面內容為依據，以準確、有效地表達信息為目標，通過清晰的對比和簡潔的說明完成形式上的布局，達到了形式與內容的統一。

2.4 等待中的進程設計

在進入到首頁之前有一段簡短的flash視頻動畫廣告，這樣的一個動畫相對其他程序來說是非常占網速的，相對于其他網站的不做提醒和數字提醒的過程設計，上海故事巧妙地運用了圖形變化的形式來提醒，這樣用戶在等待過程中不再煩躁不安，而是好奇等待。

2.5 無動畫廣告的煩擾

許多網站為了達到推廣網站和產品的目的，不斷地在頁面當中添加浮動廣告或者動畫廣告，這不僅造成網速的極大受阻，同時也會使得用戶在操作過程中的困擾。而上海故事的網站當中，很少有這些小廣告的出現。

2.6 圖片注釋

在很多網站上，我們都可以找到一個共同的缺點，當網速慢時有很多圖片都無法顯示，又沒有注解時，會使得用戶反感，假如在注冊時的按鈕是圖片做的又沒加圖片注解，就會導致連注冊都找不到，而上海故事在每個圖片旁都增加了注解，很好地解決了這些問題。

3 同類家紡網站設計過程中信息引導誤區

雖然上海故事頗具自身企業的風格，設計方面也有自己獨立的特點，但是不可否認，整個網站設計當中仍然存在不少問題，根據設計需求和設計合理性，發現存在以下幾個問題：

3.1 頁面色彩與生理特征上的矛盾

不可否認，以上海故事為代表的網站設計風格和自身企業的形象有著非常高的融合度，黑底紅頁的設計搭配雖然有著溫暖成熟的韻味。但是相關高純度、高亮度對比地使用純色實際上很容易造成用戶的視覺疲勞。

3.2 圖片數量與識別效果的矛盾

在產品展示頁面當中，對于產品圖片的處理辦法一般是：圖片在左，數據在右。在有限的界面內，數據和圖片地占據同樣大小的位置空間，可以看到對于文字剛好合適的空間中放入擁有細節的產品圖片，是難以體現產品的設計細節和獨特之處的，而對于意欲購買的客戶來說，對產品實物圖的關注程度通常會大于對數據的關注，因為客戶在大程度上，希望通過對比實物來決定購買與否，這樣一張面積小同時像素不高的圖片，實在難以滿足挑選需求。

3.3 信息與表達方式的不協調

在整個頁面的排版當中，有不少地方涉及了大量信息的羅列，如銷售分布部分，上海故事的處理是將所有的歷史事件按照時間順序列舉。而其實從用戶角度，一些表格、圖標、地圖的形式的運用會更好地提升閱讀速度與效果。

3.4 尺寸與操作性的矛盾

通過多次重復的使用和點擊發現，由于目標點擊區域的尺寸過于窄小，鼠標指向導航欄時十分困難，這是因為熱點區域過小造成的操作性障礙。對于一個成熟的網站來說，便利舒適的操作是十分必要的，這不僅影響到用戶獲取信息的意愿，甚至會造成對整個網站的消極的印象。因此，一些按鍵、按鈕及鏈接，其實適當增大字體或尺寸是有益的。

3.5 導航欄層級區別不明顯

根據不少網站的瀏覽發現，如果導航欄在顏色、字體還是對比程度上，兩者都是非常接近的，這樣缺乏明顯區別的設計，將不利于用戶操作認知，容易造成感知上的混亂和不解，往往會將重要信息誤導或忽略。

4 結語

整個切入點的目標主體：以網站設計為中心，前鋪墊市場調研和分析，提出需求分析，隨后結合具體網站，經過對“上海故事”等優秀案例的分析補充，實現對目標網站的全面分析，使得切入點的分析既具有廣度又具有深度。