國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
最後是欄位填寫錯漏的提醒。在實驗網站流程中，若欄位值輸入錯誤（超出值域 或輸入了不合法字元）或漏填部分欄位時，實驗網站會阻擋使用者進入下一個頁面，
並將錯誤的欄位底色變更為表示警示的紅色。在可用性測試中，研究人員觀察到受訪 者若因漏填欄位而收到系統警示時，往往會顯露出不耐的神色。在訪談中甚至有兩位 受訪者表示：「…如果網站能即時提醒我目前輸入有錯，會比我已經預期可以前往下 一步但是被阻止的感受好很多」、「…我不喜歡它提醒錯誤的方式，讓我覺得很煩 人，且它提醒錯誤後我還要滑上去找錯誤發生的欄位」。
圖 10：實驗網站的輸入錯誤警告
根據以上使用者回饋，我們發現在表單介面上有許多內部測試未能發現的問題，
尤其在行動裝置版本網頁介面的優化，更是值得投入時間研究與微幅調整。
三、實驗網站優化
綜合前測資料與訪談中得到的回饋，我們對實驗網站進行優化，主要優化項目聚 焦於「到達頁面」「借款利率試算」與「微調表單填寫流程」，在不對任何問項進行 刪減，保持各表單頁面順序與核心流程的前提下，我們按獲取的使用者洞見對流程細 部進行重新設計，希望使用者在使用過程中能有更加順暢的體驗。改善後之網站使用 者介面請見附件二。
在訪談內容中我們注意到目標族群不喜歡閱讀大量文字，比起使用文字方塊推砌 使用條款，我們相信在設計中納入容易與情境產生聯想的小圖示搭配簡單敘述，較容 易令使用者願意接收該類重要資訊；故在到達頁面上，我們將微型信貸的介紹與借款 的流程等重要資訊予以簡化呈現，如圖 11 與圖 12 所示。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 11：使用小圖示（icons）搭配簡單敘述，指出使用本平台好處
圖 12：提供簡單易懂的借款流程圖
除了上述之簡單敘述外，我們另外將學生微型信貸能提供給目標族群的相對優勢 整理成容易閱讀與比較的表格，如下圖 13 所示。
圖 13：與銀行信貸服務比較，凸顯服務優勢
根據訪談所得，我們發現到在使用一牽涉金流與敏感資訊的服務平台時，受訪者 希望能多瞭解背後經營團隊是否正派、是否值得託付信任；受訪者並且認為平台經營 端若能提供直接的聯絡方式，會提升其嘗試該服務的意願。除此之外，受訪者表示在
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
甫接觸一不熟悉的服務時大多傾向於先觀望，直到確定有同儕使用過的經驗分享或社 群推薦後，才願意進行嘗試。
針對上述回饋，我們在到達頁面下方設計展示一團隊成員的區塊，並列出團隊成 員資訊、照片、職責等（圖 14）。在到達頁面的另外一個區塊，我們設計了一捲動式 資訊卡片，能夠隨機顯示兩則過往使用者評論與推薦。此處我們預先撰寫的推薦文案 皆以學校學生為敘述主體，祈能透過同儕的推薦增加使用者對服務的信任度（圖 15）。
圖 14：在到達頁面增加團隊資訊
圖 15：加入使用者回饋
在訪談中我們瞭解到學生族群對信用貸款計息方式並不熟悉，尤其是對於「年費 用百分率」「月利息」「手續費」等等的計算方式，信貸服務在此部分的解釋上不僅 艱澀難懂，「總還款額」「每月還款」等使用者最關心、關乎其實際權益的重要資訊 更總是未能在信貸服務中被預先揭示。
為了建立目標學生族群對還款額與計息制度的認知，降低目標族群因不熟悉、不 確定而產生的排斥心理，我們除了在到達頁面提示最低利息與最高借款額外，在借款 額度填寫的介面上，我們設計了對使用者所填入之借款額與還款期數進行簡易計算的
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 16：依據使用者輸入即時試算利率、每月還款與總還款額度
在可用性測試的階段，我們注意到對於行動裝置使用者，說明文字的擺放位置與 順序相當影響使用者體驗。在使用一下拉選單時，於選單下方的說明文字可能遭彈出 的選單覆蓋進而影響使用者閱讀，而使用一輸入欄位的情境也是同理；輸入欄位下方 的說明文字不僅可能遭行動裝置虛擬鍵盤覆蓋外，於動線設計上讓使用者在完成相關 決策後才閱讀到說明文字。至於欄位內部的提醒文字（Placeholder Text）也會因使用 者與欄位的互動而被不可見。這三個情境下使用者需以其短期記憶牢記住問項的說明 內容並按此與介面進行互動，可能直接影響到使用者的決策，甚或令使用者因互動的 設計不良感到挫折，是不良的設計方法。
所以在表單介面的設計上，我們認為應該保持醒目的欄位標籤（Label），告訴使 用者該欄位的主題，並於欄位標籤下方加上說明文字輔助使用者決策，或針對使用者 族群可能不了解的問題追加說明或範例（如圖 17 所示），區塊最下方才擺放輸入欄位 或下拉選單等互動項目。重新設計後的使用動線較為線性（圖 18），使用者在操作上 更為流暢外，亦不需依賴自身短期記憶力來進行表單的填寫，進而提升了資訊品質、
降低心力耗費。
圖 17：對學生族群不熟悉的詞彙加入說明或範例
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 18：修改說明文字的位置以適應行動裝置使用習慣
最後是表單中對輸入錯誤的提醒。在第一版實驗網站流程設計中，若欄位值輸入 錯誤或漏填部分欄位時，實驗網站會阻擋使用者進入下一個頁面，並將錯誤的欄位底 色變更為表示警示的紅色。在訪談中我們注意到多位使用者對此提醒模式感到不耐煩 或氣餒，受訪者甚至直接對研究人員表示不喜歡該警示訊息影響他輸入資料的模式。
對於該提醒訊息，我們重新設計了觸發警告的機制，除了限制欄位能輸入的資料類 型，使得在行動裝置上能夠直接顯示相應的虛擬鍵盤配置外，在使用者完成欄位之填 寫時，就馬上檢查該欄位所鍵入的值是否合法（見圖 19）。
新的錯誤提醒模式將追蹤使用者目前進行互動的欄位，當使用者把焦點離開該欄 位時馬上觸發檢查機制，對填寫錯誤的欄位以紅色框線標示提醒，並將焦點往發生錯 誤的欄位移動，以利使用者修正錯誤的欄位，降低使用者需要尋找發生錯誤項目位置 的額外成本。