Your SlideShare is downloading. ×
0
分享主題:
讓網站企畫工作更順暢的數位工具


        李一詩
   城邦出版 電腦家庭 網站經理
    T客邦、比比王、打電動
•新建網站、網站改版、活動專案…都從胡思亂想
開始
•想法的記錄與整理 = 心智圖是個不錯的選擇
•紙、筆 – 隨手可用,但不利於保存與分享
•繪圖軟體、簡報軟體 – 用螺絲起子敲釘子
•易於使用、易於分享、易於協同作業
Mindomo 範例:編輯視窗與即時訊息
Mindomo 範例:純閱覽畫面
Mindomo 對於協同工作的支援:
•可共同編輯同一份心智圖,編輯中並可傳送即
時訊息做討論。
•相關人員的權限分為可閱覽或可編輯。
•建立閱覽者 e-mail 名單,更新通知很方便。
•以單一網頁型式來分享,更新後可確保相關人
員看到的是「...
•實作的起點:參考別人的頁面、圖像、文案
•收集資料 - 最大的問題是整理與分享
•如果可針對每項資料進行討論,就太棒了!
Diigo 範例:收集文字並加上討論串
Diigo 範例:圖片討論串
Diigo 範例:任意區塊討論串
Diigo 範例:資料集中於一個地方
同場加映 – Abduction:超簡易抓圖工具
Diigo 對於協同工作的支援:
•將相關人員加入同一個 group,集中置放各自
搜集的資料。
•Group 有獨立網址,便於連結。
•各項資料可加上討論串。
•避免收集到相同的資料或素材。
•Group 若有新的素材,會以 e-mail 通...
•了解大家在搜尋什麼,對於網站內容、文章用
字、活動文案都有正面助益。
•各頁面的使用率,決定改版方向。
•面對質疑或進行取捨,數據化的資料較有說服
力。
• Google 搜尋透視、Analytics、Webmaster 可
提供極具參考性的...
搜尋透視範例:類似用字怎麼選擇?
搜尋透視範例:關鍵字熱門度依時節而變
搜尋透視範例:暴紅的關鍵字
搜尋透視範例:薇閣好像沒賺到?
Analytics範例:那些關鍵字帶來流量?
Analytics範例:那些頁面使用率低?
Webmaster範例:搜尋結果排名
老闆   視覺設計師   程式設計師       業務部
                       你

•網站上線半年了,流量成長趨緩,
必須進行大改版。
•實作最大問題 - 要做成那些東西?
•沒有適當的表達工具,常常會各自
想像、無法...
T客邦-比比王網站 運用 Axure RP 的實例
T客邦-比比王網站 運用 Axure RP 的實例
T客邦-比比王網站 運用 Axure RP 的實例
T客邦-比比王網站 運用 Axure RP 的實例
T客邦-比比王網站 運用 Axure RP 的實例
使用 Axure RP製作的線框圖有什麼不同:
•可實際操作:滑鼠移入、點擊、按鍵…
•模擬各種高質感的操作方式
•可於各區塊或元素加上說明方塊,並可在網頁
中開關
•網頁共用區塊可獨立,便於後續修改
•使用變數,讓區塊在不同狀態下,顯示不同的...
其他之一 - 簡易專案管理:
•We’ll meet 網站 – 喬開會時間很好用
•google form – 自製意見調查問卷
•google spreadsheet – 可自製簡易版的線上多人專案
管理工具
•google 協作平台 - 公...
謝謝大家
Facebook:http://www.facebook.com/liishygo
電子郵件:liishygo@gmail.com
工商時間
 幾個Facebook上的粉絲團,幫同事拉票
   粉絲數決定春酒的菜色等級喔!




                 打電動遊戲攻
                 略情報站
T客邦的臉書
基地


         快樂親子丼
本投影片-「讓網站企畫工作更順暢的數位工具」著作權屬於 李一詩。
李一詩 應邀於 「HP4 網站企劃輕鬆聚」活動,分享這份投影片!

HP4 (Happy Project Manager) 網站企劃輕鬆聚第4次活動內容

1.   籌備中的後進...
Upcoming SlideShare
Loading in...5
×

讓網站企畫工作更順暢的數位工具 李一詩

2,948

Published on

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

