當前位置:首頁 » 網頁前端 » web商務網站設計
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web商務網站設計

發布時間: 2023-02-24 14:05:50

1. web網頁設計都有哪些就業方向

web網頁設都有哪些就業方向,主要的就業方向就是web設計、ui、美工、前端視覺工程師之類。

2. 電子商務網站內容設計一般要遵循什麼原則

電子商務網站設計中應遵循的原則。
1.明確建站的目的和目標群體。
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此必須明確設計站點的目的和目標群體,從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,牢記以「消費者(customer)」為中心,而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮:建設網站的目的是什麼?主要目的是為了介紹企業、宣傳某種產品還是為了試驗電子商務?網站是面對客戶、供應商、消費者還是全部?為誰提供服務和產品?企業能提供什麼樣的產品和服務?網站的目的消費者和受眾的特點是什麼?企業產品和服務適合什麼樣的表現方式(風格)?
如果目的不是唯一的,還應該清楚的列出不同目的的輕重關系。建站包括類型的選擇、內容功能的籌備、界面設計等各個方面都受到目的性的直接影響,因此目的性是一切原則的基礎。
2.總體設計方案主題鮮明。
在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。
3.網站的版式設計要表達出和諧與美。
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同於平面設計但它們有許多相近之處,應充分加以利用和借鑒。版式設計主要是通過文字和圖形的空間組合,表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
4.合理運用色彩。
色彩是藝術表現的要素之一。在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合搭配來構成美麗的頁面,根據色彩對人們心理的影響,合理地加以運用。按照色彩的記憶性原則,一般暖色較冷色的記憶性強;色彩還具有聯想與象徵的物質,如紅色象徵血、太陽;藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面,應使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制,但不能毫無節制地運用多種顏色,一般情況下,先根據總體風格的要求定出一至二種主色調,有CIS(企業形象識別系統)的更應該按照其中的VI進行色彩運用。
5.網頁形式與內容相統一。
要將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在頁面設計中,它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或採用誇張的手法來表現內容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用並不是孤立的,很多時候都需要將它們結合起來,表達完美的設計意境。
6.利用多媒體功能。
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,頁面的內容可以用三維動畫、FLASH等來表現。但要注意,由於網路帶寬的限制,在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
7.注意網站的層次性和一致性。
一個較復雜的網站其板塊較多,必須注意板塊劃分的層次性。劃分後的結構層次不宜過深,通常不超過5層為佳。在安排層次的時候要充分考慮用戶操作,比較常用的信息內容、功能服務應該盡量放到更淺的層次以減少用戶點擊次數。信息內容的獲取和功能服務的過程都應該盡量將所需要進行的步驟控制在3-5步以內,不得不需要更多的步驟的時候應該有明確的提示。
網站的一致性主要體現在:
(1)頁面整體設計風格的一致性:整體頁面布局和用圖用色風格前後一致;
(2)界面元素的命名的一致性:同樣的元素應該用同樣的命名;同類元素命名滿足一致性,做到即使某個元素的表述不清楚也能從上下文推斷其義;
(3)功能一致性:完成同樣的功能應該盡量使用同樣的元素;
(4)元素風格一致性:界面元素的美觀風格、擺放位置在同一個界面和不同界面之間都應該是一致的。
8.內容經常更新,溝通渠道暢通。
對於電子商務網站來說,要根據市場行情的波動隨時更新網頁上的價格信息,經常提供新的商品或服務,並搞些促銷活動以刺激客戶的購買欲。在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。站點信息的不斷更新,讓瀏覽者了解企業的發展動態,會幫助企業建立良好的好象。在企業的Web站點上,要認真回復用戶的電子郵件和傳統的聯系方式如信件、電話垂 詢和傳真,做到有問必答。最好將用戶的用意進行分類,如售前了解、售後服務等,由相關部門處理,使訪問者感受到企業的真實存在並由此產生信任感。注意不要許諾你實現不了的東西,在你真正有能力處理回復之前,不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自願提供其個人信息,應公布並認真履行個人隱私保密承諾。考試大整理
9.努力提高網站的性能。
許多研究表明,網站用戶的滿意度與他對系統的控制感有密切關系,而用戶的控制感在很大程度上取決於系統的響應速度。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鍾。若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,系統要是不能立作出即響應,就應當及時向客戶報告當前處理的進度,以使客戶保持良好的控制感。
為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要採用圖示或多媒體演示,以至不得不適當降低系統響應速度。隨著寬頻網的普及,這一矛盾有望在一定程度上得到緩解。
另外,網站的穩定性(平均無錯運行時間)、安全性(關鍵數據的保護)、網站的防攻擊能力、對異常災害的恢復能力也是衡量網站性能的重要標志。
10.合理運用新技術。
新的網頁製作技術幾乎每天都會出現,如果不是介紹網路技術的專業站點,一定要合理地運用網頁製作的新技術,切忌將網站變為一個製作網頁的技術展台,永遠記住用戶方便快捷地得到所需要的信息是最重要的。對於網站設計者來說,必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等,根據網站的內容和形式的需要合理地應用到設計中。
在競爭激烈的商戰中,企業網站設計顯得極為重要,下面是電子商務網站設計中應遵循的原則。
1.明確建站的目的和目標群體。
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此必須明確設計站點的目的和目標群體,從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,牢記以「消費者(customer)」為中心,而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮:建設網站的目的是什麼?主要目的是為了介紹企業、宣傳某種產品還是為了試驗電子商務?網站是面對客戶、供應商、消費者還是全部?為誰提供服務和產品?企業能提供什麼樣的產品和服務?網站的目的消費者和受眾的特點是什麼?企業產品和服務適合什麼樣的表現方式(風格)?
如果目的不是唯一的,還應該清楚的列出不同目的的輕重關系。建站包括類型的選擇、內容功能的籌備、界面設計等各個方面都受到目的性的直接影響,因此目的性是一切原則的基礎。
2.總體設計方案主題鮮明。
在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。
3.網站的版式設計要表達出和諧與美。
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同於平面設計但它們有許多相近之處,應充分加以利用和借鑒。版式設計主要是通過文字和圖形的空間組合,表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
4.合理運用色彩。
色彩是藝術表現的要素之一。在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合搭配來構成美麗的頁面,根據色彩對人們心理的影響,合理地加以運用。按照色彩的記憶性原則,一般暖色較冷色的記憶性強;色彩還具有聯想與象徵的物質,如紅色象徵血、太陽;藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面,應使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制,但不能毫無節制地運用多種顏色,一般情況下,先根據總體風格的要求定出一至二種主色調,有CIS(企業形象識別系統)的更應該按照其中的VI進行色彩運用。
5.網頁形式與內容相統一。
要將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在頁面設計中,它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或採用誇張的手法來表現內容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用並不是孤立的,很多時候都需要將它們結合起來,表達完美的設計意境。
6.利用多媒體功能。
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,頁面的內容可以用三維動畫、FLASH等來表現。但要注意,由於網路帶寬的限制,在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
7.注意網站的層次性和一致性。
一個較復雜的網站其板塊較多,必須注意板塊劃分的層次性。劃分後的結構層次不宜過深,通常不超過5層為佳。在安排層次的時候要充分考慮用戶操作,比較常用的信息內容、功能服務應該盡量放到更淺的層次以減少用戶點擊次數。信息內容的獲取和功能服務的過程都應該盡量將所需要進行的步驟控制在3-5步以內,不得不需要更多的步驟的時候應該有明確的提示。
網站的一致性主要體現在:
(1)頁面整體設計風格的一致性:整體頁面布局和用圖用色風格前後一致;
(2)界面元素的命名的一致性:同樣的元素應該用同樣的命名;同類元素命名滿足一致性,做到即使某個元素的表述不清楚也能從上下文推斷其義;
(3)功能一致性:完成同樣的功能應該盡量使用同樣的元素;
(4)元素風格一致性:界面元素的美觀風格、擺放位置在同一個界面和不同界面之間都應該是一致的。
8.內容經常更新,溝通渠道暢通。
對於電子商務網站來說,要根據市場行情的波動隨時更新網頁上的價格信息,經常提供新的商品或服務,並搞些促銷活動以刺激客戶的購買欲。在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。站點信息的不斷更新,讓瀏覽者了解企業的發展動態,會幫助企業建立良好的好象。在企業的Web站點上,要認真回復用戶的電子郵件和傳統的聯系方式如信件、電話垂 詢和傳真,做到有問必答。最好將用戶的用意進行分類,如售前了解、售後服務等,由相關部門處理,使訪問者感受到企業的真實存在並由此產生信任感。注意不要許諾你實現不了的東西,在你真正有能力處理回復之前,不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自願提供其個人信息,應公布並認真履行個人隱私保密承諾。考試大整理
9.努力提高網站的性能。

