蔡明哲-互联网产品原型设计与用户体验

《蔡明哲-互联网产品原型设计与用户体验》由会员分享，可在线阅读，更多相关《蔡明哲-互联网产品原型设计与用户体验（49页珍藏版）》请在装配图网上搜索。

1、蔡明哲 / 互联网产品原型设计与用户体验2009/5/10 北京互联网软件产品规划设计应用专家论坛主赞办助媒体支持UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-1-蔡明哲 / 互联网产品原型设计与用户体验2009/5/10 北京互联网软件产品规划设计应用专家论坛互联网/软件产品团队中，产品经理是为产品整体的商业需求而负责的，而交互设计人员则需要在此基础上，考虑如何实现并最大化保障良好的用户体验。双 方之间因为职责不同，对待产品设计也有不同的看法。产品经理会担心交互设计师是否真正理解他的需

2、求，而交互设计师则会质疑产品经理所谓商业需求的合理性。 建立有效的沟通模式，变成了产品经理与交互设计师之间不得不面对的问题。为此，DDF.UPA中国与悠识公司(UserXper) 携手合作，共同推出主题为“互联网软件产品规划设计应用”的专家论坛。邀请多位专业产品经理作为主讲人，分享互联网软件产品经理的工作与心得，如何才能成为优秀的产品经理，在工作过程中，采取怎样的方式才能与研发与设计人员有效的沟通，开发出既能满足商业需求又能保证良好用户体验的设计。UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家

3、论坛-2-蔡明哲 / 互联网产品原型设计与用户体验互联网产品原型设计与用户体验主讲：蔡明哲悠识数字顾问有限公司UserXper Digital Consulting Co., Ltd.UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-3-蔡明哲 / 互联网产品原型设计与用户体验蔡明哲 Richard Tsai悠识首席架构师 Chief Architect / Axure RP产品营销总监11年网络营销经验及网站建置经验，4年软件营销/系统开发经验。 专长 网站策划，网络营销, 项目管理, 系

4、统分析, 数据库营销。 经历 知世网络 6 年 (华文市场最顶尖的网络营销公司) 网站策划顾问,项目总监,客户服务总监, 技术总监 多宝格营销 2年 (台湾最早的网络广告公司) 营销企画部经理、知识研究部经理 台湾科技大学工商设计系兼任讲师 5 年 凌群电脑公司 4 年 软件工程师、项目经理、产品经理UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-4-蔡明哲 / 互联网产品原型设计与用户体验Richard 近几年项目2008工研院英文网站改版天下杂志英文网站改版NEXCOM英文网站改版20

5、07年金手指网络奖年度大奖-最佳网站20072006信义房屋网站改版 / 工研院网站中文改版台湾证券交易所网站改版/ 证券柜台买卖中心网站改版 /台湾高铁网站建置 /光宝科技企业网站改版 / 保德信投信(Prudential)企业网站改版200520042003NISSAN企业网站年度营运及网站会员营销- ”NISSAN你上了吗？” 网络营销活动泛亚电信企业网站改版 / 泛亚电信EC网站建置 /泛亚电信网络客服网站建置 / 泛亚电信EIP网站建置 /电子报系统导入 / 网站营运分析2005 e天下 e时代营销王第三名及最佳视觉设计2003 泛亚电信网络客服, 上线半年创造ROI 100%绩效2

6、003 入围经济部商业司E21金网奖决选 / 入围金手指奖EC类20022001金红叶经销商电子商务网站、金红叶Airforce员工入口网站建置- 金红叶GHY为中国大陆生活用纸市占率第一制造商，总部位于大陆苏州中华电信HiB2B网站建置HSBC 网站改版/ HSBC理财试算软件UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-5-蔡明哲 / 互联网产品原型设计与用户体验Richard服务过的品牌UserXper Web User Experience Software / Training

7、 / Planning互联网软件产品规划设计应用专家论坛-6-蔡明哲 / 互联网产品原型设计与用户体验悠识数字(UserXper)的服务项目一. 项目及顾问网站策划项目及顾问咨询二.教育训练网站策划课程Axure RP课程三. 软件工具Axure RPUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-7-蔡明哲 / 互联网产品原型设计与用户体验推广网站策划观念推广原型设计方法提升网站策划的价值建立网站策划的标准UserXper Web User Experience Software / T

