包容性設計是創新和創造力蓬勃發展的地方。在產品設計領域擁有超過11年的經驗,我學到了滿足各種人群需求并不會限制創造力,相反,它開拓了我們的思維并激發了卓越成就。以下是發現的確保網頁設計包容、歡迎且有效的十大指導原則。

1、公平:歡迎

熱情好客意味著包容多樣性并確保不會有用戶感到被冷落。

創建不同的用戶體驗,提供同等有價值的結果可以產生重大影響。視覺吸引力也很重要;一個外觀良好的網站可以增強用戶體驗并促進包容性。

相關原則和啟發式

公平性:這一原則與確保所有用戶公平獲取機會和資源類似,類似于通用設計的原則。?

美觀可用性效應:吸引人的設計被認為更易于使用,這通過讓用戶感到受歡迎來鼓勵包容性。?

2. 靈活:提供選擇

設計中的靈活性意味著給用戶提供選擇。

始終考慮誰、如何、為什么、什么時候、在哪里和如何使用網站。確保設備獨立性至關重要,因為用戶使用各種設備訪問網站。

相關原則和啟發

靈活性-可用性權衡:提供更多完成任務的方式可以通過適應不同用戶偏好和能力來增強可用性。?

希克斯定律:提供選項應該保持平衡,避免過多選項會使用戶感到不知所措,確保選擇是清晰和可管理的。?

3. 明了:明顯而不含糊

好的設計是簡單的。功能應該增加價值,而不是復雜性。

清晰和簡單是避免混淆的關鍵 — 這是我在職業生涯中反復學到的教訓。

避免在頁面上堆砌不必要的信息,這些信息可能會分散用戶注意力或引起混淆。

相關原則和啟發

雅各布定律:用戶大部分時間都在其他網站上,因此通過使用常見的設計模式設計,增強熟悉感。?

米勒定律:保持設計簡單幫助用戶更輕松地處理信息,符合用戶工作記憶中能夠保持7±2個項目的原則。?

4. 可感知:不要假設任何事情

確保網站的目的是清晰的。

內容、結構和順序應有意義,并傳達信息到所有感官,以避免可能使用戶感到疏遠的假設。

在開發教育網站時,我們使用標題、項目符號和視覺輔助工具如圖像和信息圖表來分解復雜信息。我們還確保屏幕閱讀器能夠正確解釋這些元素,以便視力受損用戶能夠訪問信息。

相關原則和啟發

可感知性(WCAG):確保所有用戶都能感知到所呈現的信息,包括那些有感覺障礙的用戶。?

顯著性定律:設計應簡單明了,讓用戶能夠以最簡單的形式理解內容。?

5. 信息豐富:及時、可預測、簡單明了、精確

導航應直觀,信息應清晰簡潔。

幫助用戶理解他們在網站上的位置以及如何找到他們尋找的內容至關重要。

在一個新聞網站項目中,我們保持了清晰一致的布局,設置了不同新聞類別的板塊。我們使用面包屑導航和搜索功能幫助用戶輕松瀏覽和找到特定的文章。

相關原則和啟發

菲茨定律:設計元素應易于訪問,并位于用戶期望找到它們的位置。

錨定效應:提供清晰一致的導航幫助用戶理解他們所在的位置和下一步可以去哪里。?

6. 預防性:提供易于遵循的說明并溫和引導用戶

通過引導用戶與網站進行交互,可以最小化錯誤并增強用戶體驗。

深思熟慮的表單設計至關重要 — 這是我在所有項目中都強調的一點。

在聯系表單中,我們提供清晰的標簽、占位符文本和示例。行內驗證及時反饋錯誤,如漏填字段或格式不正確,使表單易于使用。

相關原則和啟發

錯誤預防(尼爾森啟發式):設計界面以防止錯誤首次發生。?

系統狀態的可見性:提供即時反饋,讓用戶了解他們的操作和結果。?

7. 寬容性:尊重處理錯誤

錯誤信息應該清晰、尊重并且有幫助性。

在我的職業生涯中,我見證了讓用戶知道出了什么問題、在哪里以及如何修復它的重要性,以及在他們糾正錯誤后告知他們結果的重要性。

在銀行應用程序中,如果用戶輸入了錯誤的密碼,一個尊重用戶的錯誤消息,如“密碼錯誤,請重試或重置您的密碼”,比一個通用的錯誤代碼更有幫助。

相關原則和啟發

用戶控制與自由(尼爾森啟發式):用戶應該有自由修復錯誤,而不感到受責備或沮喪。?

功能性:設計元素應清晰顯示其功能,幫助用戶理解可以采取什么行動來解決錯誤。?

8. 無障礙:不要對用戶提出要求或限制

用戶不應該為找到他們想要的內容而努力。

確保網站高效易用,減少認知負荷,這是我一直遵循的原則。

對于一個餐廳網站,我們突出顯示了地點、營業時間、菜單和聯系方式等關鍵信息。我們避免讓用戶在多個頁面中搜索基本信息。

相關原則和啟發

認知負荷理論:通過以清晰簡單的方式呈現信息,減少使用網站所需的心理努力。?

最小努力法則:用戶會選擇最輕松的路徑,因此設計您的網站盡可能易于導航。?

9. 周到:友好親近,簡潔大方,給用戶操作的空間

網站應該不顯眼,并且能夠從各種設備訪問。

簡潔寬敞的設計可以使導航更加輕松愉快 — 這是我在許多設計中都融入的教訓。

在一個博客項目中,我們使用了充足的白空間和可讀的字體大小。布局可以平穩地適應不同的屏幕尺寸,在桌面和移動設備上提供舒適的閱讀體驗。

相關原則和啟發

白空間(接近性):有效地利用白空間,減少雜亂,提升可讀性。?

響應式設計:通過采用響應式設計原則,確保網站在所有設備上都能夠訪問和正常運行。?

10. 一致性:遵循標準、指南、慣例和最佳實踐

設計上的一致性有助于創建一個熟悉的環境,具有易于記憶的功能。

遵循已建立的標準和最佳實踐確保可靠性,這是我在每個項目中的優先考慮。

在一個在線銀行平臺上,我們在整個網站中使用了一致的按鈕樣式、顏色和字體。導航菜單在每個頁面上都放置在同樣的位置,幫助用戶在交互中感到自信。

相關原則和啟發

一致性和標準(尼爾森啟發式):確保設計在整個網站中保持一致,使用戶更容易理解和預測交互。?

格式塔原則:使用相似性和接近性等原則創建連貫和直觀的設計。?

結論

通過遵循這十個包容性網頁設計原則,您可以創建不僅具有可訪問性和用戶友好性,而且還富有創新和啟發性的網站。包容設計不僅僅是遵從規定,它關乎為每個人創造有意義和引人入勝的體驗。

當將包容性置于優先位置時,你的設計將面向更廣泛的受眾,促進歸屬感和可訪問性。通過這樣做,為創造力和卓越鋪平道路,使用戶和創作者受益。包容性設計就是好設計。

精選文章:

設計師,想創意不是套參考

空心竹燈 | 透過網狀結構散發出光影和薄霧的藝術裝置

原研哉新作,無印良品新海報,有點意思!

幾何光影圖案:7 個采用穿孔表皮的項目

殘缺的藝術,超時空“旅行者”