0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,948
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
109
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Transcript of "讓網站企畫工作更順暢的數位工具 李一詩"

  1. 1. 分享主題: 讓網站企畫工作更順暢的數位工具 李一詩 城邦出版 電腦家庭 網站經理 T客邦、比比王、打電動
  2. 2. •新建網站、網站改版、活動專案…都從胡思亂想 開始 •想法的記錄與整理 = 心智圖是個不錯的選擇 •紙、筆 – 隨手可用,但不利於保存與分享 •繪圖軟體、簡報軟體 – 用螺絲起子敲釘子 •易於使用、易於分享、易於協同作業
  3. 3. Mindomo 範例:編輯視窗與即時訊息
  4. 4. Mindomo 範例:純閱覽畫面
  5. 5. Mindomo 對於協同工作的支援: •可共同編輯同一份心智圖,編輯中並可傳送即 時訊息做討論。 •相關人員的權限分為可閱覽或可編輯。 •建立閱覽者 e-mail 名單,更新通知很方便。 •以單一網頁型式來分享,更新後可確保相關人 員看到的是「同一個最新版本」。
  6. 6. •實作的起點:參考別人的頁面、圖像、文案 •收集資料 - 最大的問題是整理與分享 •如果可針對每項資料進行討論,就太棒了!
  7. 7. Diigo 範例:收集文字並加上討論串
  8. 8. Diigo 範例:圖片討論串
  9. 9. Diigo 範例:任意區塊討論串
  10. 10. Diigo 範例:資料集中於一個地方
  11. 11. 同場加映 – Abduction:超簡易抓圖工具
  12. 12. Diigo 對於協同工作的支援: •將相關人員加入同一個 group,集中置放各自 搜集的資料。 •Group 有獨立網址,便於連結。 •各項資料可加上討論串。 •避免收集到相同的資料或素材。 •Group 若有新的素材,會以 e-mail 通知成員。 Diigo、Abduction 都是 Firefox 的附加元件, 只能在 Firefox 裡面使用。 所以,做網站的人,一定要用 Firefox 喔!
  13. 13. •了解大家在搜尋什麼,對於網站內容、文章用 字、活動文案都有正面助益。 •各頁面的使用率,決定改版方向。 •面對質疑或進行取捨,數據化的資料較有說服 力。 • Google 搜尋透視、Analytics、Webmaster 可 提供極具參考性的數據。
  14. 14. 搜尋透視範例:類似用字怎麼選擇?
  15. 15. 搜尋透視範例:關鍵字熱門度依時節而變
  16. 16. 搜尋透視範例:暴紅的關鍵字
  17. 17. 搜尋透視範例:薇閣好像沒賺到?
  18. 18. Analytics範例:那些關鍵字帶來流量?
  19. 19. Analytics範例:那些頁面使用率低?
  20. 20. Webmaster範例:搜尋結果排名
  21. 21. 老闆 視覺設計師 程式設計師 業務部 你 •網站上線半年了,流量成長趨緩, 必須進行大改版。 •實作最大問題 - 要做成那些東西? •沒有適當的表達工具,常常會各自 想像、無法聚焦
  22. 22. T客邦-比比王網站 運用 Axure RP 的實例
  23. 23. T客邦-比比王網站 運用 Axure RP 的實例
  24. 24. T客邦-比比王網站 運用 Axure RP 的實例
  25. 25. T客邦-比比王網站 運用 Axure RP 的實例
  26. 26. T客邦-比比王網站 運用 Axure RP 的實例
  27. 27. 使用 Axure RP製作的線框圖有什麼不同: •可實際操作:滑鼠移入、點擊、按鍵… •模擬各種高質感的操作方式 •可於各區塊或元素加上說明方塊,並可在網頁 中開關 •網頁共用區塊可獨立,便於後續修改 •使用變數,讓區塊在不同狀態下,顯示不同的 內容(例如:是否登入…) •相關人員可修改同一份線框圖,便於協作。
  28. 28. 其他之一 - 簡易專案管理: •We’ll meet 網站 – 喬開會時間很好用 •google form – 自製意見調查問卷 •google spreadsheet – 可自製簡易版的線上多人專案 管理工具 •google 協作平台 - 公告會議記錄、頁面展示、集中各 種檔案、簡易專案管理 其他之二 - 版面檢測與修改: •adobe browserlab - 你的網頁在不同瀏覽器看起來長 什麼樣? •firebug(firefox) 、web developer(firefox) - 了解畫 面結構、即時修改版面元素
  29. 29. 謝謝大家 Facebook:http://www.facebook.com/liishygo 電子郵件:liishygo@gmail.com
  30. 30. 工商時間 幾個Facebook上的粉絲團,幫同事拉票 粉絲數決定春酒的菜色等級喔! 打電動遊戲攻 略情報站 T客邦的臉書 基地 快樂親子丼
  31. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×