SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
網站企劃工作流程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

Más contenido relacionado

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

Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构  王保平Top100summit前端的云时代支付宝前端平台架构  王保平
Top100summit前端的云时代支付宝前端平台架构 王保平drewz lin
 
Actuate presentation 2011
Actuate presentation   2011Actuate presentation   2011
Actuate presentation 2011Luke Han
 
Web 前端工程师与成长
Web 前端工程师与成长Web 前端工程师与成长
Web 前端工程师与成长RANK LIU
 
适应业务需求的甲骨文存储解决方案及产品演示
适应业务需求的甲骨文存储解决方案及产品演示适应业务需求的甲骨文存储解决方案及产品演示
适应业务需求的甲骨文存储解决方案及产品演示ITband
 
信息系统架构设计
信息系统架构设计信息系统架构设计
信息系统架构设计Weijun Zhong
 
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用Zac John
 
360度精準式行銷實務--精準式影音行銷
360度精準式行銷實務--精準式影音行銷360度精準式行銷實務--精準式影音行銷
360度精準式行銷實務--精準式影音行銷Neo Marketing Workshop
 
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9Hans Shih
 
赤骥 用户研究入门
赤骥 用户研究入门赤骥 用户研究入门
赤骥 用户研究入门jay li
 
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享Justin Lee
 
敏捷开发全景视图(流程、方法和最佳实践)
敏捷开发全景视图(流程、方法和最佳实践)敏捷开发全景视图(流程、方法和最佳实践)
敏捷开发全景视图(流程、方法和最佳实践)Weijun Zhong
 
Realtime analytics with Flink and Druid
Realtime analytics with Flink and DruidRealtime analytics with Flink and Druid
Realtime analytics with Flink and DruidErhwen Kuo
 
Je pm-qc-v3.4
Je pm-qc-v3.4Je pm-qc-v3.4
Je pm-qc-v3.4Jesse Wei
 
Aws 全面业务流程管理解决方案v2 0
Aws 全面业务流程管理解决方案v2 0Aws 全面业务流程管理解决方案v2 0
Aws 全面业务流程管理解决方案v2 0mfrog
 
特卖场景下的大数据平台和机器学习实践
特卖场景下的大数据平台和机器学习实践特卖场景下的大数据平台和机器学习实践
特卖场景下的大数据平台和机器学习实践Leo Zhou
 
美团前端架构简介
美团前端架构简介美团前端架构简介
美团前端架构简介pan weizeng
 
WiseLog v6 Chinese
WiseLog v6 ChineseWiseLog v6 Chinese
WiseLog v6 ChineseNethru
 
数据采集中间件技术交流
数据采集中间件技术交流数据采集中间件技术交流
数据采集中间件技术交流jerry tom
 
Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Vinny Wu
 

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

Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构  王保平Top100summit前端的云时代支付宝前端平台架构  王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
 
传媒梦工场分享
传媒梦工场分享传媒梦工场分享
传媒梦工场分享
 
Actuate presentation 2011
Actuate presentation   2011Actuate presentation   2011
Actuate presentation 2011
 
Web 前端工程师与成长
Web 前端工程师与成长Web 前端工程师与成长
Web 前端工程师与成长
 
适应业务需求的甲骨文存储解决方案及产品演示
适应业务需求的甲骨文存储解决方案及产品演示适应业务需求的甲骨文存储解决方案及产品演示
适应业务需求的甲骨文存储解决方案及产品演示
 
信息系统架构设计
信息系统架构设计信息系统架构设计
信息系统架构设计
 
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用
Grid Technology and Enterprise Grid / 网格技术及其在企业信息化中的应用
 
360度精準式行銷實務--精準式影音行銷
360度精準式行銷實務--精準式影音行銷360度精準式行銷實務--精準式影音行銷
360度精準式行銷實務--精準式影音行銷
 
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
Google Analytics 使用者行為分析 @ Front-End Developers Taiwan Party - 9
 
赤骥 用户研究入门
赤骥 用户研究入门赤骥 用户研究入门
赤骥 用户研究入门
 
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
 
敏捷开发全景视图(流程、方法和最佳实践)
敏捷开发全景视图(流程、方法和最佳实践)敏捷开发全景视图(流程、方法和最佳实践)
敏捷开发全景视图(流程、方法和最佳实践)
 
Realtime analytics with Flink and Druid
Realtime analytics with Flink and DruidRealtime analytics with Flink and Druid
Realtime analytics with Flink and Druid
 
Je pm-qc-v3.4
Je pm-qc-v3.4Je pm-qc-v3.4
Je pm-qc-v3.4
 
Aws 全面业务流程管理解决方案v2 0
Aws 全面业务流程管理解决方案v2 0Aws 全面业务流程管理解决方案v2 0
Aws 全面业务流程管理解决方案v2 0
 
特卖场景下的大数据平台和机器学习实践
特卖场景下的大数据平台和机器学习实践特卖场景下的大数据平台和机器学习实践
特卖场景下的大数据平台和机器学习实践
 
