分享主題：讓網站企畫工作更順暢的數位工具

李一詩城邦出版 電腦家庭 網站經理

T客邦、比比王、打電動

•新建網站、網站改版、活動專案…都從胡思亂想

開始

•想法的記錄與整理 = 心智圖是個不錯的選擇

•紙、筆 – 隨手可用，但不利於保存與分享

•繪圖軟體、簡報軟體 – 用螺絲起子敲釘子

•易於使用、易於分享、易於協同作業

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

Mindomo 範例：純閱覽畫面

Mindomo 對於協同工作的支援：

•可共同編輯同一份心智圖，編輯中並可傳送即

時訊息做討論。

•相關人員的權限分為可閱覽或可編輯。

•建立閱覽者 e-mail 名單，更新通知很方便。

•以單一網頁型式來分享，更新後可確保相關人

員看到的是「同一個最新版本」。

•實作的起點：參考別人的頁面、圖像、文案

•收集資料 - 最大的問題是整理與分享

•如果可針對每項資料進行討論，就太棒了！

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

Diigo 範例：圖片討論串

Diigo 範例：任意區塊討論串

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

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

Diigo 對於協同工作的支援：•將相關人員加入同一個 group，集中置放各自搜集的資料。•Group 有獨立網址，便於連結。•各項資料可加上討論串。•避免收集到相同的資料或素材。•Group 若有新的素材，會以 e-mail 通知成員。

Diigo、Abduction 都是 Firefox 的附加元件，只能在 Firefox 裡面使用。所以，做網站的人，一定要用 Firefox 喔！

Diigo、Abduction 都是 Firefox 的附加元件，只能在 Firefox 裡面使用。所以，做網站的人，一定要用 Firefox 喔！

•了解大家在搜尋什麼，對於網站內容、文章用

字、活動文案都有正面助益。

•各頁面的使用率，決定改版方向。

•面對質疑或進行取捨，數據化的資料較有說服

力。

• 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 協作平台 - 公告會議記錄、頁面展示、集中各種檔案、簡易專案管理

其他之二 - 版面檢測與修改：•adobe browserlab - 你的網頁在不同瀏覽器看起來長什麼樣？•firebug(firefox) 、web developer(firefox) - 了解畫面結構、即時修改版面元素

Facebook：http://www.facebook.com/liishygo

電子郵件：liishygo@gmail.com

Facebook：http://www.facebook.com/liishygo

電子郵件：liishygo@gmail.com

謝謝大家

T客邦的臉書基地

快樂親子丼

打電動遊戲攻略情報站

工商時間幾個Facebook上的粉絲團，幫同事拉票

粉絲數決定春酒的菜色等級喔！

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

本投影片-「讓網站企畫工作更順暢的數位工具」著作權屬於 李一詩。

李一詩 應邀於 「HP4 網站企劃輕鬆聚」活動，分享這份投影片！

其他HPx Slide：http://www.slideshare.net/Happy.Prototyper