1. 第2部
使用者中心設計的執行步驟
第3章
網站基本導線設計及驗證
Conrad Peng
2013/10/28

2. 網站使用者中心策略綱要
使用者中心思想與
網站基本導線與驗
網站細部畫面與驗
行為
證
證
網站策略驗證
網站效果驗證
使用者中心設計手
法
使用者中心設計工
具
網站策略擬定

3. 參考(就是下一頁)：
p.104
表3.3 易用性測試實施時間點及驗證重點
p.244
表2.3 易用性測試實施時機及驗證重點

4. 測試回合
時
機
驗 證 重 點
測試使用畫面
網站概念(網站目的、目標使用
者、使用者需求等)設定完成後
• 概念的妥當性
• 事業主的目的及目標設定是否可能
達成
• 假設的目標使用者是否存在
• 使用者需求、狀況
腳本、網站結構等主要導線設
計後
•
•
•
•
腳本的妥當性
網站結構、導線的有效性
網站導覽設計
詳細的內容需求
•
•
•
•
第3回
畫面標準原型設計出來後
•
•
•
•
•
•
版面配置
用語設定
內容表現、書寫方式
細節的引導
連結位置、顏色
其他
• 製作好的標準原型
• (現行網站)
• (競爭者網站)
第4回
畫面標準原型設計出來後(例如
在第3回的測試中，畫面設計是
在主要流程(整體進度的30%)
• 幾乎同上
完成的時間點下進行，其餘的
畫面細部在完成階段再進行第4
回的測試)
第1回
第2回
• 現行網站
• 競爭者網站
• 其他使用者使用的網站
製作好的標準原型
現行網站
競爭者網站
其他使用者使用的網站
• 製作好的標準原型
• (現行網站)
• (競爭者網站)

5. 要件定義
• 列舉出必須放在網站上的內容或功能，然後對各自的
要點、重要性，或是製作上的參考資料等進行定義。
• 和以往在系統開發等中所講的要件定義，在過程方法
上是不相同的。

6. 要件定義
• 使用者中心設計手法
• 「要件定義書」製作耗費時間非常少。
• 「畫面標準原型」，使用者能看到的部份，符合要件
定義的表現形式。

7. 以往的系統開發手法
(瀑布模式等)
使用者中心設計手法
(螺旋模式)
要件定義書
要件定義書
．
＝
．
畫面標準原型
(畫面設計書)
程式開發
設計

8. 為何要進行要件定義？
• 整合成員間對網站規劃方向及目標的共識
• 掌握作業時程、擬定作業計畫
• 整理想法及避免遺漏要件
• 管理要件因應狀況

9. 要件定義的方法
• 依照使用者行為腳本，盡可能列舉出可以想像得到的
必要內容及功能(也可以參考測試結果等)
• 若有現行網站時，一邊瀏覽現行網站一邊進行列舉
• 一邊瀏覽競爭者網站及參考網站等，一邊進行列舉
• 一邊和相關人員進行腦力激盪，一邊進行列舉 p264

10. 要件定義的注意事項
• 重點一
• 重點二
• 重點三
• 重點四
依腳本篩選出要件
整合事業主要件和使用者要件
留下檢討記錄
分割時間進行作業

11. 事業主方
想停止
資料申請服務
 資料申請成本高
 盡可能在網路上提供資訊
要件
使用者方
實施資料申請
努力擴充內容，讓網站
上的資訊能夠滿足使用
者；將「資料申請」的
連結，放在較低的頁面
位置
想要申請資料
 想要和家人一起看資料，
或是在家之後慢慢閱讀
 若是無法申請資料就前往
其他網站
要件定義實例：「資料申請」

12. 完成要件定義之後，
接著是製作畫面標準原型。

14. 基本導線設計及重要畫面標準原型
製作重點
• 重點1
• 重點2
• 重點3
• 重點4
將要件分類而不做網頁定義
目標設定在主要的使用者行為腳本大致完成的程度
不從網站導覽或網站架構進行檢討
在畫面標準原型的空白處註記要件或設計點子

15. 第 2 回易用性測試
11/4 噗萊嗯會讓大家練習易用性測試~~~

16. 測試回合
時
機
驗 證 重 點
測試使用畫面
網站概念(網站目的、目標使用
者、使用者需求等)設定完成後
• 概念的妥當性
• 事業主的目的及目標設定是否可能
達成
• 假設的目標使用者是否存在
• 使用者需求、狀況
腳本、網站結構等主要導線設
計後
•
•
•
•
腳本的妥當性
網站結構、導線的有效性
網站導覽設計
詳細的內容需求
•
•
•
•
第3回
畫面標準原型設計出來後
•
•
•
•
•
•
版面配置
用語設定
內容表現、書寫方式
細節的引導
連結位置、顏色
其他
• 製作好的標準原型
• (現行網站)
• (競爭者網站)
第4回
畫面標準原型設計出來後(例如
在第3回的測試中，畫面設計是
在主要流程(整體進度的30%)
• 幾乎同上
完成的時間點下進行，其餘的
畫面細部在完成階段再進行第4
回的測試)
第1回
第2回
• 現行網站
• 競爭者網站
• 其他使用者使用的網站
製作好的標準原型
現行網站
競爭者網站
其他使用者使用的網站
• 製作好的標準原型
• (現行網站)
• (競爭者網站)

17. 謝謝收看