?雖然HTML最初是用于簡單的超級文本信息，但人們很快就發現它存在提供更多交互性方面的潛力。在它發布之后沒多久，HTML的一小部分元素就成為了標準界面元素：

 

復選框(checkbox)允許用戶獨立地選擇各個選項。

??? o復選框是獨立的

??? o所以它們可以是一小組

或只有一個

? 單選框(radio button)允許用戶從一組互斥的選項中選擇一個。

◇單選框

總是以一組的形式出現并且用于選擇互不相容的選項

 

文本框(text field)允許用戶——等待著用戶——輸入文字

文本框能讓你輸入文字

 

? 下拉菜單(dropdown list)提供和單選框相似的功能，但是它們在一個更緊湊的空間中完成這件事，允許更有效地呈現更多的選項。

??

? 多選菜單(1ist box)提供和復選框相似的功能，但是它們在一個更緊湊的空間中做這件事(因為多選菜單有滾動條)。和下拉菜單相同，這使得多選菜單更容易支持大量的選項。

?

按鈕(action button)可以做很多不同的事情。通常情況下，它們告訴系統接受用戶通過其他界面元素提交的所有信息，并用這些信息來做一些事情——采取動作。

 

在網站建設中經常會用到flash，?Flash提供了一套同樣的基本元素，但是由于最初是作為動畫工具來使用的，所以它具有更強的靈活性，能使界面對用戶的響應更加積極。因此，Flash界面使設計過程增加了更多的選擇，不過這也使得它們很難被正確地應用。

?

妥善處理所有不同的界面元素，并從它們中間選擇合適的那個，這不可避免地會涉及權衡問題。的確，下拉菜單比起一組單選框來能為你節約頁面的一些空間，但是它也使用戶不能一眼看到可選的選項；讓人們輸入他們想要搜索的分類名稱，也許會降低數據庫的載入負擔，但是這個負擔卻轉移到了用戶身上；如果不管怎樣都只有六個選項，也許一些復選框會更好。

?

設計網頁界面完全就是做這樣一些事：為用戶想完成的任務選擇正確的界面元素，通過一種能迅速理解和易于使用的方式，把它們放置到頁面上去。網站上的任務通常都會橫跨多個頁面，每一個頁面都包含了一組不同的、需要用戶去處理的界面元素。“哪個功能應該在哪些頁面上完成”是結構層的交互設計的主要工作；? “這些功能在頁面上如何被實現”則是界面設計范圍內的事。

 

?當界面不僅僅要從用戶那兒收集信息，還必須要向用戶傳達一些信息的時候，信息設計會在這里扮演一個角色。“錯誤消息”是在設計有效的界面時經常出現的信息設計問題；提供“說明信息”是另外一個，因為最大的挑戰是讓用戶真正去閱讀這些說明文字。任何時候系統都必須給用戶一些信息，來幫助他們有效地使用這些界面——不管是因為他們操作錯誤還是因為他們是第一次使用——這是信息設計的問題。