- A+
一個網站的市場營銷和溝通設計可以確定什么樣的產品適合目標市場。目標市場可能是某一年齡段的人群或特定的文化鏈；因此設計師要理解其受眾的趨勢。設計者也要理解他們正在設計的網站的類型，這意味著，例如，B2B網站的設計考慮因素可能與針對消費者的網站（如零售或娛樂網站）有很大的不同?？赡苄枰屑毧紤]，以確保網站的美觀或整體設計不會與內容的清晰度和準確性或網站導航的便捷性相沖突，?特別是在B2B網站上。設計師也可能會考慮網站所有者或商業代表的聲譽，以確保他們被描繪得有利。
用戶體驗設計與交互設計
用戶對網站內容的理解往往取決于用戶對網站工作原理的理解。這是用戶體驗設計的一部分。用戶體驗與網站的布局、明確的說明和標簽有關。用戶對如何在網站上進行交互的理解程度也取決于網站的交互設計。如果用戶意識到網站的有用性，他們更有可能繼續使用它。盡管熟練且精通網站使用的用戶可能會覺得，一個與眾不同但不太直觀或用戶友好的網站界面比較有用。但是，經驗較少的用戶不太可能看到一個不太直觀的網站界面的優勢或有用性。這推動了更加普遍的用戶體驗和易于訪問的趨勢，無論用戶技能如何，都能夠容納盡可能多的用戶。?許多用戶體驗設計和交互式設計在用戶界面設計中得到了考慮。
如果沒有高級編程語言技能，高級交互功能可能需要插件。選擇是否使用需要插件的交互性是用戶體驗設計中的一個關鍵決策。如果插件沒有在大多數瀏覽器中預先安裝，用戶可能既不知道如何安裝，也沒有耐心安裝插件來訪問內容。如果該功能需要高級編程語言技能，那么與功能將提升用戶體驗的增強量相比，寫代碼在時間或金錢上可能成本太高。發布不可靠的功能對于用戶體驗而言可能比不嘗試更糟糕。這取決于目標受眾是否需要或值得冒險。
頁面布局
部分用戶界面設計受到頁面布局質量的影響。例如，設計師在設計頁面布局時可能要考慮網站的頁面布局是否應該在不同的頁面上保持一致。在布局設計中，頁面像素寬度對于對齊對象也是至關重要的。最流行的固定寬度網站通常具有相同的設置寬度，以匹配當前最流行的瀏覽器窗口，在當前最流行的屏幕分辨率，當前最流行的顯示器尺寸。在大屏幕上，大多數頁面也是中心對齊的，以保證美觀。
流體布局（fluid layout）在2000年左右開始流行起來，作為HTML表格布局和網格布局的替代品，在頁面布局設計原則和編碼技術方面都是如此，但是采用起來非常緩慢。這是由于設計師無法控制屏幕閱讀設備和不同的窗口大小。因此，一個設計可能會被分解成單元（側邊欄、內容塊、嵌入式廣告區域、導航區域），然后發送到瀏覽器，最好的方式是通過瀏覽器適配到顯示窗口中。由于瀏覽器能夠識別讀取器屏幕的詳細信息（窗口大小，相對于窗口的字體大小等），因此瀏覽器可以對流體布局進行用戶特定的布局調整，但固定寬度布局就不行。雖然這樣的顯示可能經常改變主要內容單元的相對位置，但是側欄可以在主體文本下方而不是在其側面上移位。這種顯示方式比起不能適配設備窗口的寫死的基于網格的布局要更加靈活。特別是，內容塊的相對位置可能會發生變化，同時不影響塊內的內容。這也減少了用戶水平滾動頁面的需要。
響應式網頁設計是一種基于CSS3的新方法，通過增強使用CSS @media規則，在頁面樣式表中提供更深層次的針對每種設備的規范。2018年3月，谷歌宣布將推出移動優先索引。?使用響應性設計的站點能夠很好地確保它們滿足這種新方法。
字體設計
網頁設計師可以選擇將網站字體的種類限制為僅有少數具有相似風格的網站字體，而不是使用各種字體或字體樣式。大多數瀏覽器都識別特定數量的安全字體，設計者主要使用這些字體來避免復雜性。
字體下載后來包含在CSS3字體模塊中，并已在Safari 3.1，Opera 10和Mozilla Firefox 3.5中實現。這之后人們添加了對Web字體排印以及使用字體下載的興趣。谷歌網頁字體能能即時預覽文字的變化效果。
大多數網站布局都包含負空間以將文本分解為段落，并且還避免使用居中對齊的文本。
動態圖形
使用動態圖形也可能影響到頁面布局和用戶界面。是否選擇使用動態圖形可能取決于網站的目標市場。娛樂導向的網站預期或至少更容易接受動態圖形。然而，一個更嚴肅或正式的網站（如商業、社區、政府網站），可能就會覺得出于娛樂或裝飾目的的動畫沒有必要，還會分散人們的注意力。這不是說比較嚴肅的內容不能用與內容相關的動畫或視頻演示來提升。無論哪種情況，動態圖形設計都可以使更有效的視覺效果或分散注意力的視覺效果有所不同。
不由站點訪問者發起的動態圖形可能產生可訪問性問題。萬維網聯盟的無障礙標準要求網站訪問者能夠禁用動畫。
代碼質量
網站設計者可能認為匹配標準是良好做法。這通常通過描述說明元素在做什么來完成。不匹配標準可能不會使網站無法使用或容易出錯，但標準可能與頁面的正確布局有關，以便于閱讀，并確保編碼元素適當關閉。這包括代碼中的錯誤，更有條理的代碼布局，以及確保正確識別ID和類。編碼不佳的頁面有時俗稱tag soup。只有在做出正確的DOCTYPE聲明時才能通過W3C進行驗證，該聲明用于突出顯示代碼中的錯誤。該系統能識別錯誤和不匹配網頁設計標準的地方。這些信息可以幫助用戶改正錯誤。
