網頁設計中企業網站信息的交互流程體驗的引導功能分析

摘 要：虛擬網絡的宣傳平臺越來越受到現代企業的重視，無論是網絡購物還是微博營銷，線上交易平臺成了產品設計創新、運營創新的新途徑。企業的官方網站正是展現公司定位、產品特色、風格理念的最佳平臺，而網站的交互流程的優良與否又直接關系著用戶，甚至顧客的購買滿意度。因此本文主要以網頁版式設計的相關要素出發，通過社會、環境和技術三方面的互相關聯，分析在網站設計當中如何進行體驗引導的作用分析，通過對典型案例（家紡網站“上海故事”）進行多面分析，闡述如何優化用戶體驗，怎樣進行正確視覺流引導，從而加強維護企業網上形象與網下形象的統一性，進而更好地提升企業形象與品牌價值。

關鍵詞：交互流程；網頁設計；體驗；網站信息

0 引言

在現代電子網絡技術高速發展的當今，擁有一個獨立的企業網站并非難事，而對于任意一個已經擁有網站的企業來說，如果可以恰當地利用自身的網站進行宣傳和推廣，不僅可以有效地提高企業知名度，同時運用得當也可以吸引新顧客和保留就有顧客，是一個回報效果明顯的舉措，因此如何運營和設計企業網站是具有研究價值的。

1 基于三大層面上的企業網站設計需求分析

從網站設計的目標出發，基于社會、環境以及技術等三大層面，在每個層面當中提取出初步的設計需求，從而為接下來的“上海故事”網站設計分析鋪設基礎。

1.1 社會層面上——企業網站設計目標的多層次需求

（1）明確建設網站目的的定位需求。既然是為企業設計網站，當然需要重點突出企業自身獨特的屬性和優勢以區別其他同行企業或產品。建立網站之前，要有明確的目的，即所建立的網站的作用是什么，服務的對象是哪些群體，要為瀏覽者提供怎樣的服務，只有找準了網站的定位，才為網站建設提供可能。

（2）考慮訪問者的心理需求。設計網站是為了更好地將企業形象深入到每位訪客心中，借此保留住原有的顧客，同時吸引更多的新顧客通過網絡從虛擬世界走向現實世界當中，購買企業的產品。既然目標對象是具有深層次心理活動的人，其心理需求自然需要多加考慮，這不僅影響著訪問者是否會重新回訪、瀏覽過后的反饋如何，同時還會帶動影響其他關注者的心理活動，對企業的宣傳和推廣都有不可忽視的作用。

（3）進行可行性分析的功能需求。可行性分析就是分析是否有能力、財力建設和維護這個網站；分析網站建成以后是否有一定的經濟效益或社會效益；分析網站建設需要花費多少時間、精力、人力，性價比是否合算。

1.2 環境層面上——根據行業特點和地域特色對網站產品進行推廣

環境方面包含了、地理環境、自然環境、市場環境以及生活環境等方面的因素，結合網站設計關注如下幾點：

（1）能否與競爭同行形成差異化特色。在同樣的市場環境競爭，如何脫穎而出，獨具特點是讓顧客和網站瀏覽者記住企業的有效途徑，這樣在顧客購買同類產品時，對印象深刻的品牌和企業是十分具有積極影響的。

（2）是否具有網站獨具的地域特色。不少網站設計千篇一律，毫無獨特風格，與同行業之間的競爭優勢十分微弱。但是，一個具有地域特色的網站不僅可以從同類行業網站當中脫穎而出，更能增加同屬地域訪問者的親切感和熟悉感，加大購買機會。

（3）如何深入配合產品宣傳的需要。通過Internet進行產品發布、宣傳無疑是最理想的途徑，人們越來越習慣到Internet上查找所需要的信息，并且作為首選的途徑。盡管很多網站無論是從藝術效果和實用功能來講都已具備相當的實力，但是企業在發布網站后就不在過問，很多企業都不太重視網站推廣的重要性，不懂得如何利用網站來宣傳自己的企業，樹立自己的品牌形象，企業網站形同虛設。

1.3 技術層面上——對網站開發和功能實現的基礎支持

技術方面包括網站的開發技術、管理技術、維護技術以及發布網絡的技術等。這些技術在實際應用當中，應充分考慮現有技術市場和技術條件，以最合適的人力、資源比來實現對網站的技術支持。

2 家紡網站企業案例分析之“上海故事”

本文綜合調查了多個知名的家紡網站，并對“上海故事”、“絕代佳人”、“博洋家紡”、和“黛富妮家紡”等多家知名家紡網站進行了分析比較和研究，總結歸納出同行業之間，家紡網站設計的共同點和各自優勢，其中“上海故事”本身具有長久以來線下實體店的經營銷售，其專賣店已輻射到南京、杭州、寧波、福州、青島、天津，哈爾濱等重要城市，具有研究代表性；同時還在線下對“上海故事”在上海各大商場的幾個主要門店進行了市場調研和資料收集。

針對家紡企業網站，對其設計需要考慮的方面進行歸納整理，家紡網站設計的要素結構圖如表1。

3 “上海故事”網站設計的出發點