在競爭激烈的商戰中,企業網站設計顯得極為重要,下面是電子商務網站設計中應遵循的原則。
1.明確建站的目的和目標群體。
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑,因此必須明確設計站點的目的和目標群體,從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,牢記以「消費者(customer)」為中心,而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮:建設網站的目的是什麼?主要目的是為了介紹企業、宣傳某種產品還是為了試驗電子商務?網站是面對客戶、供應商、消費者還是全部?為誰提供服務和產品?企業能提供什麼樣的產品和服務?網站的目的消費者和受眾的特點是什麼?企業產品和服務適合什麼樣的表現方式(風格)?
如果目的不是唯一的,還應該清楚的列出不同目的的輕重關系。建站包括類型的選擇、內容功能的籌備、界面設計等各個方面都受到目的性的直接影響,因此目的性是一切原則的基礎。
2.總體設計方案主題鮮明。
在目標明確的基礎上,完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位,規劃網站的組織結構。Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。
3.網站的版式設計要表達出和諧與美。
網頁設計作為一種視覺語言,要講究編排和布局,雖然主頁的設計不等同於平面設計但它們有許多相近之處,應充分加以利用和借鑒。版式設計主要是通過文字和圖形的空間組合,表達出和諧與美。多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
4.合理運用色彩。
色彩是藝術表現的要素之一。在網頁設計中,根據和諧、均衡和重點突出的原則,將不同的色彩進行組合搭配來構成美麗的頁面,根據色彩對人們心理的影響,合理地加以運用。按照色彩的記憶性原則,一般暖色較冷色的記憶性強;色彩還具有聯想與象徵的物質,如紅色象徵血、太陽;藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面,應使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些。網頁的顏色應用並沒有數量的限制,但不能毫無節制地運用多種顏色,一般情況下,先根據總體風格的要求定出一至二種主色調,有CIS(企業形象識別系統)的更應該按照其中的VI進行色彩運用。
5.網頁形式與內容相統一。
要將豐富的意義和多樣的形式組織成統一的頁面結構,形式語言必須符合頁面的內容,體現內容的豐富含義。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。如對稱原則在頁面設計中,它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或採用誇張的手法來表現內容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。網頁設計中點、線、面的運用並不是孤立的,很多時候都需要將它們結合起來,表達完美的設計意境。
6.利用多媒體功能。
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力,頁面的內容可以用三維動畫、FLASH等來表現。但要注意,由於網路帶寬的限制,在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。
7.注意網站的層次性和一致性。
一個較復雜的網站其板塊較多,必須注意板塊劃分的層次性。劃分後的結構層次不宜過深,通常不超過5層為佳。在安排層次的時候要充分考慮用戶操作,比較常用的信息內容、功能服務應該盡量放到更淺的層次以減少用戶點擊次數。信息內容的獲取和功能服務的過程都應該盡量將所需要進行的步驟控制在3-5步以內,不得不需要更多的步驟的時候應該有明確的提示。
網站的一致性主要體現在:
(1)頁面整體設計風格的一致性:整體頁面布局和用圖用色風格前後一致;
(2)界面元素的命名的一致性:同樣的元素應該用同樣的命名;同類元素命名滿足一致性,做到即使某個元素的表述不清楚也能從上下文推斷其義;
(3)功能一致性:完成同樣的功能應該盡量使用同樣的元素;
(4)元素風格一致性:界面元素的美觀風格、擺放位置在同一個界面和不同界面之間都應該是一致的。
8.內容經常更新,溝通渠道暢通。
對於電子商務網站來說,要根據市場行情的波動隨時更新網頁上的價格信息,經常提供新的商品或服務,並搞些促銷活動以刺激客戶的購買欲。在內容更新的同時,還要注意保持網頁在結構上的相對一致性,以使老客戶能方便快速地找到所需要的各種信息。站點信息的不斷更新,讓瀏覽者了解企業的發展動態,會幫助企業建立良好的好象。在企業的Web站點上,要認真回復用戶的電子郵件和傳統的聯系方式如信件、電話垂 詢和傳真,做到有問必答。最好將用戶的用意進行分類,如售前了解、售後服務等,由相關部門處理,使訪問者感受到企業的真實存在並由此產生信任感。注意不要許諾你實現不了的東西,在你真正有能力處理回復之前,不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自願提供其個人信息,應公布並認真履行個人隱私保密承諾。考試大整理
9.努力提高網站的性能。
許多研究表明,網站用戶的滿意度與他對系統的控制感有密切關系,而用戶的控制感在很大程度上取決於系統的響應速度。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鍾。若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,系統要是不能立作出即響應,就應當及時向客戶報告當前處理的進度,以使客戶保持良好的控制感。
為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要採用圖示或多媒體演示,以至不得不適當降低系統響應速度。隨著寬頻網的普及,這一矛盾有望在一定程度上得到緩解。
另外,網站的穩定性(平均無錯運行時間)、安全性(關鍵數據的保護)、網站的防攻擊能力、對異常災害的恢復能力也是衡量網站性能的重要標志。
10.合理運用新技術。
新的網頁製作技術幾乎每天都會出現,如果不是介紹網路技術的專業站點,一定要合理地運用網頁製作的新技術,切忌將網站變為一個製作網頁的技術展台,永遠記住用戶方便快捷地得到所需要的信息是最重要的。對於網站設計者來說,必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等,根據網站的內容和形式的需要合理地應用到設計中。
許多研究表明,網站用戶的滿意度與他對系統的控制感有密切關系,而用戶的控制感在很大程度上取決於系統的響應速度。一般情況下,客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鍾。若系統響應時間超過10秒,客戶會在等待計算機完成當前操作時轉向其他的任務。因此,系統要是不能立作出即響應,就應當及時向客戶報告當前處理的進度,以使客戶保持良好的控制感。
為縮短系統響應時間,比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點,很多場合需要採用圖示或多媒體演示,以至不得不適當降低系統響應速度。隨著寬頻網的普及,這一矛盾有望在一定程度上得到緩解。
另外,網站的穩定性(平均無錯運行時間)、安全性(關鍵數據的保護)、網站的防攻擊能力、對異常災害的恢復能力也是衡量網站性能的重要標志。
10.合理運用新技術。
新的網頁製作技術幾乎每天都會出現,如果不是介紹網路技術的專業站點,一定要合理地運用網頁製作的新技術,切忌將網站變為一個製作網頁的技術展台,永遠記住用戶方便快捷地得到所需要的信息是最重要的。對於網站設計者來說,必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等,根據網站的內容和形式的需要合理地應用到設計中。

