Your SlideShare is downloading. ×
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply



Published on

網站企劃10年工作流程改變是悠識數位舉辦的 HP8 網站企劃輕鬆聚的分享主題。 …

網站企劃10年工作流程改變是悠識數位舉辦的 HP8 網站企劃輕鬆聚的分享主題。

Published in: Business, Technology, Education

  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. 網站企劃工作流程10年變化 蔡明哲 悠識數位顧問有限公司
  • 2. 蔡明哲 Richard Tsai • 悠識數位 首席資訊架構師 Chief Information Architect – 專長 • 網站企劃,網路行銷, 專案管理, 系統分析, 資料庫行銷 – 過去 • 企劃顧問,專案總監,客服總監,技術總監,行銷企畫經理,知識研究部經理,軟體工程 師,專案經理,產品經理,廣告AE.. • 幫助客戶 – 找出網站設計或企劃的問題 – 提供網站Usability的建議 – 提供網站企劃及Prototype Design的服務 – 提供網站企劃的內功心法/秘笈/工具 2
  • 3. 網站企劃學習的三個大方向 武器 心法 秘笈 Work flow/ Tools Concepts Production Skills 資訊架構, - 專案管理 使用者經驗, MS Office, 工作流程 / 溝通方法 介面設計, - 使用者研究 Axure RP, 資訊設計, - 製作開發技術 Freemind/Xmind, HTML, Flash, PSD.. 互動設計, Google Analytics, - 行銷文案 品牌與視覺傳達, - SEO 搜尋引擎最佳化 … 資訊技術應用. -… … 3
  • 4. 階段一:把網站當做軟體開發 (10多年前) Richard as a Programmer, SA (系統分析師) • 首先詢問需求, 分析需求, 然後開規格 • 撰寫程式 • 請美工提供UI設計 • 再套一次介面 • 客戶測試 4
  • 5. 10年前的文件 5
  • 6. 階段二:側重網路行銷/專案管理 (8年前) Richard as an Project Manager, Online Marketing Consultant • 首先詢問需求, 分析需求, 分析目標使用者 • 然後分析競業, 業主偏好網站, 品牌訴求 • 發展網站定位與策略 • 發展網站資訊架構(Information Architecture) • 製作網站 Sitemap, Wireframe • 結合Content Auditing方法, 利用Excel撰寫網站內容規格文件 • 請創意設計師完成網站風格設計並確認 • 偶爾採用 Prototyping • 程式開發, 內容蒐集 • 測試 • 上線 • 績效評估與分析 6
  • 7. Sitemap HTML Prototype Content / Fuction List Look&Feel, Web Page Design 7
  • 8. 階段三(現在):採用更多的UCD方法 User-Centered Design Richard as an Information Architect. • 需求訪談分析, 目標使用者分析 • 然後分析競業, 業主偏好網站, 品牌訴求 • 提供網站定位與發展策略並確認 • 有時藉由Mindmap 蒐集腦力激盪的結果 • 有時藉由Card Sorting/ Mental Model發展網站資訊架構 • 利用Axure 製作網站Sitemap, Wireframe, Prototype • 結合Content Auditing方法, 利用Excel撰寫網站內容規格文件 • 網站風格設計並確認 • 適時做User Test • 程式開發, 內容蒐集 • 測試 (Functional Test) • Usability Test • 上線 • 績效評估與分析 8
  • 9. 現在的流程 Strategy Strategy 策略企劃 策略規劃 planning phase context •----------- •----------- Scope •----------- •----------- •----------- 需求範疇 Requirement Definition Phase content users Structure 架構定義 Prototype 執行企劃 Design Phase Skeleton 介面設計 網頁設計 Visual & Page Implementation 系統開發 視覺設計 Design Phase Phase 9
  • 10. 現在的流程 Research the Needs Research the Products Content Auditing Mindmap Set Requirements Set Feature Requirements Set Report Get Input f rom People Requirements Find Out High-Lev el within Company Inf ormation Solicit End- Set Data Read Vendor Research Corporate User Input for Storage Set Technology Marketing Find Out What Other Needs Features Requirements Requirements Materials Get Proposals People Say Understand Get Buy -In Explore Web- Distrust Get Input from Set Security Write Requests Existing f rom Key Based Marketing Other Requirements Find Vendors f or Proposals Ref ine Requirements Process Play ers Solutions Material Customers Refine Get Buy -In Explore Determine the Set Integration Attend Read Requirements f rom IT Wireless Find Vendors Read Rev iews See How ROI Requirements Conf erences Proposals Based on Department Solutions Components Relate to Research One Another Stakeholder interview Business (Improv ed) Cy ber eBusiness IQ Solutions Product Product Line Partner Prof iles Interactiv e Seminars Test White Paper Conf igurators Descriptions Diagram Registration Download Adv isor Tools (Improv ed) Industry Cy ber Wizard (f uture Product Super Demo Solutions Seminars v ersion) Module Page Descriptions Customer List Package Product Product Tour by Product or Solutions Conf igurators Industry Descriptions Card Sorting Mental Model User Behavior Traffic Analysis Information Architecture HTML Prototype Wireframe Specification 10
  • 11. More Methods … 11
  • 12. HP8 網站企劃輕鬆聚 • 小小美工的網站設計之路 Joanna Huang (其達科技 美術設計工程師) • 網站企劃工作流程十年變化 蔡明哲 (悠識數位 首席資訊架構師) • Rapid Prototyping 應用於 facebook 應用程式開發流程 梁凱智 (Cacafly CTO) • 使用者中心設計到行動中心設計︰互動設計的再次典範轉移? 李峻德 博士 (交大傳播研究所) • 眼動(Eye Tracking)與使用者經驗研究 陶振超 博士 (交大傳播科技系) • Mobile Design 薛良斌 hlb (和多 Handlino) 12