8、raining / Planning互联网软件产品规划设计应用专家论坛-8-蔡明哲 / 互联网产品原型设计与用户体验去年我们去深圳参展User Friendly 2008大会 UPA CHINA UPA: Usability Professional Association 可用性专业人士协会 谁来参展? HP, TOBII, Smart Eye, Noldus, Hyperlink, 唐硕, 悠识(Axure) 谁来参加这个研讨会? 互联网企业：阿里巴巴，腾讯，百度，网易，新浪，Google, . 知名品牌：微软，HP ， Nokia，HSBC 软件公司：群硕软件，金蝶软件. 产品制造商：华

9、为，海尔，TCL，步步高 软件商：Autodesk. UX相关领域公司：HFI，唐硕，伊萨尔 约300-400人UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-9-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-10-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Train

10、ing / Planning互联网软件产品规划设计应用专家论坛-11-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-12-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-13-蔡明哲 / 互联网产品原型设计与用户体验去年，有位朋友在MSN上问我： 朋友：Richard, 你们台湾的互联网产品经理都做些什么

11、？ 我：Hmm.互联网产品经理. 台湾好像不这么说。软件公司会有产品经理，互联网公司好像都是网络营销企划.UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-14-蔡明哲 / 互联网产品原型设计与用户体验征网站企划UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-15-蔡明哲 / 互联网产品原型设计与用户体验征网站企划UserXper Web User Experience Software

12、 / Training / Planning互联网软件产品规划设计应用专家论坛-16-蔡明哲 / 互联网产品原型设计与用户体验征网站企划UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-17-蔡明哲 / 互联网产品原型设计与用户体验在台湾 负责将网站规划出来的人，称为 网站企划 website planner 其他可能的职称： 网站项目经理 网络营销企划 项目经理 网站编辑 站长 (Webmaster) 网站企划被认定涵盖的范围： 网络营销工作执行 网站架构 (含介面设计, 互动设计? )

13、系统分析 项目管理 网站维护与营运 网页设计/视觉设计UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-18-蔡明哲 / 互联网产品原型设计与用户体验在大陆 (透过招聘网站的观察) 负责将网站规划出来的人，称为 网站产品经理 其他可能的职称： 网站策划 网站交互设计师 产品经理被认定涵盖的范围： 网络营销策略 (运营, 商务, 营销) 网络营销活动执行 网站架构策划 (含介面设计, 交互设计) 项目管理 用户研究，用户体验 系统分析 网站维护与营运 网页设计/视觉设计 交互设计？UserXp

14、er Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-19-蔡明哲 / 互联网产品原型设计与用户体验什么是网站原型 Website Prototype？不同的人看法不同： Paper Prototype Powerpoint Prototype HTML Prototype Application PrototypeUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛概念的抽象的实际的具体的-20-蔡明哲 /

15、 互联网产品原型设计与用户体验在网站设计的工作流程中Low FidelityPrototype(Sketch手绘草稿)创新创意的展现重要性High FidelityPrototype开发设计的沟通/需求确认UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-21-=蔡明哲 / 互联网产品原型设计与用户体验Website High FidelityPrototype 耗时费工LogoUserXper Web User Experience Software / Training / Planni

16、ng互联网软件产品规划设计应用专家论坛-22-蔡明哲 / 互联网产品原型设计与用户体验UCD 的设计方法跟工具有很多种http:/www.usabilitynet.org/tools/methods.htmUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-23-蔡明哲 / 互联网产品原型设计与用户体验原型设计的成本原型设计效益老板我为什么要花这个钱跟时间呢？UserXper Web User Experience Software / Training / Planning互联网软件产品规划

17、设计应用专家论坛-24-蔡明哲 / 互联网产品原型设计与用户体验既然如此，什么时候 Website Design开始流行起Prototyping呢？UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-25-蔡明哲 / 互联网产品原型设计与用户体验互联网产品设计互联网产品原型设计至少发展15年以上至少发展15年以上互联网产品快速原型设计这几年的事情UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论

18、坛-26-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-27-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-28-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论

19、坛-29-蔡明哲 / 互联网产品原型设计与用户体验各种Wireframe/Prototyping ToolsUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-30-蔡明哲 / 互联网产品原型设计与用户体验新一代的工具Requirement Management (prototyping & spec)UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-31-蔡明哲 / 互联网产品原型设计与用

20、户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-32-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-33-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-34-蔡明哲 / 互联网产品原型设计与用

21、户体验Simunication (Web-based prototyping service)UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-35-蔡明哲 / 互联网产品原型设计与用户体验Lucid Spec (Elegance Tech) Windows APUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-36-蔡明哲 / 互联网产品原型设计与用户体验Pencil ProjectBa