3. 【重要】如何設計一個優秀的網站

現今,網站和web技術已經不算是新興技術了,但是不得不承認,在當下的移動互聯網時代,web技術仍然算得上是新潮的技術之一,並且網站也是各企業商業價值中的重要一環。因此,規劃、設計具有優秀用戶體驗的網站,仍然是我們的重要技能之一。

前戲:明確網站的業務模型

在開始正式地規劃網站之前,我們有必要了解網站的主要業務模型。盡管人們都更加願意獲得免費的信息,但信息提供方(企業)還是希望能夠由此得到回報的。

要明白: 大多數企業要想存活,就必須要掙錢。

在為企業建設網站之前,我們要知道公司的業務模型是什麼,如果不了解業務模型,就無法知道用戶哪些行為是有意義的,哪些行為是毫無價值的。

主流的業務模型包括:

找准了業務模型,我們就可以開始設計出支持業務需求的網站了。

一、明確目標用戶

在開始網站設計之前,我們首先要問自己一個問題:「網站是為誰搭建的?」不是每個網站的設計者都能准確有效地回答這個問題,有的人會說「網上的每一個人」,還有的會說「所有喜愛某類產品的人」、「所有愛看書的人」或者「所有喜歡美食的人」。

這些回答都不是准確的回答,因為你無法從這些回答中得到精確的用戶角色。