美团前端架构简介
美团前端架构简介美团前端架构简介
美团前端架构简介
 
WiseLog v6 Chinese
WiseLog v6 ChineseWiseLog v6 Chinese
WiseLog v6 Chinese
 
数据采集中间件技术交流
数据采集中间件技术交流数据采集中间件技术交流
数据采集中间件技术交流
 
Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化
 

Más de 悠識學院

[2019使用者研究實務研討]我們與田野的距離
[2019使用者研究實務研討]我們與田野的距離[2019使用者研究實務研討]我們與田野的距離
[2019使用者研究實務研討]我們與田野的距離悠識學院
 
不只是故事而已~人類學視野下的創新厚數據
不只是故事而已~人類學視野下的創新厚數據不只是故事而已~人類學視野下的創新厚數據
不只是故事而已~人類學視野下的創新厚數據悠識學院
 
用研究織一張意義網
用研究織一張意義網用研究織一張意義網
用研究織一張意義網悠識學院
 
從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map悠識學院
 
企業UX升級攻略
企業UX升級攻略企業UX升級攻略
企業UX升級攻略悠識學院
 
小小兵到國際鋼鐵人競賽
小小兵到國際鋼鐵人競賽小小兵到國際鋼鐵人競賽
小小兵到國際鋼鐵人競賽悠識學院
 
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella HsiaoHPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao悠識學院
 
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?悠識學院
 
HPX Talk 35:Booking.com 產品經理工作經驗分享
HPX Talk 35:Booking.com 產品經理工作經驗分享HPX Talk 35:Booking.com 產品經理工作經驗分享
HPX Talk 35:Booking.com 產品經理工作經驗分享悠識學院
 
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯悠識學院
 
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師悠識學院
 
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授悠識學院
 
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP悠識學院
 
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理悠識學院
 
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO悠識學院
 
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director悠識學院
 
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長悠識學院
 
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法悠識學院
 
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)悠識學院
 

Más de 悠識學院 (20)

[2019使用者研究實務研討]我們與田野的距離
[2019使用者研究實務研討]我們與田野的距離[2019使用者研究實務研討]我們與田野的距離
[2019使用者研究實務研討]我們與田野的距離
 
不只是故事而已~人類學視野下的創新厚數據
不只是故事而已~人類學視野下的創新厚數據不只是故事而已~人類學視野下的創新厚數據
不只是故事而已~人類學視野下的創新厚數據
 
用研究織一張意義網
用研究織一張意義網用研究織一張意義網
用研究織一張意義網
 
從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map從初心者到獨當一面 - User Researcher Journey Map
從初心者到獨當一面 - User Researcher Journey Map
 
企業UX升級攻略
企業UX升級攻略企業UX升級攻略
企業UX升級攻略
 
IBM
IBMIBM
IBM
 
小小兵到國際鋼鐵人競賽
小小兵到國際鋼鐵人競賽小小兵到國際鋼鐵人競賽
小小兵到國際鋼鐵人競賽
 
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella HsiaoHPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao
HPX Talk 44:以增長為導向,發揮用戶研究的真正價值 / Stella Hsiao
 
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?
HPX Talk 40:行銷總監十年經驗談:如何以 OKR 和 WBS 幫助團隊?
 
HPX Talk 35:Booking.com 產品經理工作經驗分享
HPX Talk 35:Booking.com 產品經理工作經驗分享HPX Talk 35:Booking.com 產品經理工作經驗分享
HPX Talk 35:Booking.com 產品經理工作經驗分享
 
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯
[MIX2018]白鯨記 – 數位潮流裡,我的媒體探索之路 - 李取中 / The Affairs 週刊編集 總編輯
 
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師
[MIX2018]用戶體驗於人工智慧時代的挑戰 - 許伯圳/Microsoft SwiftKey 首席工程師
 
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授
[MIX2018]從人機互動到人智互動 - 陳宜秀/國立政治大學傳播學院 副教授
 
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP
[MIX2018]AI 時代的產品設計 - 吳卓浩/創新工場 AI 工程院 VP
 
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理
[MIX2018]Making Banking Joyful-DBS數位轉型之路 - 何子明 / 台灣星展銀行 董事總經理
 
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO
[MIX2018]壞部當棄新勢考驗 - 宋捷仁/USPACE悠勢科技 CEO
 
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director
[MIX2018]設計的文化衝擊 – 當東方遇上西方 - Alfreda Yu/Isobar Experience Design Director
 
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長
[MIX2018]台灣體驗設計的視野與展望 - 陳啟亮/UiGathering 台灣使用者經驗設計協會 理事長
 
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法
HPX Talk 25:UX in the Jungle – 從桌遊教具開發淺談遊戲化的設計方法
 
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)
HPX100 讀書會分享4 - HPX❤️FEMXR4A 讀書會、HPX-腦神經科學讀書會 / 本丸(尹歆勻)
 

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

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