網站設計

幾種表單結構的比較

每個網站中都會有很多不同的表單，表單也會根據它的功能有不同的式樣，這裡比較幾種表單的設計，來說明看似簡單的表單設計還是有很多學問在裏面的。

舉例說明  圖一

如圖的這個表單，給人第一感覺就不太舒服，可能用戶也說不出到底是哪裡不好，用我們專業設計的角度，一看就知道問題出哪裡了：表單欄位名稱是居中的，看起來參差不齊，再有輸入框距離欄位名稱很遠，用戶要對齊看再填寫資料，介面顯示不友好，* 號的位置也不對，應該標在欄位名稱上。

舉例說明 圖二

如圖二，這個表單看起來就舒服多了，欄位名稱用了右對齊的設計，看起來整齊清楚。美中不足的是，有些欄位的輸入框太長了，姓名的輸入框沒有必要那麼長，網頁設計的時候根據欄位的不同，輸入框的長度應該有所區別。

舉例說明 圖三

如下圖表單是一個大的門戶網站的會員註冊表單。表單其實要用戶填寫的內容比較多，但是給人的感覺卻是比較清楚有條理，這與網頁設計師花了很多功夫是分不開的。

首先，在表單頭部，有一個類似導航的步驟說明，告知用戶註冊現在進行到哪裡了，讓用戶做到心中有數。當用戶的滑鼠落到左側輸入框時，相應的右側就會出現說明文字提醒客戶注意事項，而下麵沒有填寫的部份，是空白的，只有滑鼠點到相應輸入框右側才會顯示相關說明，這個設計讓頁面看起來就更乾淨清爽了。

值得注意的還有在頁面下方，服務條款的部份，用了一個文字連接來表示，對比一般網站設計的服務條款或同意書，顯示出一部份來，要簡單的多。如果用戶要看服務條款，可以點選另跳視窗查看服務條款。

綜述：比較以上幾種表單的設計，不難看出使用方便介面友好的表單，融入了很多設計師的理念會經驗，很多細節體現出一個作品的價值，這也就是服務品質的區別所在。