我們可以採取如下工作方式,去明確目標用戶:

1. 找到公司的市場/運營部門,市場/運營部門的人員或許對公司用戶的統計數據結果以及心理方面做過了大量的研究。

2. 咨詢公司負責人或高管,了解他們希望產品所面向的用戶,以及他們所認為的具有價值的用戶行為。

在和各相關部門同事的談話中,並不只是收集用戶的統計信息,真正要做的是得到一些合適的行為信息來幫助我們更好的設計網站。

比如,我們了解到用戶的年齡較大,就要做出一些初步的設計決策。如:字體要放大、交互操作要盡量簡單、以及頁面上哪些元素更應該突出等。

二、與目標用戶交流

招募目標用戶通常需要公司內部其他部門的配合,比如客服部門,可以通過諸如電話邀約、郵件邀約等方式,如果目標用戶是企業,則可以通過公司高層或市場部門,向企業致電或發送邀請函等方式,總之,盡量通過其他部門的協助完成用戶的邀約。

在訪談的過程中,我們要注意理解得到的反饋。比如,用戶可能會說「我希望按鈕大一些。」而他們的實際想法可能是「付款的過程太復雜了。」或者用戶可能會說「我希望這個的演顏色是紅色。」他們真正的意思可能是「要招到我想要的東西太耗費時間。」

最佳的方式是: 當用戶在正常的環境中具體完成任務時實際地跟蹤用戶的行為。

所以,在訪談中,我們可以問一些諸如「你想做什麼?」、「你希望得到什麼」這樣的問題,而避免去問「你認為這個按鈕應該放在哪裡?」這種問題。我們要把重點放在用戶完成任務時遇到的難題上。

三、創建用戶角色模型

角色模型可以幫助我們更深入地理解設計所針對的對象,以及怎樣才能真正滿足這個用戶的需求。當然,也可以不去創建復雜的角色模型,只不過,如果能針對一個特定的「人」來進行設計,會讓我們的設計更加有效。

1. 總結用戶交流結果,把結果分發給各利益相關者或相關部門人員