“上海故事”企業網站，主要圍繞：企業簡介、企業文化、服務理念、品牌定位、風格定位等級方面來進行設計，通過將目前主營產品分為絲巾圍飾、時尚陽傘、時尚手袋三大類別，近千余個花色品種。這些數量龐大的產品，通過圖片展示和文字介紹的形式進行表現；在網站設計中，顏色選擇上具有浪漫色彩的絲綢紅，以及富有文藝氣息的照片幻燈，極力宣揚企業文化中的“真誠·愛·快樂”；其品牌定位體現出一個故事，萬般風情。在上海故事的產品當中，無論是傘、絲巾或者是包類，都可以通過一個簡單的故事為原型，來闡述產品的理念和文化；再將服務理念的宗旨放入網站設計中，體現對顧客的悉心關懷，“顧客”不僅是指購買“上海故事”產品的消費者，還包括所有與“上海故事”打交道的合作伙伴及經銷商等。

3.1 2010年舊版“上海故事”網站規劃和基本交互流程

點擊上海故事的官方網站，首先是一段flash動畫，動畫的主題圍繞上海故事的品牌理念“一個故事，萬般風情”展開，通過不同類型企業的產品佩戴在不同氣質的優雅女性身上，體現出濃濃的典雅氣質。

點擊跳過動畫，出現的黑色背景的上海故事的主頁，頁面的導航部分由上海故事的CI形象標志與導航欄組成。導航欄的策劃是主導航欄和次導航欄的結合，其中主導航欄的內容包括：首頁，聯系方式和網站地圖，此導航欄的內容是：企業介紹，產品中心，周邊介紹，會員貴賓和銷售服務。

頁面中心主體部分是紅色次級背景的產品圖片替換展示、企業風采、最新動態和產品展示。另外在頁面下方還有一段次級導航欄，內容依次是：網站地圖、版權申明、隱私條款、聯系方式、友情鏈接以及企業郵箱，并在旁邊附上了團購熱線電話號碼。值得注意的是上海故事在這里進行了一些文字替換：如企業介紹被稱作了“關于我們”，周邊介紹部分被稱為“絲路花語”。

點擊進入“關于我們”，在左側列出了該目錄下的四級內容分別是：企業簡介、企業文化、品牌介紹及最新動態；該層級的右側是內容顯示區域，相應的文字和圖片介紹都羅列其中。有個細節設計是在右側的抬頭部分添加了導航欄層級顯示，方便瀏覽時的返回操作。

接下來的產品中心界面設計基本和企業介紹部分相同，左側均為層級顯示，右側均為內容展示。值得一提的是，在產品指示的部分，“包包”一欄無任何內容展示；絲路花語的電子期刊只有摘要性話語介紹，具體內容并無展示；在會員貴賓的層級中，會員登入與會員信息是相同內容；銷售服務的部分中，業績排行與優秀員工的頁面均無內容呈現。

其他稍有差別的細節，如企業郵箱是跳出一個新的登入窗口，不過一旦進入此頁面則無法返回到上一級；在產品指示部分，增加了站內產品搜索功能，加強了網站與客戶的互動性。

3.2 2013新版“上海故事”網站改版后的交互體驗優化

新版的“上海故事”官方網站，對原有的網站進行了優化設計，主要體現出網頁版式設計要素對網站交互體驗的引導上：

（1）單元區分視覺化——通過圖像來引導視覺焦點集中定位。2013版的“上海故事”網站結合了更多的圖像元素，網站視覺界面去除了更多文字敘述，比如導航欄下移到近底欄的位置，更大地還原了網頁的圖形圖像元素，這樣既減少了視覺焦點的混亂，又起到了突出、強化主體照片的作用，而在選擇圖片上提高了對清晰度、品質的要求。另外在“上海故事”欄目下使用動畫幻燈片的形似來展示圖片圖像，起到了一個很好的觀看效果，在展示圖片的速度、頻率、切換方式上都具有懷舊的情感流露，模擬觀賞舊電影的感受來加強對新老客戶的吸引。考慮到家紡類網站具有產品信息量大的特點，通過圖像化處理具有聚焦視點的作用。

（2）導航欄目動態化——通過適當的動畫效果進行操作提示。網站的導航欄，也就是通俗意義上理解的菜單欄，展示網頁的基本框架結構。在“上海故事”當中，網頁采用漸隱的方式，通過鼠標滑動的行為操作，表現出與用戶的交互反應。同時通過交互過程中柔和地呼應效果，與整體網站設計的輕柔、飄逸特點進行強化，考慮到絲綢、絲巾產品的特殊屬性，體現出產品語義學當中的產品特點的轉移，起到了很好的效果呈現。

（3）布局形式多樣化——強化布局形式的不同特點來展示多類分頁。對于不同的頁面內容，如家紡網站的產品頁面和首頁需要進行區分、家紡產品的篩選頁面和產品展示效果頁面也有所不同，因此“上海故事”網站后期增添的網店選擇頁面，結合了“單頁多欄”的頁面布局，左側進行數據篩選，右側進行結果顯示，經典的WINDOWS窗口設計原則的完整體現；另外，“上海故事”的產品類型界面通過與“天貓”界面的跳轉鏈接，雖然看似一步減少工作量的操作，實際強化了產品購買的動機，于是顧客或者用戶在訪問過程中，直接參與到了實際購買流程當中，起到了多重功效。

4 總結

網頁版式設計的元素，在簡單的二維設計中，發揮的是美化、裝飾作用，而在融入了現代互聯網技術的基礎上，具有了不可比擬的功能效果，對企業網站的交互體驗過程中起到了更多地引導作用，具有重要的參考和實踐價值。針對家紡網站等企業網站，官方形象具有十分重要的指引作用，因此在設計當中更需結合用戶心理、交互體驗等多層次內容，綜合視覺、行為、心理等多方面的感官結合，來實現真實的用戶體驗交互機制。