介面之上 - 由一人延伸至所有使用者的網站設計

隨著資訊網路的普及，大眾獲取知識不再受限於時空，為了確保各式各樣背景的使用者都能夠順利操作網頁，無障礙網頁設計成為近幾年國際上所關注的網頁設計趨勢。全球資訊網協會 (W3C, Wide Web Consortium) 中的 Web Accessibility Initiative (WAI) 訂定無障礙網頁內容也成為世界各國的設計標準參考。而台灣國家通訊傳播委員會也以此基礎制定「網站無障礙規範」與「無障礙標章」。

然而，這些規範多從「無障礙設計」而非「通用設計」的角度作為切入點，間接限縮了網站的使用族群，也降低網頁設計的彈性。我們要如何打造將「所有使用者」為目標並兼具美學與品牌特色的網站設計呢？

*無障礙設計 – 專爲身障者考量的設計，讓他們使用設備或空間時不會受到阻礙。以消除障礙、考量功能為主，使用者使用起來是否舒服，心情是否愉快則不是其主要考量重點。例如：康復巴士。
*通用設計 – 通用設計除考量身障者和其他弱勢使用族群，也顧及一般人的使用情況及需求。關注的面向較廣泛，不僅考量使用情形，還顧慮到使用時的心理感受。例如：低底盤公車，不僅輪椅使用者方便上下車，老人、孕婦等其他行動較不便的使用族群，甚至一般人上下車時都更加便利與安全。
來源：通用設計與無障礙設計的差異

不同立場對於通用設計或是無障礙網頁的理解層次不一，間接影響設計師與學校的溝通、設計流程以及最終設計成果。

「無障礙」容易解讀為「為具有障礙的人」進行設計，未顧及到一般使用者的體驗，無法真正達到為「所有使用者」著想的初衷。」

在無障礙設計規範僅專注於為身心障礙者降低使用障礙；而羅納德·麥斯設計師所定義的 7 項通用設計原則，包含簡明訊息、簡單易用、容許錯誤、公平使用、省力操作、尺寸合宜、靈活運用，為在功能層面上滿足包容性思考、增加使用性、照顧到社會上各式各樣的使用者。

但「無障礙設計」與「通用設計」皆沒有特別提及美觀性，使大家易在設計過程中忽略無障礙設計的美學。除此之外，科技也隨著時間不斷進步，要如何讓設計不受科技趨勢改變而淘汰且又能滿足廣泛使用者。

Loftwork 在執行設計過程中，加入 “品牌性”、“故事性”、“多樣性” 的 3 項設計原則，建立未來的設計趨勢。

品牌性 – 品牌是與使用者之間的橋樑

現在有許多制式模板能夠製作無障礙網站，但如何讓客戶能從這麼多類似的網站中記得你，建立長久品牌印象呢？
從學校角度而言，增加行銷廣告就是建立「品牌識別」。利用無障礙原則能夠創建一個扁平的網站，可供用戶訪問，但不能完全滿足用戶的期待。
我們認為「品牌」應該是要能同時完成企業價值、禁得起時間考驗並滿足消費者期待的結果。

故事性 – 為所有使用者創造的美好體驗

我們為每個用戶構建客戶旅程地圖，包括普通人和身心障礙者。
通過顧客旅程地圖，我們可以親身去接觸和觀察不同使用者的使用情形、綜合思考用戶們的“何時”和“如何”，在不同用戶的操作中找到重疊部分，為網站中的設計元素設置優先層級，讓不同背景使用者皆能獲得良好體驗。
例如，在設計導覽列時，如果我們只考慮身心障礙者，我們可能會盡可能詳細地分類導航類別，不再考慮資訊的先後層級。 客戶旅程地圖有助於我們了解優先級，優先級有助於我們構建網站資訊架構，良好的結構是使用者體驗所必需的。

多樣性 – 掌握趨勢衍生新市場

針對關切的主題，調查並統整在世界各地發生的事情。
目標是理解並掌握世界上正在發生的、與主題相關聯的事業與動向，提升技術及設計等領域的見識，獲得新觀念、能夠建構階段活用的靈感等。在全球化教育的潮流下，以世界的角度出發，將趨勢融入在設計階段中。
以設計角度，台灣多數學校網頁並無手機版設計，在學生以普及使用手機搜尋新資訊的時代，將錯過許多與學生第一線接觸的機會。
以學習角度，線上教育學程是近年來的新學習趨勢，不僅擴大學生年齡層，更打破原先學習地域限制。若學校有相關線上學習系統，也是在規劃網頁時能夠考量的機會點。

「設計應首先滿足“無障礙”特性，並在設計流程中加入“美學”觀點，以發展成實用性更高的通用設計。」

政府制定的「無障礙網頁規範」看似賦予網站制式的框架且限縮設計的彈性，讓“設計與美學共存並符合人心的設計”這個目標設下重重障礙。
近幾年有許多科技公司都提出對於通用設計、無障礙設計的相關守則，如 Google Material 中提到針對無障礙設計所提出的介面設計標準； Microsoft Design 所提出的 Inclusive Design Principles 等，幫助設計師執行製作需要在意的內容並如何加入美學，完善規劃資訊與考量所有使用者體驗，善用編輯工具、了解技術特性，製作滿足使用體驗的網頁設計。

「我們的設計要能夠融入所有的使用族群，而不是把特殊的使用族群另外安排在另一個世界裡。」