在第二步中,我們會收集到一些信息。可能已經得到用戶的相關信息,比如:性別、地理位置、上網習慣、技術水平或是他們使用競品的方式。

我們了解到用戶當前遇到的麻煩,也了解到哪些方面還算不錯等信息。

針對於收集到的信息,我們需要建立一份報告,這份報告可能會涉及以下信息:

這里需要注意的是:

2. 與各相關部門人員召開會議,腦暴形成用戶角色

尋求各部門相關人員的協作,往往比單槍匹馬作戰更高效。

每一個部門都會對用戶有自己的理解,是男人還是女人?年齡段如何?住在哪裡?如果大家不確定,可以參照上一步的報告文檔。

當大家提出了大量用戶特徵後,可以開始合並這些特徵,並將其改進為角色,比如:女性+25~35+華北地區=來自北京的27歲女性,甚至還可以為她取一個名字。

3. 讓角色成為真正的人

為用戶角色增加一些具體的個性化內容,比如:照片、姓名、職業、個人背景、職業、教育背景、目標、愛好、最喜歡的網站、他的願望等信息。確保用戶角色的真實是這一步的關鍵。

4. 為人物角色加入場景表達

通過創建場景,會使得人物更加豐滿,同時有助於我們完成網站交互系統的設計。場景,就是人物角色使用產品時的背景故事簡介。

比如:王強(人物角色名字)打開瀏覽器,從網站上看到了感興趣的電影介紹,首先他回選擇自己關心的電影類型,然後網站會推薦給他可能相看的電影;接下來,他會選擇真正感興趣的電影,並進行觀看。

四、繪制用戶路徑草圖

用戶路徑草圖可以幫助我們確定不同類型用戶會完成哪些類型的動作,由此我們可以決定需要為網站設計什麼。通過畫出不同用戶的路徑,可以幫助我們查看是否有遺漏。

舉一個例子:

比如,要建立一個小型電子商務網站的用戶路徑草圖,可以有這樣一個場景故事:買禮物的人瀏覽主頁,找到適合的禮物,買下禮物,寫下一張賀卡,寫上朋友的信息,付款。

起初的用戶路徑草圖如下:

接下來可以考慮:

網站的用戶不只是送禮物的人,也會有給自己買禮物的用戶、不滿意的用戶、失業想要在線賣東西的用戶、其他渠道接收到廣告的用戶。

我們可以繼續為這些用戶添加用戶路徑:

五、明確業務流程與任務流程

繪制了全用戶的全路徑草圖,現在就要拆解用戶的全部任務,明確交互中每一步的細節。

其實這一步,就是根據用戶的任務,完成各個任務/功能的流程圖設計,以及和網站後台系統交互的業務流程圖設計。

關於功能流程與業務流程,網上已有不少文章做出詳述,本文不再詳細闡述。

六、網站的用戶體驗設計

本步驟不再敘述如何繪制網站的原型圖,這里要談的是在網站的設計中,值得注意的要點。

1. 網站上的一切要井井有條

網站中會含有豐富的信息,用戶來到我們的網站時為了查找信息或者完成任務或者二者兼有,作為網站的設計者,我們的任務就是用好的設計幫助用戶達到他們的目的。

(1)幫助確認是否到達了正確的位置

來到網站,用戶希望知道這是不是他所需要的,也就是他是否達到了正確的位置。

用戶來到我們的網站時,首先看到的就是網站的組織方案。

組織方案有兩個作用:

因此,組織方案需要為用戶展示所有的產品范圍。比如,淘寶網站的分類導航:

(2)幫助用戶找到他們需要的東西

用戶知道他們訪問了正確的網站,接下來他們需要標識導引來找到他們想要的東西,標識導引有四方面的內容:

(3)讓用戶知道網站上有更好的東西

無論用戶是否在網站上找到了他們需要的東西,他們都會想找到更多的類似的更好的內容。

在這里,可以有效利用導航或麵包屑導引,突出顯示用戶在網站中的當前位置,並顯示相關的內容,讓用戶可以鏈接到其他的地方。

另外,也可以使用提供「更多內容」的選項,可以向用戶提供相關商品的快捷途徑。

「更多內容」導航工具對於一組相關商品以及相關種類的快捷途徑最為有效,例如電商網站的「猜你喜歡」,文章網站的「相關文章」。

(4)為用戶提供下一步操作

用戶已經找到了他們想要的東西,我們要為用戶的下一步操作提供相應的選擇,我們應該在設計網站時詢問自己「用戶希望在找到他們需要的東西後,做些什麼?」

對於一個電商網站,用戶肯定是要購買到找到的商品,電商網站提供的「加入購物車」和「購買」按鈕有效幫助用戶解決了問題。對於一個文章網站,用戶閱讀一篇文章後需要做些什麼呢?應該是評論、分享、收藏、復制、粘貼這篇文章。

