27 4 月

網頁設計六大重點,網頁設計者不可輕忽的小細節

網頁設計在著手開始網頁設計前,網頁設計者應該要清楚:網頁設計,並不單單只是將網站設計的多美多炫彩迷人;也不只是一昧的將所有訊息塞入網頁中丟給使用者,在進行網頁設計時,更多的是要了解進入網頁瀏覽的使用者,了解他們的需求與目的,再結合網頁自身欲達到的目標,在兩者之間尋求到最適當的平衡,最終呈現出剛剛好的網頁。

 

網頁設計重點

1. 了解使用者需求與目的

大部分網站設計者架設網站的目的,都是為了要吸引使用者進入瀏覽,進而促進後續的轉換率,因此網站設計的第一要點,是站在使用者的角度思考,了解使用者的使用習慣、瀏覽網站的目的以及大概的瀏覽次序。只有抓住使用者的喜好並給出相對應的資訊,才可以延長使用者在網站上的停留時間,提高達成網頁設計最終目的的機率。

另外,根據調查指出,網路上的使用者,有將近七成是使用行動裝置瀏覽,而一般來說,當使用者在使用行動裝置瀏覽時,由於螢幕尺寸比起電腦還要來的小,因此大部分的使用者會希望在行動裝置上獲得最直接的重點資訊;電腦版的使用者因為畫面足夠,因此更適合用來瀏覽文字較多,內容較豐富的設計,這些細節都是網頁設計者在進行網頁設計時,需要列入考量的重點。

2. RWD 響應式網頁設計

為了讓使用不同裝置瀏覽網頁的使用者都可以達到最佳的使用者體驗,RWD 響應式網頁設計的概念因應而生,而在 Google 的提倡下,也越來越多的企業及店家開始重視 RWD 響應式網頁設計。通常對於電腦版的網頁設計,更多會傾向於橫向發展;行動裝置則相反,由於大部分的行動裝置都是長型的,因此直向的卷軸式設計,使用者只需要往下捲動就可以瀏覽完所有資料。

由於行動裝置擁有電腦所沒有的易攜性以及便利性,同時行動裝置也是現代人最常使用的設備之一,因此網頁設計可以把握行動裝置的這些特性,提高行動版網頁的易用性;也可以置入社群媒體的分享鈕,以及 QR Code,提高網頁的競爭力。

更多 RWD 響應式網頁設計可參閱:提升網頁使用者及行動裝置友善 – RWD 響應式網頁設計

3. 免去不必要的複雜

一般來說,行動裝置的處理系統並不會像電腦一般強大,可以在電腦上執行的播放器系統,在行動裝置上也不一定可以順利呈現,因此在進行網頁設計時,除了把握上述 RWD 響應式網頁設計的概念,也應該要免去過多不必要的複雜,過度複雜的網站,除了會降低網站加載速度,也有可能因為不同的瀏覽系統不相容,而造成內容無法順利顯示的問題,如何在執行效能以及網頁設計的豐富度上取得平衡,使網頁設計者需要克服的考驗之一。

4. 完善規劃瀏覽動線

瀏覽動線應該要從使用者的角度出發,根據使用者的需求,以及預期使用者在接收到每個訊息後,接著希望接續的資訊為何。除此之外,沒有使用者會喜歡跳來跳去的瀏覽動線,除了容易搞得眼花撩亂,也會讓使用者一頭霧水,因此瀏覽動線的順暢度,也是網頁設計者要特別注意的。

5. 明確的 CTA 行動呼籲設計

在網路行銷的世代,CTA 行動呼籲設計按鈕,是讓網頁可以創造更大轉換率的幫手之一,例如加入購物車、點我購買、更多資訊等等的按鈕,都是潛在可以提升轉換率的原因。如果網頁的 CTA 行動呼籲設計按鈕不夠明確,就算使用者進入後被網頁所吸引,也可能敗在找不到 CTA 行動呼籲設計按鈕無法進行下一步動作導致行動無疾而終的狀況,因此在設計 CTA 行動呼籲設計按鈕時,可以利用鮮豔的色彩或是比較大的尺寸抓住使用者的眼睛。

6. 明顯的視覺回饋

網頁設計的另一大重點就是按鈕標示、清單分類應該要明顯,才可以加強整個頁面的明確性。例如,回到頂段、回上一頁、漢堡式的分類鈕這類的導覽鍵可以利用釘選功能,固定在畫面某處,這樣當使用者在瀏覽頁面時,才不會需要大費周章的捲動畫面就可以快速清楚的找到目標。

最後也可以在按鈕上執行一些小巧思,舉例來說,可以在使用者點選完按鈕或游標移入時,改變按鈕的顏色,讓使用者知道自己已經點選成功;又或者可以設計特定的載入畫面,讓使用者接收到畫面已進入加載狀態,不需要重複點擊。

上述的六大重點,雖然都只占據了網頁設計的一小部分,但在系統中每一顆微小的螺絲都足以影響整個網頁的運作,進而改變使用者對於品牌的好感度以及印象。網頁設計者也可以透過諮詢戰國策這類的網頁設計服務公司,又或者參閱他們過往的作品,進而提升自身網頁的品質,或是得到更專業的建議。

Share this