Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

3,289 views

Published on

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

  • Be the first to comment

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

  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

×