用戶會利用網站提供的「下一步」操作拉近與其目標的距離。

2. 網站導航的細節闡述

這里之所以把網站的導航設計拿出來,是因為看似簡單的導航設計,裡面含有很多的設計細節。

在討論導航的細節之前,我們先要明確用戶查找信息的方式,用戶訪問我們的網站就是為了獲取查找相關信息,而導航可以幫助用戶去完成這一操作,所以有必要了解用戶查找信息的方式。

(1)用戶查找信息的方法

(2)導航的分類

三類導航分別對應不同的用戶查找信息方法:

(3)全局導航

在很多網站上,全局導航就是導航條,比如:

對網站內容分類並選擇組織系統時,全局導航作為頂層類別,對用戶和企業來說是意義重大的,因為它展現了網站的頂層架構。

全局導航需要再每個頁面都出現,不論用戶現在在哪裡,都能通過全局導航繼續訪問網站的任何位置。

同時,全局導航還有一個作用,就是會告訴告訴用戶網站是關於什麼的,以及用戶可以利用網站來做些什麼。

全局導航通常會顯示在頁面的最上方,因為這樣就能將頁面的其餘部分聚焦於內容數據。

當然,垂直的全局導航也是一種選擇,但是這樣會限制局部導航以及頁面內容的可用空間。

(4)局部導航

局部導航也稱為欄目導航,因為它提供了一組鏈接。當點擊了一個全部導航時,會進入到相應頁面,此時會在全局導航下方出現新的一組導航條,這就是局部導航。

利用局部導航,只需要提供一個欄目下其他頁面的鏈接即可。

在一個復雜的分類系統中,用戶希望從一個類別移到子類別,然後再移回來,設計局部導航就是為了讓用戶能夠輕松地在不同類別間導航。

局部導航可以有效的幫助「探測內容查找」型用戶,這些用戶知道他們需要某些東西,但是又不確定到底是什麼。

選擇一個全局導航後,局部導航可以幫助他們瀏覽更加具體的內容。而對於「不知道自己要查找什麼」的用戶,局部導航可以為他們提供一組相關的選項,幫助他們做出決策。

局部導航通常出現在全局導航的下方(或頁面的左側)。這種布局方式也強調了內容的組織方式:子類在類別下方,把相關性最強的鏈接放在最接近用戶需要的位置。

用戶在訪問網站的一個頁面時,會關注頁面的內容,如果他看到的頁面上沒有需要的內容,那麼局部導航通常要放在離頁面內容更近的位置,用戶想要訪問其他類別時,首先要找的便會是局部導航。

(5)導航訪問模式

在全局導航和局部導航這里,介紹一下用戶訪問導航的模型,用戶查找網站內容的方式取決於網站的導航,通過導航訪問內容有兩種基本模式(我喜歡這么叫這兩種方式):彈跳模型和爬行模型。

彈跳模型: 這種模型會使用戶前往一個子類,然後必須回到其父類(首頁)來選擇另一個不同的子類。

此模型適用於用戶瀏覽龐大的異構內容集的時候,眾多分類龐雜的網站如電商網站、素材類網站,這些類型網站中麵包屑導引工具就顯得異常重要,用戶會沿著麵包屑導航的軌跡返回。

採用該模型,為了讓用戶在網站中轉移時將其餘的頂層類別隱藏,使用戶更沉浸當前類別中。

同時,對於包含大量內容的網站,不可能把所有頂層類別連同所有局部導航都顯示在一起。

例如,京東的麵包屑還自帶了篩選功能:

爬行模型 :在該模型中,用戶可以採用橫向的方式在各類別間轉移,用戶選擇一個類別後,可以繼續選擇頁面上的「兄弟」類別的導航,用戶只需要單擊一次就可以進行切換。

做一個簡單的總結:全局和局部導航統稱為結構導航,優秀的結構導航能支持用戶的所有信息搜尋行為,包括前文中三類查找信息的用戶。

(6)關聯導航

關聯導航就是網站頁面上能為該頁面上的內容關聯到額外內容的鏈接,比如:文章詳情的「更多文章」、電商網站的「猜你喜歡」、新聞詳情的「相關新聞」等。

關聯導航有時很容易被我們忘記,因為它們相當於跨越了網站信息架構體系結構的快捷方式。

但是,不得不承認,關聯導航是保證網站可用性強大的驅動力,可以促使用戶沉浸於我們的內容。

關聯導航關注兩方面內容:

a. 上文中已經提到過「下一步」操作。當用戶找到了他們希望的東西時,下一步要做什麼?