22、lsamiq MockupOmniGraffleUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-37-蔡明哲 / 互联网产品原型设计与用户体验广义泛称 Wireframe/ Prototyping Tool General Purpose Diagram ToolsVISIOPowerPointWordExcelPencil Project (plug-in Firefox)OmniGraffle (Mac OS X, Mac版的Visio) For Windows AP GUI Desi

23、gn Studio (Caretta) MockupScreens Graphics Tool Photoshop / Illustrator / Firework / FlashMX Developing Tool Dreamweaver, FrontPage, MS Express Web, Visual StudioUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-38-蔡明哲 / 互联网产品原型设计与用户体验客户说：我们的网站要有浮水印广告UserXper Web User Expe

24、rience Software / Training / Planning互联网软件产品规划设计应用专家论坛-39-蔡明哲 / 互联网产品原型设计与用户体验15年前, 架网站的方法方法与背景: 软件开发首先询问需求, 分析需求, 然后开规格撰写程序请美工提供UI设计再套一次界面客户测试UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-40-蔡明哲 / 互联网产品原型设计与用户体验UserXper Web User Experience Software / Training / Planni

25、ng互联网软件产品规划设计应用专家论坛-41-蔡明哲 / 互联网产品原型设计与用户体验6年前设计网站的方法方法与背景: 网络营销策略, 项目管理首先询问需求, 分析需求, 分析目标用户然后分析竞业, 业主偏好网站, 业主品牌诉求发展网站定位与策略, 并确认发展网站信息架构(Information Architecture)制作网站Sitemap, Wireframe结合Content Auditing方法, 利用Excel撰写网站内容规格文件请创意设计师完成网站风格设计并确认偶尔采用 Prototyping程序开发, 内容搜集测试上线绩效评估与分析UserXper Web User Exper

26、ience Software / Training / Planning互联网软件产品规划设计应用专家论坛-42-蔡明哲 / 互联网产品原型设计与用户体验网站信息架构(Information Architecture)PrototypeContent ListLook&Feel, Web StyleUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-43-蔡明哲 / 互联网产品原型设计与用户体验现在方法: User-Centered Design首先询问业主需求, 分析需求, 分析目标用户然后

27、分析竞业, 业主偏好网站, 业主品牌诉求提供网站定位与发展策略并确认有时藉由Mindmap 搜集头脑风暴brain storming的结果有时藉由Card Sorting发展网站信息架构有时藉由Mental Model发展网站信息架构利用Axure 制作网站Sitemap, Wireframe利用Axure 发展Prototype结合Content Auditing方法,利用Excel撰写网站内容规格文件网站风格设计并确认适时采用User Test程序开发, 内容搜集测试 (Functional Test)Usability Test上线绩效评估与分析UserXper Web User Exp

28、erience Software / Training / Planning互联网软件产品规划设计应用专家论坛-44-蔡明哲 / 互联网产品原型设计与用户体验Card SortingMental Model + Content ModelUsability TestMindmapUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-45-蔡明哲 / 互联网产品原型设计与用户体验Content AuditingMindmapCard SortingStakeholder interviewMent

29、al ModelUser BehaviorTraffic AnalysisWebsite ArchitectureHTML Prototype WireframeUserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛Specification-46-蔡明哲 / 互联网产品原型设计与用户体验Website Prototype的应用实现 网站信息架构实现 网页界面与动线实现 网页信息设计实现 网站功能模拟提早测试，验证user需求及usability提早体验，验证stakeholder需求 管理变动需

30、求，控制Scope/Spec，降低修改风险与开发时间，求得更好的用户体验UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-47-蔡明哲 / 互联网产品原型设计与用户体验创造美好的用户体验- 以用户为中心 UCD才是王道UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-48-蔡明哲 / 互联网产品原型设计与用户体验关于 UPA中国 与 悠识 DDF.UPA中国是中国本土的第一个非盈利性可用性

31、组织， 成立于2004年。这是为我们中国那些活跃在产品分析，设计，实现，和评估等领域内，旨在为为人类创造更高可用性的产品的人们提供一个专业的交流和学习平台。http:/www.upachina.org/悠识数字顾问有限公司UserXper Digital Consulting Co., Ltd.悠识是一家专注于网站用户体验(Web User Experience)相关服务的专业公司。公司名称简称悠识是英文User的谐音。我们提供三种主要的服务：分别是Axure RP快速原型设计软件，网站策划培训及网站策划项目。UserXper Web User Experience Software / Training / Planning互联网软件产品规划设计应用专家论坛-49-