架站前一定要上的10堂課：網站企畫成功術 當你蓋房子的時候，會先畫藍圖；設計機械裝置時，也會先畫一份運轉示意圖。既然如此，建構一個網站，當然也要先畫出網站規畫藍圖。一份好的規畫藍圖，必須同時考慮商業需求、終端使用者的習慣，以及實際執行的技術，才能滿足所有的需求。不用說，這當中要考慮的因素實在太多太複雜了，因此你必須具備網站規畫的知識，才能妥善安排所有的細節。你不需要會寫程式，但是你要懂得如何跟工程師溝通，提出你的主張，讓你的需求能夠真正實現。

1. Sean & 佳汝
第6課：循序漸進
6

2. 循序漸進
• 這堂課我們替使用者設計一條好路徑，讓他們能從一處到另一處，
並從購物車和彈出視窗等為難中倖存。
• 在如此瘋狂程度的複雜性下，如何才能依然確保使用者能獲得一
定程度的愉悅？答案就在於了解使用者。
• 要謝的人太多了，那就謝天吧。
正因為使用者種類太多，也不可能每個人都討好，
所以必須找出幾個有代表性的使用者，做出他們喜歡的系統。

3. 四步驟
• 角色行為面貌(Persona)
• 情境(喬瑟夫坎伯法)
• 網站路徑示意圖
• 任務分析

4. 角色行為面貌- Definition
• In user-centered design and marketing, personas are fictional
characters created to represent the different user types that
might use a site, brand, or product in a similar way.
• 針對每一類型的代表使用者，所創造出來的背景敘述。
• Profile description created for each represented type of users

5. 角色行為面貌– why use this?
• 了解設計對象，如何讓他驚喜。- 有效
• 相較於廣大使用者的這個模糊設計目標，角色行為面貌能讓你區
分功能的優先順序。- 快速

6. 角色行為面貌– Step by step
• 摘要整理發現結果，分發給利害關係人。
• 與利害關係人和開發小組召開工作會議，
針對角色行為面貌進行腦力激盪。
• 給予角色行為面貌優先順序並加以挑選；
發展主要角色行為面貌和輔助角色行為面貌。
• 將角色行為面貌化為真人。
• 應用角色行為面貌。

8. 情境– how to use it
• 設計工具
* 理想/ 現實
• 評估工具
* 評估角色行為面貌滿足程度
• 溝通工具
* 團隊溝通

9. 情境– how to write it
• 堅持理想體驗
• 不要談論介面決策
• 不要糾纏細節
• 和角色行為面貌同在

10. Scenario example
• Roger has been tracking the increase in natural gas prices on the
Web. He decided that he'd like to exchange some shares out of the
Blue Chip Fund in his retirement account into a mutual fund that
specializes in natural gas. Having researched natural gas on the
Web, Roger feels that the Specialty Natural Gas Fund is safe and
this would be a great time to purchase the fund.
• Roger is working on his home computer on Wednesday morning. He
has about an hour before his tee time, so he decides to make the
changes in his retirement account that he's been thinking about.

11. 網站路徑示意圖

12. 任務分析

13. 同場加映– 系統分析與設計
• Use Case Diagram
• Scenario

14. 同場加映– 系統分析與設計
• Activity Diagram