如果是訪問了一篇文章,就應該為用戶提供更多相關文章的鏈接;如果是觀看了一個視頻,就可以提供更多相關的視頻鏈接給用戶。

例如:在36kr網站,當用戶閱讀了一篇文章後,網站提供了收藏、評論、分享等功能。

或者,用戶心情不錯想要繼續查看相關內容,為此,網站提供了相關文章和感興趣文章的鏈接。

又或者,用戶不想看類似文章了,此時網站提供了下一篇文章的鏈接。

b. 如果當前頁面展示的不是用戶想要的,那麼該怎麼辦呢?我們當然不能保證每一個頁面都是用戶想要的。

我們要做的,就是要提供一些其他的內容給用戶看到,可以提供一些相關內容的鏈接,或者是提供同一內容不同格式的鏈接,比如在一個新聞詳情內,可以給用戶提供文字、音頻以及視頻多種查看方式。

例如:在用網路搜索內容時,並不是一下子就能搜索到用戶想找的內容,此時在搜索頁面上提供了多種格式的搜索類型,同時還提供了搜索工具幫助用戶篩選搜索的結果,在界面的右側也提供了一些與搜索關鍵字相關的鏈接。

(7)可用性導航

信息架構領域的美國知名作家James Kalbach給出了可用性導航的定義「可用性導航將工具和特性相連接,這些特性可以幫助訪問者使用網站。」

好吧,專家的定義總是這么晦澀。

其實我們對可用性導航並不陌生,網站的登錄/注冊、搜索、個人信息、個人賬戶、客服、我的訂單等都是可用性導航。

可用性導航通常放在全局導航附近,比如頁面的右上方,因為可用性導航也需要在網站的所有地方都能訪問到。

在設計可用性導航時,要利用視覺線索和頁面上的屋裡位置將它和全局導航分開。

不同類型網站可用性導航包含的信息不同,根據網站各自的業務進行具體設計,比如:京東的「登錄/注冊、我的訂單、我的京東、京東會員、企業采購、客戶服務、手機京東」、站酷網的「搜索、上傳、消息、個人信息」等。

(8)小結:

全局導航和局部導航可以幫助用戶縮小網站的內容範圍。關聯導航可以將用戶連接到相關的內容,提供不同情況的「下一步」。

可用性導航可以放置另外三類導航未能妥善處理的其他重要鏈接。

三部分導航綜合到一起,就可以得到一個可用性很高的網站了。

如果在設計網站的導航時,還是無從下手,試著回答自己三個問題「內容如何組織?」「用戶希望通過網站做什麼?」「你希望用戶通過網站做什麼?」

3. 網站內容的基石—元數據

元數據是網站組織系統的基礎,搜索以及電商網站上的導航系統都依賴於元數據。

網站上的信息可以有不同的形式,比如:一篇文章、一張圖片或者是一個視音頻。

元數據可以確保以上各種形式的內容都能夠被用戶查找瀏覽到,元數據就是每一項內容的所有信息。比如,一首歌曲,元數據可能包括:出處,版本,作詞人,作曲人,演唱者,專輯名,時長,音樂類型等等。

元數據通常包括以下三種:

1. 固有性元數據。與內容構成有關的元數據,比如這是一個word文檔、jpeg圖片、ZIP文件。

2. 管理性元數據。與內容構成有關的元數據,比如圖片的用途、編輯人、是否已發表。

3. 描述性元數據。與內容本質有關的元數據,比如一個圖片的描述性元數據:狗、犬科、可愛等。

下圖展示一些元數據的類型:

我們要根據網站的具體定位,組織具體的內容及其元數據,明確每一個元數據對用戶來說是否有用。

4. 網站設計要遵循的基本原則

用戶體驗設計部分的最後,總結一些常用的設計原則吧:

七、目標(種子)用戶測試網站

可以給用戶測試我們的網站原型,也可以快速搭建第一個版本後讓用戶使用得到反饋。無論採用哪一種方式,目標都是要盡快得到用戶的反饋,以及時調整解決出現的問題。

同時,我們要為發現的問題預留出足夠的處理時間。

八、迭代優化我們的網站

接下來,就是不斷的去迭代、優化網站了,根據公司業務的調整、或是配合其他產品線、或是增加產品功能,不斷的去完善網站。

九、總結

本文討論了系統規劃網站的大致流程,重點討論了提升網站用戶體驗的設計要點,從中又引出了導航、元數據以及基本的設計原則,希望本文的內容能給大家帶來一些幫助。

4. 什麼是web網站設計

首先web是網站的一個程序,是一個文件夾,每個網站必不可少的一個文件,這個文件裡面存儲的東西主要就是網站的代碼,因為你沒有在長春世紀學過,所以理解可能費點勁,不過我還是挺願意為你解答的,以後有什麼網路問題就找我

