HP4 網站企劃輕鬆聚主題之一：讓網站企畫工作更順暢的數位工具 by 李一詩 http://userxper.com/courses/events/hp4

1. 分享主題：
讓網站企畫工作更順暢的數位工具
李一詩
城邦出版 電腦家庭 網站經理
T客邦、比比王、打電動

2. •新建網站、網站改版、活動專案…都從胡思亂想
開始
•想法的記錄與整理 = 心智圖是個不錯的選擇
•紙、筆 – 隨手可用，但不利於保存與分享
•繪圖軟體、簡報軟體 – 用螺絲起子敲釘子
•易於使用、易於分享、易於協同作業

3. Mindomo 範例：編輯視窗與即時訊息

4. Mindomo 範例：純閱覽畫面

5. Mindomo 對於協同工作的支援：
•可共同編輯同一份心智圖，編輯中並可傳送即
時訊息做討論。
•相關人員的權限分為可閱覽或可編輯。
•建立閱覽者 e-mail 名單，更新通知很方便。
•以單一網頁型式來分享，更新後可確保相關人
員看到的是「同一個最新版本」。

6. •實作的起點：參考別人的頁面、圖像、文案
•收集資料 - 最大的問題是整理與分享
•如果可針對每項資料進行討論，就太棒了！

7. Diigo 範例：收集文字並加上討論串

8. Diigo 範例：圖片討論串

9. Diigo 範例：任意區塊討論串

10. Diigo 範例：資料集中於一個地方

11. 同場加映 – Abduction：超簡易抓圖工具

12. Diigo 對於協同工作的支援：
•將相關人員加入同一個 group，集中置放各自
搜集的資料。
•Group 有獨立網址，便於連結。
•各項資料可加上討論串。
•避免收集到相同的資料或素材。
•Group 若有新的素材，會以 e-mail 通知成員。
Diigo、Abduction 都是 Firefox 的附加元件，
只能在 Firefox 裡面使用。
所以，做網站的人，一定要用 Firefox 喔！

13. •了解大家在搜尋什麼，對於網站內容、文章用
字、活動文案都有正面助益。
•各頁面的使用率，決定改版方向。
•面對質疑或進行取捨，數據化的資料較有說服
力。
• Google 搜尋透視、Analytics、Webmaster 可
提供極具參考性的數據。

14. 搜尋透視範例：類似用字怎麼選擇？

15. 搜尋透視範例：關鍵字熱門度依時節而變

16. 搜尋透視範例：暴紅的關鍵字

17. 搜尋透視範例：薇閣好像沒賺到？

18. Analytics範例：那些關鍵字帶來流量？

19. Analytics範例：那些頁面使用率低？

20. Webmaster範例：搜尋結果排名

21. 老闆 視覺設計師 程式設計師 業務部
你
•網站上線半年了，流量成長趨緩，
必須進行大改版。
•實作最大問題 - 要做成那些東西？
•沒有適當的表達工具，常常會各自
想像、無法聚焦

22. T客邦-比比王網站 運用 Axure RP 的實例

23. T客邦-比比王網站 運用 Axure RP 的實例

24. T客邦-比比王網站 運用 Axure RP 的實例

25. T客邦-比比王網站 運用 Axure RP 的實例

26. T客邦-比比王網站 運用 Axure RP 的實例

27. 使用 Axure RP製作的線框圖有什麼不同：
•可實際操作：滑鼠移入、點擊、按鍵…
•模擬各種高質感的操作方式
•可於各區塊或元素加上說明方塊，並可在網頁
中開關
•網頁共用區塊可獨立，便於後續修改
•使用變數，讓區塊在不同狀態下，顯示不同的
內容（例如：是否登入…）
•相關人員可修改同一份線框圖，便於協作。

28. 其他之一 - 簡易專案管理：
•We’ll meet 網站 – 喬開會時間很好用
•google form – 自製意見調查問卷
•google spreadsheet – 可自製簡易版的線上多人專案
管理工具
•google 協作平台 - 公告會議記錄、頁面展示、集中各
種檔案、簡易專案管理
其他之二 - 版面檢測與修改：
•adobe browserlab - 你的網頁在不同瀏覽器看起來長
什麼樣？
•firebug(firefox) 、web developer(firefox) - 了解畫
面結構、即時修改版面元素

29. 謝謝大家
Facebook：http://www.facebook.com/liishygo
電子郵件：liishygo@gmail.com

30. 工商時間
幾個Facebook上的粉絲團，幫同事拉票
粉絲數決定春酒的菜色等級喔！
打電動遊戲攻
略情報站
T客邦的臉書
基地
快樂親子丼

31. 本投影片-「讓網站企畫工作更順暢的數位工具」著作權屬於 李一詩。
李一詩 應邀於 「HP4 網站企劃輕鬆聚」活動，分享這份投影片！
HP4 (Happy Project Manager) 網站企劃輕鬆聚第4次活動內容
1. 籌備中的後進者社群網站 +早餐店的案例分享，Adam 陳泓霖，訊南寬
頻電信
2. 從行銷企劃轉戰網站企劃工作之歷程，Lillian 簡婉莉，雄獅旅行社/網
站企劃
3. Kick off之後, 是專案的開始還是災難的開始，Robert Fan, 特洛伊製作
公司 PM
4. 以網站原型來確認需求 – 電子商務網站的購物動線規劃，Richard Tsai,
UseXper 首席資訊架構師
5. 讓網站企畫工作愉快的數位工具，李一詩, 比比王 網站企劃
6. 進入UE領域，你必須認識的重要UI/UE機構及活動，Mumin Yu, 使用
者經驗設計專家 UserXing Founder, 前BenQ Mobile UED Leader
其他HPx Slide：http://www.slideshare.net/Happy.Prototyper