FINDING 許瀞予 2017.01.15

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

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

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

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

為什麼學校無障礙網頁都很類似呢?

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

從設計師立場 – 無障礙其實是「想像中的有障礙」

當設計師難以真正了解使用者在操作上所面臨的障礙,未將「所有使用者」作為首要考量去思考網頁欲傳達的內容時,容易陷入政府法規條例作為設計的準則。
並藉由檢測軟體測試的結果,對網頁結構進行針對性的設計修改,以符合無障礙網頁規範。這樣的方式,從規範、設計、到實際使用時,皆會產生使用落差,變相地將無障礙的美意變成使用上的阻礙。

從學校立場 – 無障礙規範大於設計流程

學校在更新網站時,以政府公布的無障礙網頁規範與是否通過最終檢測與認證作為首要考量。
校方會以版型為優先考量再填入相符的資訊內容,而不是先思考所要呈現資訊的優先順序和閱讀邏輯。造成資訊架構扁平化又大量讓使用者實際上需要花費更多時間尋找目標。

7 + 3 原則

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

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

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

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

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

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

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

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

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

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

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

為所有使用者建立美好體驗

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

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

Next Contents

社群探險記 Vol.0 FabCafe Tokyo 營運長川井敏昌:「我想打造出能將社群力量導入創新的環境。」