1、20,09,05,10,Be,iji,ng,Se,m,in,ar,-1-,蔡明哲 / 互联网产品原型设计与用户体验2009/5/10 北京互联网软件产品规划设计应用专家论坛,主赞,办助,媒 体支 持UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-2-,蔡明哲 / 互联网产品原型设计与用户体验,2009/5/10 北京,互联网软件产品规划设计应用专家论坛,互联网/软件产品团队中，产品经理是为产品整体的商业需求而负责的，而交互
2、设计人员则需要在此基础上，考虑如何实现并最大化保障良好的用户体验。双 方之间因为职责不同，对待产品设计也有不同的看法。产品经理会担心交互设计师是否真正理解他的需求，而交互设计师则会质疑产品经理所谓商业需求的合理性。 建立有效的沟通模式，变成了产品经理与交互设计师之间不得不面对的问题。为此，DDF.UPA中国与悠识公司(UserXper) 携手合作，共同推出主,题为“互联网软件产品规划设计应用”的专家论坛。,邀请多位专业产品经理作为主讲人，分享互联网软件产品经理的工作与心得，如何才能成为优秀的产品经理，在工作过程中，采取怎样的方式才能与研发与设计人员有效的沟通，开发出既能满足商业需求又能保证良好
3、用户体验的设计。,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-3-,蔡明哲 / 互联网产品原型设计与用户体验,互联网产品原型设计与用户体验,主讲：蔡明哲,悠识数字顾问有限公司,UserXper Digital Consulting Co., Ltd.,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,
4、05,10,Be,iji,ng,Se,m,in,ar,-4-,蔡明哲 / 互联网产品原型设计与用户体验,蔡明哲 Richard Tsai,悠识首席架构师 Chief Architect / Axure RP产品营销总监,11年网络营销经验及网站建置经验，4年软件营销/系统开发经验。 专长, 网站策划，网络营销, 项目管理, 系统分析, 数据库营销。, 经历, 知世网络 6 年 (华文市场最顶尖的网络营销公司), 网站策划顾问,项目总监,客户服务总监, 技术总监 多宝格营销 2年 (台湾最早的网络广告公司), 营销企画部经理、知识研究部经理, 台湾科技大学工商设计系兼任讲师 5 年 凌群电脑公司
5、 4 年, 软件工程师、项目经理、产品经理,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,ng,Be,iji,20,09,05,10,Se,m,in,ar,2008,2006,2005,2004,2003,2002,-5-,蔡明哲 / 互联网产品原型设计与用户体验Richard 近几年项目,工研院英文网站改版天下杂志英文网站改版NEXCOM英文网站改版,2007年金手指网络奖年度大奖-最佳网站,2007,信义房屋网站改版 / 工研院网站中文改版台湾证券交易所网站改版/ 证券柜台买卖中心
6、网站改版 /台湾高铁网站建置 /光宝科技企业网站改版 / 保德信投信(Prudential)企业网站改版,NISSAN企业网站年度营运及网站会员营销- ”NISSAN你上了吗？” 网络营销活动泛亚电信企业网站改版 / 泛亚电信EC网站建置 /泛亚电信网络客服网站建置 / 泛亚电信EIP网站建置 /电子报系统导入 / 网站营运分析,2005 e天下 e时代营销王第三名及最佳视觉设计2003 泛亚电信网络客服, 上线半年创造ROI 100%绩效2003 入围经济部商业司E21金网奖决选 / 入围金手指奖EC类,金红叶经销商电子商务网站、金红叶Airforce员工入口网站建置- 金红叶GHY为中国大
7、陆生活用纸市占率第一制造商，总部位于大陆苏州,2001,中华电信HiB2B网站建置HSBC 网站改版/ HSBC理财试算软件UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-6-,蔡明哲 / 互联网产品原型设计与用户体验,Richard服务过的品牌,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,Be,iji,20,0
8、9,05,10,ng,Se,m,in,ar,-7-,蔡明哲 / 互联网产品原型设计与用户体验悠识数字(UserXper)的服务项目一. 项目及顾问网站策划项目及顾问咨询,二.教育训练网站策划课程,三. 软件工具Axure RP,Axure RP课程UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-8-,蔡明哲 / 互联网产品原型设计与用户体验,推广网站策划观念推广原型设计方法,提升网站策划的价值建立网站策划的标准,UserX
9、per Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-9-,蔡明哲 / 互联网产品原型设计与用户体验,去年我们去深圳参展,User Friendly 2008大会, UPA CHINA, UPA: Usability Professional Association 可用性专业人士协会, 谁来参展?, HP, TOBII, Smart Eye, Noldus, Hyperlink, 唐硕, 悠识(Axure), 谁来参加这个研讨会?,
10、互联网企业：阿里巴巴，腾讯，百度，网易，新浪，Google, . 知名品牌：微软，HP ， Nokia，HSBC 软件公司：群硕软件，金蝶软件., 产品制造商：华为，海尔，TCL，步步高, 软件商：Autodesk., UX相关领域公司：HFI，唐硕，伊萨尔 约300-400人,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-10-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Exper
11、ience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-11-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-12-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training
12、/ Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-13-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-14-,蔡明哲 / 互联网产品原型设计与用户体验,去年，有位朋友在MSN上问我：, 朋友：Richard, 你们台湾的互联网产品,经理都做些什么？, 我：Hmm.互联网产品经理. 台湾好像不这么说。软
13、件公司会有产品经理，互联网公司好像都是网络营销企划.,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-15-,蔡明哲 / 互联网产品原型设计与用户体验,征网站企划,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-16-,蔡明哲 / 互联网产品原型设
14、计与用户体验,征网站企划,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-17-,蔡明哲 / 互联网产品原型设计与用户体验,征网站企划,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-18-,蔡明哲 / 互联网产品原型设计与用户体验,在台湾, 负责
15、将网站规划出来的人，称为, 网站企划 website planner 其他可能的职称：, 网站项目经理 网络营销企划 项目经理 网站编辑, 站长 (Webmaster), 网站企划被认定涵盖的范围：, 网络营销工作执行, 网站架构 (含介面设计, 互动设计? ) 系统分析 项目管理, 网站维护与营运, 网页设计/视觉设计,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-19-,蔡明哲 / 互联网产品原型设计与用户体验,在
16、大陆 (透过招聘网站的观察) 负责将网站规划出来的人，称为, 网站产品经理, 其他可能的职称：, 网站策划, 网站交互设计师, 产品经理被认定涵盖的范围：, 网络营销策略 (运营, 商务, 营销) 网络营销活动执行, 网站架构策划 (含介面设计, 交互设计) 项目管理, 用户研究，用户体验 系统分析, 网站维护与营运, 网页设计/视觉设计 交互设计？,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,m,in,05,10,Be,iji,ng,Se,ar,-20-,蔡明哲 / 互
17、联网产品原型设计与用户体验什么是网站原型 Website Prototype？不同的人看法不同：, Paper Prototype Powerpoint Prototype HTML Prototype Application PrototypeUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,概念的抽象的实际的具体的,Be,iji,20,09,05,10,ng,Se,m,in,ar,-21-,蔡明哲 / 互联网产品原型设计与用户体验在网站设计的工作流程中,Low FidelityProto
18、type(Sketch手绘草稿)创新创意的展现,重要性=,High FidelityPrototype开发设计的沟通/需求确认,UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-22-,蔡明哲 / 互联网产品原型设计与用户体验,Website High FidelityPrototype 耗时费工,Logo,UserXper Web User Experience Software / Training / Planning
19、,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-23-,蔡明哲 / 互联网产品原型设计与用户体验,UCD 的设计方法跟工具有很多种,http:/www.usabilitynet.org/tools/methods.htm,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-24-,蔡明哲 / 互联网产品原型设计与用户体验,原型设计的成本,原型设计效益,老板,我为什么要
20、花这个钱跟时间呢？,UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-25-,蔡明哲 / 互联网产品原型设计与用户体验,既然如此，,什么时候 Website Design开始流行起Prototyping呢？,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,Be,iji,ng,Se,10,m,in,ar
21、,-26-,蔡明哲 / 互联网产品原型设计与用户体验,互联网产品设计互联网产品原型设计,至少发展15年以上至少发展15年以上,互联网产品快速原型设计,这几年的事情,UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-27-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,0
22、9,05,10,Be,iji,ng,Se,m,in,ar,-28-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-29-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,
23、ar,-30-,蔡明哲 / 互联网产品原型设计与用户体验,各种Wireframe/Prototyping Tools,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-31-,蔡明哲 / 互联网产品原型设计与用户体验,新一代的工具,Requirement Management (prototyping & spec),UserXper Web User Experience Software / Training / Pl
24、anning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-32-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-33-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,2
25、0,09,05,10,Be,iji,ng,Se,m,in,ar,-34-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-35-,蔡明哲 / 互联网产品原型设计与用户体验,Simunication (Web-based prototyping service),UserXper Web User Experience Software / Training / Planning,
26、互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-36-,蔡明哲 / 互联网产品原型设计与用户体验,Lucid Spec (Elegance Tech) Windows AP,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-37-,蔡明哲 / 互联网产品原型设计与用户体验,Pencil Project,OmniGraffle,Balsamiq MockupUserXp
27、er Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-38-,蔡明哲 / 互联网产品原型设计与用户体验广义泛称 Wireframe/ Prototyping Tool General Purpose Diagram Tools,VISIOPowerPointWordExcel,Pencil Project (plug-in Firefox)OmniGraffle (Mac OS X, Mac版的Visio) For Windows AP G
28、UI Design Studio (Caretta) MockupScreens Graphics Tool Photoshop / Illustrator / Firework / FlashMX Developing Tool Dreamweaver, FrontPage, MS Express Web, Visual StudioUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-39-,蔡明哲 / 互联网产品原型设计与
29、用户体验,客户说：我们的网站要有浮水印广告,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-40-,蔡明哲 / 互联网产品原型设计与用户体验,15年前, 架网站的方法,方法与背景: 软件开发,首先询问需求, 分析需求, 然后开规格撰写程序,请美工提供UI设计再套一次界面客户测试,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应
30、用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-41-,蔡明哲 / 互联网产品原型设计与用户体验,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-42-,蔡明哲 / 互联网产品原型设计与用户体验,6年前设计网站的方法,方法与背景: 网络营销策略, 项目管理,首先询问需求, 分析需求, 分析目标用户然后分析竞业, 业主偏好网站, 业主品牌诉求发展网站定位与策略, 并确认发展网站信息架构(In
31、formation Architecture)制作网站Sitemap, Wireframe结合Content Auditing方法, 利用Excel撰写网站内容规格文件请创意设计师完成网站风格设计并确认偶尔采用 Prototyping程序开发, 内容搜集测试上线绩效评估与分析UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-43-,蔡明哲 / 互联网产品原型设计与用户体验,网站信息架构(Information Archite
32、cture),Prototype,Content ListLook&Feel, Web StyleUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-44-,蔡明哲 / 互联网产品原型设计与用户体验,现在,方法: User-Centered Design,首先询问业主需求, 分析需求, 分析目标用户然后分析竞业, 业主偏好网站, 业主品牌诉求提供网站定位与发展策略并确认有时藉由Mindmap 搜集头脑风暴brain storm
33、ing的结果有时藉由Card Sorting发展网站信息架构有时藉由Mental Model发展网站信息架构利用Axure 制作网站Sitemap, Wireframe利用Axure 发展Prototype结合Content Auditing方法,利用Excel撰写网站内容规格文件网站风格设计并确认适时采用User Test程序开发, 内容搜集测试 (Functional Test)Usability Test上线绩效评估与分析UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,Be,20,0
34、9,05,10,iji,ng,Se,m,in,ar,-45-,蔡明哲 / 互联网产品原型设计与用户体验,Card SortingMental Model + Content Model,Usability TestMindmap,UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,ng,Se,10,Be,m,in,20,09,05,iji,ar,-46-,蔡明哲 / 互联网产品原型设计与用户体验,Content Auditing,Mindmap,Card Sorting,Stakeholder
35、 interviewMental Model,User Behavior,Traffic AnalysisWebsite Architecture,HTML Prototype WireframeUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,Specification,Be,20,09,05,10,iji,ng,Se,m,in,ar,-47-,蔡明哲 / 互联网产品原型设计与用户体验Website Prototype的应用,实现 网站信息架构实现 网页界面与动线实现 网页信息设计实现 网
36、站功能模拟提早测试，验证user需求及usability,提早体验，验证stakeholder需求 管理变动需求，控制Scope/Spec，降低修改风险与开发时间，求得更好的用户体验,UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-48-,蔡明哲 / 互联网产品原型设计与用户体验,创造美好的用户体验,- 以用户为中心 UCD才是王道,UserXper Web User Experience Software / Train
37、ing / Planning,互联网软件产品规划设计应用专家论坛,20,09,05,10,Be,iji,ng,Se,m,in,ar,-49-,蔡明哲 / 互联网产品原型设计与用户体验,关于 UPA中国 与 悠识, DDF.UPA中国是中国本土的第一个非盈利性可用性组织， 成立于2004年。这是为我们中国那些活跃在产品分析，设计，实现，和评估等领域内，旨在为为人类创造更高可用性的产品的人们提供一个专业的交流和学习平台。http:/www.upachina.org/,悠识数字顾问有限公司,UserXper Digital Consulting Co., Ltd.,悠识是一家专注于网站用户体验(Web User Experience)相关服务的专业公司。公司名称简称悠识是英文User的谐音。我们提供三种主要的服务：分别是Axure RP快速原型设计软件，网站策划培训及网站策划项目。,http:/,UserXper Web User Experience Software / Training / Planning,互联网软件产品规划设计应用专家论坛,