5. 電子商務網站建設需要哪些步驟

  1. 電商網站的分類有很多,但是建站的基本流程大體一致,只是根據需求不同功能模塊的設置不同。按商務目的和業務功能分類:基本型電商網站、宣傳型電商網站、客戶型電商網站、綜合型電商網站。

    按構建網站的主體分類:行業型電商網站、企業型電商網站、政府型電商網站、組織型電商網站。

    按商務網站開辦者分類:流通型電商網站、生產型電商網站。

    按網站運作廣度和深度分類:垂直型電商網站、水平型電商網站、專門型電商網站、公司型電商網站。

    按業務范疇和運作方式分類:非交易型電商網站、半交易型電商網站、全交易型電商網站。

2.網站建設流程

項目確定

網站作為企業的一種對外宣傳方式,每家企業都有自己不同的想法,也提供的是不同的服務,所以用戶在咨詢的時候,網路公司一般都會根據用戶的需求、企業資本還有行業網站的動態來幫助用戶進行分析與推薦。

平台規劃

用戶在確定好項目後,就可以開始著手網站的開發了。首先,申請網站域名和空間,.com是國際域名後綴,.cn是中國的域名。網站空間是用來存放網站內容和程序文件,比如網頁、圖片、視頻資料等。
然後是網站的界面設計,不同類型的網站設計頁不一樣,建站前期需要做一個合理的規劃。由用戶提供公司的基本資料,明確目標客戶和板式類型,接著設計師根據自己的經驗與行業的特點進行創作,一般是先出首頁讓用戶確定,後續在出內頁,頁面設計直到用戶滿意為止。

程序開發
當頁面設計確定之後,頁面只是一張靜態的圖片,想要實現信息交互,方便用戶修改資料,還需要程序員去編寫網站程序的。


一般網站開發分為2個步驟:
1.前端web工程師
前端工程師負責把設計好的頁面進行切圖,然後布局,用代碼把頁面先進行排版,讓頁面可以展示在網頁上,一般網頁上的交互效果也是由前端工程師負責的。
2.後端工程師
後端程序員主要的工作就是編寫一個後台,方便用戶進行管理和修改上傳資料。根據網站功能規劃進行資料庫設計和代碼編寫,並進行系統整合,將程序與界面結合,並實施功能性調試。

程序測試

首先由項目人員測試,項目經理,監察員及項目開發人員一同根據前期規劃對項目進行測試和檢驗。然後由非項目人員測試,邀請非項目參與人員作為不同的用戶角色對平台進行使用性測試。最後公開測試,網站開通,並接受網友的使用測試,設立反饋信息平台,收集意見和建議信息,針對平台存在的不足進行思考和完善。一般通過項目人員測試後由客戶進行體驗,最好確定沒有問題之後,再進行上線。

維護推廣

在網站上線之後,我們要完善網站的不足,定期修復和升級,保障網站運營順暢,然後對網站進行推廣。網站的推廣方法大概有以下幾類:搜索引擎推廣法、電子郵件推廣法、病毒性營銷、網路廣告推廣法、綜合網站推廣、BOSS宣傳方法。

開發過程中的注意事項


網站源文件是否提供。網站源文件就是建站公司開發好的網站源代碼以及資料庫。如果建站的公司倒閉了,那麼如果你有源文件,至少還可以繼續使用你的網站。
域名所有權。一般來說,都會委託建站公司代為注冊域名,那麼域名所有權一定要屬於你們。防止後期公司做大了,域名有可能要不回來。
技術對接。如果對網站有功能要求,或者其他特殊需求,那麼一定要與技術溝通,並且要把所有功能寫到合同上,這是一種保障,防止後期出現扯皮事件。
是否推廣。很多企業建立網站目的是為了推廣。如果找的建站公司本身不能推廣的話,要稍微慎重。因為推廣需要修改一些TDK,站點地圖等。最好是找一家公司去做。當然如果你做推廣,就要稍微把網站搞的逼格高些,這樣轉化也會高些。

6. web網頁設計都有哪些就業方向

1、內容往重度化方向發展。在用戶對頁面交互能力和Web前端拓展功能的要求提高之際,輕度營銷的市場份額會逐漸降低,往重度營銷內容轉化。
2、網頁游戲往交互游戲方向發展。網頁游戲未來更有可能結合Web前端優良的通信功能,往跨屏互動等交互特徵更明顯的形式發展。
3、垂直領域解決方案往在線應用方向發展。與Web前端行業密切相關的垂直行業主要包括在線教育、電商和流媒體三種類型。
4、傳媒業往內容直接填充方向發展。新媒體內容能通過應用母版進行編輯,用戶只需後期進行圖文內容的替換,因此很有可能成為傳媒業轉型的契機。