網站企劃10年工作流程改變(HP8)

網站企劃工作流程10年變化蔡明哲悠識數位顧問有限公司 UserXper.com

蔡明哲 Richard Tsai • 悠識數位首席資訊架構師 Chief Information Architect – 專長 • 網站企劃，網路行銷, 專案管理, 系統分析, 資料庫行銷 – 過去 • 企劃顧問，專案總監，客服總監，技術總監，行銷企畫經理，知識研究部經理，軟體工程師，專案經理，產品經理，廣告AE.. • 幫助客戶 – 找出網站設計或企劃的問題 – 提供網站Usability的建議 – 提供網站企劃及Prototype Design的服務 – 提供網站企劃的內功心法/秘笈/工具 2

網站企劃學習的三個大方向武器心法秘笈 Work flow/ Tools Concepts Production Skills 資訊架構, - 專案管理使用者經驗, MS Office, 工作流程 / 溝通方法介面設計, - 使用者研究 Axure RP, 資訊設計, - 製作開發技術 Freemind/Xmind, HTML, Flash, PSD.. 互動設計, Google Analytics, - 行銷文案品牌與視覺傳達, - SEO 搜尋引擎最佳化 … 資訊技術應用. -… … 3

階段一：把網站當做軟體開發 (10多年前) Richard as a Programmer, SA (系統分析師) • 首先詢問需求, 分析需求, 然後開規格 • 撰寫程式 • 請美工提供UI設計 • 再套一次介面 • 客戶測試 4

10年前的文件 5

階段二：側重網路行銷/專案管理 (8年前) Richard as an Project Manager, Online Marketing Consultant • 首先詢問需求, 分析需求, 分析目標使用者 • 然後分析競業, 業主偏好網站, 品牌訴求 • 發展網站定位與策略 • 發展網站資訊架構(Information Architecture) • 製作網站 Sitemap, Wireframe • 結合Content Auditing方法, 利用Excel撰寫網站內容規格文件 • 請創意設計師完成網站風格設計並確認 • 偶爾採用 Prototyping • 程式開發, 內容蒐集 • 測試 • 上線 • 績效評估與分析 6

Sitemap HTML Prototype Content / Fuction List Look&Feel, Web Page Design 7

階段三(現在)：採用更多的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

現在的流程 Strategy Strategy 策略企劃策略規劃 planning phase context •----------- •----------- Scope •----------- •----------- •----------- 需求範疇 Requirement Definition Phase content users Structure 架構定義 Prototype 執行企劃 Design Phase Skeleton 介面設計網頁設計 Visual & Page Implementation 系統開發視覺設計 Design Phase Phase 9

現在的流程 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

More Methods … http://www.usabilitynet.org/tools/methods.htm 11

HP8 網站企劃輕鬆聚 http://userxper.com/courses/events/hp8 • 小小美工的網站設計之路 Joanna Huang (其達科技美術設計工程師) • 網站企劃工作流程十年變化蔡明哲 (悠識數位首席資訊架構師) • Rapid Prototyping 應用於 facebook 應用程式開發流程梁凱智 (Cacafly CTO) • 使用者中心設計到行動中心設計︰互動設計的再次典範轉移？李峻德博士 (交大傳播研究所) • 眼動(Eye Tracking)與使用者經驗研究陶振超博士 (交大傳播科技系) • Mobile Design 薛良斌 hlb (和多 Handlino) 12

網站企劃10年工作流程改變(HP8)

by UserXper Digital Consulting

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 3

Statistics

網站企劃10年工作流程改變(HP8) Presentation Transcript

http://www.slideshare.net	2
http://www.techgig.com	1