. .. . WI-PSMIS-DJ-B008 02.01.000 （部资料） ECE项目图形用户界面设计规 自2012年8月日起正式生效 从兴电子开发 编制：审批： .. .. .. ..
目录 1引言 (4) 1.1目的 (4) 1.2围 (4) 1.3参考资料 (4) 2概述 (4) 3原则 (5) 3.1易用性 (5) 3.2规性 (5) 3.3合理性 (6) 3.4美观与协调性 (6) 3.5独特性 (7) 4设计规 (7) 4.1登录界面 (7) 4.2首页 (7) 4.3框架设计 (7) 4.4按钮设计 (8) 4.5对话框 (8) 4.5.1一般对话框 (8) 4.5.2有模式对话框 (9) 4.5.3无模式对话框 (9) 4.6面板设计 (9) 4.7菜单设计 (9) 4.8图标设计 (9) 4.9滚动条 (10) 4.10换肤功能 (10) 5保留字 (10) 5.1常用保留字 (10)
电力营销图形用户界面设计规 1引言 1.1目的 统一和规软件界面。 1.2围 电力营销改造。 1.3参考资料 2概述 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。 微软公司和苹果公司是这方面的典。 微软公司的所有产品包括Office、Windows、MSN Messenger和其所有的都是我们追随的对象。而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。 苹果公司更是这方面的鼻祖，它的所有产品无不表露着它在这方面是无人能及的。 我们考虑GUI设计时应该遵循基本的规则然后参考成熟的设计，并能够添加自己的独特性。 在一个时期很流行的界面风格在另外的时期可能已经落后，所以我们要有创新和超前的意识。
产品设计流程 产品开发流程和项目管理流程时常被大家关注，合理的过程是团队协作的基础。在大家把产品的功能和特性放在第一位的时候，开发和项目的管理至关重要，而产品的设计却往往被忽视，开发团队会为了那些晦涩难懂、令人费解的功能而夸夸其谈，复杂的产品特性通常会迫使产品团队放弃优雅简洁的设计，用户体验永远是可能是项目过程中最不重要的环节。如果你和你的团队希望重视产品的设计，就应该首先从团队架构和项目流程上来进行改造，我们的目标是设计优先、用户至上。当然技术团队和产品开发还是至关重要的环节，你需要将设计和开发的流程无缝的整合起来。 下面的团队架构和流程应该适用于各种产品、软件和网站的设计（如果您有好的建议或者不同的看法，可以直接留言或者邮件给我） 产品设计团队的六种逻辑角色 你也许不需要六个人来组成团队，但每个人的职能必须清晰。《》中关于“团队组织”的建议值得参考，他告诉你了在这个快速的软件开发时代如何去组建一个高效的产品团队。 业务负责人（） 通常是你的、产品最初的策划人或者是整个产品的业务主管，他们会分析产品的市场、定位客户、定义品牌、提出想法，同时拿定主意，产品团队里面的万金油产品经理（） 对产品负责的人，产品主管，他们会提出概念、收集确定需求、制定计划、控制进度并保障产品质量。在很多团队里面“业务负责人”和“产品经理”通常是同一个人。 产品设计（） （人机界面设计）, （工业设计）（信息架构设计）。将这三种职能混合起来，因为他们并不能孤立存在，我们统称为产品设计。他们决定产品的所有功能细节，配合产品经理制作产品原型，与视觉设计师和用户研究人员共同完成产品的详细设计。产品设计过程中最重要的产品功能说明文档将由他们来跟踪完善。 视觉设计（） 产品团队中最有艺术细胞的人，他们完成产品的外观和界面设计，是否好看由他们说了算，他们作为产品团队的艺术设计权威指导。 用户研究（） 最接近用户并了解用户的人（不需要技术高手或者是逻辑人），他们从产品的原型阶段就介入，配合产品设计师们做典型用户分析和用户目标分析，并对原型进行可用性测试，并制定最终的可用性测试计划。在很多产品团队里面，产品设计、视觉设计和用户研究通常会由一到两个人来担任，设计师会做用户研究，视觉设计是会做信息架构分析。 产品开发（） 产品团队中的技术开发人员，网页制作或者程序开发，他们是产品的最终实现者，他们开发并进行单元测试，控制产品的最终品质。 产品从设计到发布的六个阶段 产品开发的过程可以看作是整个产品设计环节的最终实现部分，对于非技术人员来说它是一个把理想变成现实的神秘阶段
产品经理是很多UI设计师职业发展道路上的一个目标，但是想成为产品经理需要掌握的不仅仅是UI设计的能力，所以都需要更进一步的培训。我当时在火星时代培训的时候，感受到它的性价比还是很不错的，大家可以参考一下。 我在高考时因错过艺考，没有考上自己心仪的艺术设计专业，所以艺术基础也相对科班出身更为薄弱。但大学四年间，我并没有放弃对视觉创意的坚持。为了能够积极接触创意思维、抓住机会与社会各界大牛相交流，拓宽自己的视野，我大学期间加入学校的动漫社团潜心发展。 最初，我的目标是商业插画，但后来发现，“以道制器”才是我未来的发展方向。绘画能力再强，也是一种“器”的存在，是形而下最基础的实践行业（基层执行层面）；而想在未来有所作为就需要向更高的层面，即“道”（上层，团队的领导者）迈进。因此我初步设定了自己未来的职业规划：以视觉设计为切入点，参与到用户体验设计中来，再向上层管理层方向迈进，也就是产品经理。 广告设计接触的行业最广、对个人能力的锻炼最为强烈等特点吸引了我的注意，大学毕业后，我进入一家本土广告公司，成为一名设计师。并计划以此为跳板，进军新媒体和互联网行业。在我看来，广告设计只是作为基础历练的一环。因此在工作一年半、基本入行并初步掌握设计的基础技巧，以及一些行业的规范和设计原则后，我就毅然辞掉工作，选择来火星时代进修。 大学期间，通过参加动漫社团所开阔的眼界逐渐显现在我对于行业的理解上。在接触过模型，插画，CG，以及新媒体，论坛，视频网站以及数字出版领域的人之后，我逐渐发现当代大学中所教授的知识与社会需求相差甚远。而几乎同时，我的2位动漫社的学姐在火星学习插画，在系统的学习和演练后，绘画能力得到空前提高，同时结合Zbrush等3D工具，学姐们能实现跨界创作了。学姐们的这种成长和进步，给我带来的震撼是空前的。
1目的 ?设计软件的用户界面，产生《用户界面设计报告》。 ?制作用户界面的资源如图像、图标或者界面专用组件等。 2适用范围 2.1机构 项目组设计人员。 2.2业务 适用于公司内所有包含用户界面开发的项目的软件用户界面设计。 3名词术语 UI：User Interface用户界面。 4概述 用户界面设计包括四个活动，活动描述如下： 1）、设计准备 2）、用户界面设计 3）、撰写文档 4）、设计评审 5角色和职责 ?界面设计人员：从事用户界面设计，如果可能的话，邀请用户或美工人员协助设计用户界面。6活动
用户界面设计规范页数第 1 页共 6页 编制部门XX部 生效日期2019年10月15日 6.1设计准备 ?界面设计人员阅读需求规格说明书和概要设计说明书，明确界面设计任务。 ?界面设计人员与用户交流，了解用户的工作习惯和他们对界面的看法。 ?界面设计人员准备相关的设计工具和资料，收集或创作基本的界面资源如图像、图标以及通用的组件。 ?界面设计人员确定本软件的用户界面设计规则（或指南），主要包括： ?优秀界面的特征或通用的设计原则； ?软件主界面（如主窗口、主页面）的设计规则； ?软件子界面（如子窗口、子页面）的设计规则； ?标准控件的使用规则； ?美学设计规则。 6.2用户界面设计 用户界面设计一般要经历“原型设计->原型评估->细化”等步骤，通常迭代进行。 ?原型创作 界面设计人员创作界面原型：先徒手画，或者用Visio等工具绘制界面的视图，再用软件开发工具实现可以运行的原型。 ?原型评估 界面设计人员邀请用户和同行们评估界面的原型，汇集意见，及时改进。 ?细化 界面设计人员细化界面原型，例如美工处理，添加细节等。 6.3撰写用户界面设计文档 用户界面定型之后，界面设计人员根据指定的模板撰写详细设计说明书中的用户界面设计部分，主要内容包括： ?应当遵循的界面设计规范
篇一：企业应该如何做好产品经理培训计划 企业应该如何做好产品经理培训计划 现在在市面上到处都充斥着一些所谓的产品经理，因为突然的供过于求，导致产品经理这个称谓与产品推销的概念混为一谈。在这么多的产品经理中，如何做好产品的开发，如何提升产品经理自身的发展，成为产品经理人培训需要突破的重要瓶颈。 清华总裁班根据许多有多年工作经验的产品经理的自身成长总结，制定了相关的建议性内容方针，从产品经理培训的相关内容入手，对产品经理培训的方式制度等方面进行总结反馈，帮助产品经理人迅速找到自我，出类拔萃。 首先，产品经理培训的首要内容便是要有超于一般人的毅力和勇气。对知识要有系统化的认识，除了平时参加产品经理培训的相关课程外，还要自己在业余时间对产品经理培训的总体要求进行梳理总结，制定出一份好的计划，开始有步骤地系统学习。 在实践和交流的过程中，产品经理培训计划要通过理论实践相结合的方式，最好是从产品的过程培训中实现二者的结合，要学会和善于同他人进行产品的交流，行业的交流等。 其次，产品经理培训计划中要对工作的内容进行仔细分析总结。比如很多经理培训计划中的相关内容，如覆盖数据分析、项目管理、移动互联网扫盲、设计，运营等，这些内容模块都要求产品经理人去实现自己的理论体系建设。 再次，产品经理培训计划要做好对用户的整体分析。比如在产品经理人培训计划中，对企业或个人用户所反馈的信息进行总体的报告总结，制定一份相应的产品计划书，从用户体验的角度入手等，不断完善内容的相关建设，从某种程度上来说，如果这份用户体验的研究报告通过了市场的考验，那么产品经理培训计划的一个重要方面便注意到了，这便是产品的受众群体。 此外，产品经理培训计划的重中之重还是对目标用户群体的分析理解，此外对用户的理解程度也是产品经理人培训计划中要面对的。用户需求分析中，产品的概念要明确，对用户的心理需求要明确，提高对用户需求的心理理解程度对一些方法环境等方式进行分析总结，用户的需求总是要放在产品研发的第一位的。 针对公司规模的产品经理人培训计划，有人认为：大企业的产品经理人培训要采用带和知识培训的方式，小企业的产品经理人培训要采用自我成长和项目的实践操作的方式，这其中的成长甚至是要达到一定的野蛮成长。 郝泽霖——思维管理专家原西门子高级讲师 10余年中外企业管理实战经历，曾在中国人保、西门子、加多宝、大田、茹梦等多家中外知名企业担当hr经理、营销总监、大区经理、高级讲师等不同职位 精通思维分析、心理学及各种营销工具，能够将培训方法落地，让企业能够顺利实施。个人管理经验丰富，管理团队数千人，培训学员上万人。 现任天下伐谋咨询独家签约讲师，思维管理学院院长 核心品牌课程： 思维类：思维之剑—职场思维导图精英训练 思维之道—创新思维之道 思维之策—问题分析与解决 思维之门—结构化思维训练 思维之鹰—六顶思考帽 思维之力—用思维导图提升执行力 高效决策—思维工具在管理中的应用 金字塔原理—思考、解决问题和写作的逻辑 对于那些刚刚进入公司从事产品经理的人，在产品经理人培训计划过程中，清华总裁班建议
软件用户界面设计规范 1.导言 1.1 目的 为开发人员提供界面设计和开发的指南，引导开发人员设计简洁美观的用户界面； 1.2 适用范围 适用于xxxxxx。 2.软件界面设计的重要性 2.1 发展趋势 软件用户界面的发展经历了从简单到复杂、从低级到高级的过程，用户界面在软件系统中的价值比重越来越高。 2.2 开发竞争 得益于互联网的发展和普及，软件开发的技术门槛在不断下降，大部分软件企业的技术手段也趋向于雷同，“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后，企业之间的开发竞争“比的就是设计”。 –软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”，很有挑战性。 2.3 用户挑剔 用户界面在很大程度上影响着软件的命运，因为广大用户对软件的评价主要来源于他们操作用户界面的感受。同类软件越多，选择余地越大，购买者对软件
用户界面就越挑剔。 3.软件界面设计的现状、问题及原因 3.1 不容乐观的现状 尽管国内有很多技术出色、聪明过人的软件工程师，但是不少人开发出来的软件产品却既难用又难看，客户很不满意。导致经常要修改软件的用户界面，造成极大的生产力浪费。 到处是用户界面设计缺陷： –界面措辞含糊，甚至有错别字。连简单的消息框都设计不好，可能存在文不对题的语病。 –界面布局混乱，缺乏逻辑，凡是能放的东西都堆集上去，让用户不知从何下手。–没有防错处理，不对用户输入的数据进行检验，不根据用户的权限自动隐藏或者禁用某些功能。执行破坏性的操作之前，不提醒用户确认。 –不提供进度条、动画来反映正在进行的比较耗时间的过程，对于重要的操作也不返回结果，让用户干着急。 3.2 问题和原因之一 由于国内没有开设软件界面设计的课程，大家对这部分知识没有深刻的意识，只是在工作中凭着个人的经验与感觉设计软件的用户界面，这样产生的界面往往得不到大众用户的认可。 3.3 问题及原因之二 开发人员在设计用户界面方面不仅存在先天的教育缺陷，更加糟糕的是还常常“错位”的毛病。他以为只要自己感觉用户界面漂亮、使用起来方便，那么用户也一定会满意。 3.4 问题及原因之三
级别岗位职责 评分（分值1-10）协助产品专员跟踪产品进度 协助产品专员整理产品文档 准备会议材料并记录产品会议纪要 熟悉公司产品功能与业务知识 熟悉公司产品的行业动态 了解公司产品的竞品信息 协助产品专员完成产品原始需求与设计文案协助产品专员完成情景模式分析 协助产品专员完成竞品分析 协助产品专员编写产品使用说明文档 能独立完成产品原始需求与设计文案 能独立完成情景模式分析 能独立完成竞品分析文档 熟悉与相关部门的沟通协作 能协助产品经理完成原型设计协助产品经理完成常见的各类设计文档协助产品经理完成产品原型设计 具有良好的沟通能力、协调能力和团队合作有较强的行业知识学习能力，对互联网、移动互联网有浓厚兴趣，打算长期从事产品工具有P3岗位职责 能独立完成产品常见的各类设计文档能独立完成产品逻辑流程图 能独立完成产品原型设计 能独立与各个相关部门进行沟通合作 具有一定产品进度把控能力 负责公司产品在内部培训 具有两年以上的产品经验 作为产品主力参与过成功上线的产品 作为产品主力参与一个成功产品生命周期管理与优化 负责产品的市场和需求分析，用户研究和数据挖掘 负责产品功能点的策划与优先性评级 参与产品风格、界面、框架、颜色搭配等前端策划与设计 参与产品生命周期管理 具有P5的岗位职责 具有项目规划能力，能够规划产品实施方案，分配产品策划任务P5P6 P4P1P2P3
具有人际沟通能力，能够与内部成员及外部客户进行很好的沟通能够对部门的员工进行日常管理和考核；具有一定的部门建设能力 能力协助人力资源对本部员工的培养参与产品季度规划及控制 参与或主持产品的战略、规划会议制作和审核产品设计文档 负责各个部门与产品部的协调工作具有大型项目开发管理经验 至少负责过2个以上成功APP 项目的产品设计，并且该两个产品的用户数不低于200W ，日活跃不低于10% 独立进行产品设计，与开发、设计、市场等部门协作，完成产品定义、开发、上市等工参与公司内部产品培训的规划和实施，对产品经理、高级产品经理提供技术培训支持。依据产品市场分析，能够提出公司产品策划、产品优化等建议； 担负公司业绩指标 对产品前沿新推出的理念和技术有着浓厚的兴趣，并逐步转化到公司产品项目中，借此提升公司整体设计技术水平P8 P7
企业应该如何做好产品经理培训计划 现在在市面上到处都充斥着一些所谓的产品经理，因为突然的供过于求，导致产品经理这个称谓与产品推销的概念混为一谈。在这么多的产品经理中，如何做好产品的开发，如何提升产品经理自身的发展，成为产品经理人培训需要突破的重要瓶颈。 清华总裁班根据许多有多年工作经验的产品经理的自身成长总结，制定了相关的建议性内容方针，从产品经理培训的相关内容入手，对产品经理培训的方式制度等方面进行总结反馈，帮助产品经理人迅速找到自我，出类拔萃。 首先，产品经理培训的首要内容便是要有超于一般人的毅力和勇气。对知识要有系统化的认识，除了平时参加产品经理培训的相关课程外，还要自己在业余时间对产品经理培训的总体要求进行梳理总结，制定出一份好的计划，开始有步骤地系统学习。 在实践和交流的过程中，产品经理培训计划要通过理论实践相结合的方式，最好是从产品的过程培训中实现二者的结合，要学会和善于同他人进行产品的交流，行业的交流等。 其次，产品经理培训计划中要对工作的内容进行仔细分析总结。比如很多经理培训计划中的相关内容，如覆盖数据分析、项目管理、移动互联网扫盲、设计，运营等，这些内容模块都要求产品经理人去实现自己的理论体系建设。 再次，产品经理培训计划要做好对用户的整体分析。比如在产品经理人培训计划中，对企业或个人用户所反馈的信息进行总体的报告总结，制定一份相应的产品计划书，从用户体验的角度入手等，不断完善内容的相关建设，从某种程度上来说，如果这份用户体验的研究报告通过了市场的考验，那么产品经理培训计划的一个重要方面便注意到了，这便是产品的受众群体。 此外，产品经理培训计划的重中之重还是对目标用户群体的分析理解，此外对用户的理解程度也是产品经理人培训计划中要面对的。用户需求分析中，产品的概念要明确，对用户的心理需求要明确，提高对用户需求的心理理解程度对一些方法环境等方式进行分析总结，用户的需求总是要放在产品研发的第一位的。 针对公司规模的产品经理人培训计划，有人认为：大企业的产品经理人培训要采用带和知识培训的方式，小企业的产品经理人培训要采用自我成长和项目的实践操作的方式，这其中的成长甚至是要达到一定的野蛮成长。 郝泽霖——思维管理专家原西门子高级讲师 10余年中外企业管理实战经历，曾在中国人保、西门子、加多宝、大田、茹梦等多家中外知名企业担当hr经理、营销总监、大区经理、高级讲师等不同职位 精通思维分析、心理学及各种营销工具，能够将培训方法落地，让企业能够顺利实施。个人管理经验丰富，管理团队数千人，培训学员上万人。 现任天下伐谋咨询独家签约讲师，思维管理学院院长 核心品牌课程： 思维类： 思维之剑—职场思维导图精英训练 思维之道—创新思维之道 思维之策—问题分析与解决 思维之门—结构化思维训练 思维之鹰—六顶思考帽 思维之力—用思维导图提升执行力 高效决策—思维工具在管理中的应用 金字塔原理—思考、解决问题和写作的逻辑 对于那些刚刚进入公司从事产品经理的人，在产品经理人培训计划过程中，清华总裁班
用户界面设计规范 1.简介 软件用户界面的重要性。 软件用户界面的重要性。 一般地，成功的Web应用软件至少有三个卖点： 1)应用软件的功能符合用户需求。 2)用户容易使用该软件。 3)用户觉得该软件界面美观。 基于第1项，是用户需求方面的事情，2和3都是用户界面的事情，可见用户界面对于一个软件是多么的重要！所以用户界面设计是Web应用软件开发过程中的关键工作之一，而不是次要工作。 1.1.目的 本文档以用户界面(UI)设计理念和用户操作习惯为原则，为了保证界面设计的一致性、美观性、扩展性、安全性等，对WEB应用软件用户界面设计的原则、标准、约束和界面元素等内容提出详细要求，便于用户界面原形设计、用户界面开发、以及用户界面测试等角色使用和交流，并为以后的用户界面评估制定一套评价体系。 同时规范界面(UI)开发人员在设计、制作、开发用户界面行为，通过本文档来约束界面开发人员的随意性，避免造成页面效果不统一、不协调等问题。 1.2.范围 本规范适用于Web应用系统用户界面(UI)的设计、开发和测试评估工作。
1.2.1.内容范围 本规范严格定义了Web软件用户界面(UI)设计原则、要素和具体细则内容，并且对页面元素进的应用范围、样式进行了详细的定义。 1.2.2.适用范围 本规范适用于Web应用系统项目中所有界面(UI)设计开发工作。使用人员 包括：界面设计人员、制作开发人员、界面测试评估人员。 1.3.术语释义 1.3.1.用户界面 用户界面是人与软件系统进行交互的接口，实现用户与计算机之间的通信，以控制计算机或进行用户和计算机之间的数据传送的系统部件，是用来接收信 息和向用户展示信息的窗口，是软件系统成功与否的一个很重要因素。 1.3. 2.UI 即用户界面，又称用户接口 1.4.文档约定 本文档所指的页面，均基于1024×768的屏幕分辨率。 所有关于页面或控件的距离、大小描述，单位均是Pixel(像素),简写为PX。 1.5.参考资料 1、《用户界面设计--有效的人机交互策略(第三版)》电子工业出版社 2、《Web软件用户界面设计指南》电子工业出版社林锐等著 3、《GUI设计禁忌》机械工业出版社 4、《软件人机界面设计》高等教育出版社陈启安编
领跑互联网精品课堂 第一阶段(快速成为产品经理) 模块课程内容 一、快速培养产品思维 ●产品经理的岗位职责 ●互联网产品的思维与执行力●产品经理的职业发展规划●产品部门的分工协作与配合●快速了解产品经理与公司的位置与重要性 ●为什么说“产品经理是CEO的学前班“ ●互联网的产品精神（关注用户、数据导向、快速迭代、清晰定位、重视细节、追求简约、打 破陈规…） ●产品经理的核心价值 二、产品需求的挖掘与分析 ●探索产品核心需求与市场容量●确定产品定位和产品价值●确定市场定位和产品价值 ●分析市场、预估需求规模、评估需求强度●挖掘产品竞争优势、需求商业价值 三、前期调研与产品评估 ●竞品分析调研 ●通过产品、技术、运营、推广渠道等层面深 度剖析市场风险 ●扬长避短，建立产品壁垒●如何分析竞品 ●如何划定竞品范围 ●如何收集竞品数据 ●如何通过竞品公开的数据，推测其不公开的重要数据●撰写竞品分析报告 四、产品经理需要输出的原型与文档 ●绘制低、高保真产品原型 ●撰写BRD、MRD、PRD文档 ●用好PPT进行上层汇报与跨部门沟通●通过白板、纸制原型快速确定产品架构与流程 ●制作高保真原型，完整表达产品交互与信息传达 ●撰写BRD、MRD、PRD，跨部门进行无缝的需求对接与落地●用PPT快速高效的与上层汇报，及跨部门沟通 ●通过项目立项评审
领跑互联网精品课堂 第二阶段(web端与移动端的产品规划与实战)模块●新的课程内容 一、web端产品应用剖析 ●视频、电商、Social的web端产品案例剖 析 ●后台产品的架构、功能讲解●分别对视频类、电商类、Social类三大主流互联网产品方向进行产品案例剖析，从产品定位、 用户需求、市场容量、盈利模式、前后端产品架构、数据与算法等各个维度，逐一分解讲述●产品后端从CMS、VRS、用户系统、评论系统、审核系统、数据统计系统、广告系统、推 荐引擎等一系列后端支撑系统，逐一剖析后台的重要性与复杂构成 二、移动端及TV端的产品应用剖析 ●视频、电商、Social的移动端产品案例剖 析 ●Ios、android的产品差异化讲解●依然从上述视频类、电商类、Social类三套产品进行移动端案例剖析讲解 ●从ios、android手机的交互特性，对比实际产品案例，分别讲解两大移动端阵营的产品体 验差异化，以及提升用户体验的思路突破 三、产品规划之实战演练篇 ●规划多套不同产品方向的实战演练●不同角色的团队配合与协作 ●讲师全程跟进指导与讲评●模拟互联网创业公司，进行多套产品规划需求的实战工作演练 ●按互联网公司组织结构，赋予学员不同角色，要求团队之间协同配合 ●讲师全程跟进每个team的思路与执行细节，对过程问题给予及时的指导与修正
Web应用界面设计规范（Design Specific ation for Web UI） 主讲人：ARay 目录： 一、软件界面规范的重要性及其目的 二、用户体验为何如此重要 三、Web规范体系介绍 四、界面设计开发流程 五、应该遵循的基本原则 六、界面设计规范 一、软件界面规范的重要性及其目的 ①使最终设计出来的界面风格一致化，开发编码人员相互之间开发更轻松，遵循统一的操作规范，以标准化的方式设计界面，提高工作效率。减少和改变责任不明，任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。 ②产品设计通过规范的方式来达到以用户为中心的目的。 二、用户体验为何如此重要 ①日常生活中的遭遇 X员工悲惨的一天： 早晨起来，发现闹钟没有按原先设定响起来。 一边烧水，一边穿衣服，临走前去喝水却发现水还没有烧开。 到了地铁站，发现公交卡没有钱了。 无奈之下只能去排队买票。 排了3趟地铁，终于到公司了，但是你却迟到了。 结果：尽管你已经非常努力，但是你还是迟到了。 那么，让我们看看这一连串 的倒霉事， 是什么让我们如此狼狈？ ②什么是用户体验
用户体验（user experience）是以用户为中心的设计中最重要的一个部分，强调的是过程，是软件对用户行为产生的反应与用户期待值要尽可能的一致。 糟糕的用户界面表现： 表现一：过分使用各种奇形怪状、五颜六色的控件。 表现二：界面元素比例失调。比如按钮巨大无比，其尺寸甚至超过显示重要内容的文本框的界面。 表现三：界面元素凌乱。比如说，按钮和文本框摆放地点随意，该对齐的控件对不齐。 表现四：违背使用习惯。你按F1，它没有弹出帮助，却执行了一件绝对出乎你意料的动作。表现五：消息框信息含糊、混乱。比如软件弹出一个消息框。把原本“确定”和“取消”写成为“是”和“否”，让用户不知道什么意思。 表现六：还有一种糟糕的用户界面，乍一看很厉害，实际上完全是缺乏规划的结果。这种
产品从设计到发布的六个阶段 产品开发的过程可以看作是整个产品设计环节的最终实现部分，对于非技术人员来说它是一个把理想变成现实的神秘阶段 1. 概念阶段（concept） 一切从有了一个想法开始！ 需要做的事情 ?业务负责人与产品经理沟通商业需求以及产品品牌的定义 ?产品经理针对这个想法提出自己的问题和需求，并提供解决方法与好处 ?产品经理从各方面收集信息并制作概念文档 ?业务负责人、产品经理、产品设计还有视觉设计们做到一起，来一场头脑风暴，证实这个想法并确定实现一个什么样的原型 ?产品设计负责完成最初的产品原型 阶段交付物：概念文档（concept document）或者是概念原型（concept prototype） 2. 探索阶段（discover） 那个伟大的想法已经得到了证实！ 需要做的事情： ?在获取了多方面的意见之后业务负责人与产品经理进一步沟通商业需求以及产品的定义 ?产品经理需要分析产品的战略、商业案例、财务计划、应对策略以及执行方案 ?产品设计需要分析上一个版本的用户反馈和竞争对手的产品近况，将这些信息提交到产品经理那里 ?产品设计和用户研究小组共同做用户案例分析，理清用户的使用目标并分析用户的使用流程 ?产品设计、视觉设计和开发负责人预估自己的投入，并将这些信息提交给产品经理 ?产品经理从市场分析（报告）、产品设计、视觉设计和开发负责人那里收集尽可能详细的信息，用来制作提案（可行性）文档 阶段交付物：提案（可行性）文档（Proposal Document）
大家的建议已经通过，产品经理来负责制定计划 需要做的事情： ?业务负责人要确定产品的最终定位（必须的） ?产品经理进一步分析产品团队提交过来的各种信息，开始制作产品需求文档 ?产品经理宣布项目启动 ?产品设计对产品概念设计进行进一步的完善，细化功能，制作一些具体的用户使用场景 ?视觉设计开始为产品的视觉表现收集意见、寻找灵感 ?用户研究小组在概念设计的基础上进行用户使用调研，问卷在白板上模拟用户操作都行 ?产品对团对概念设计进行评审 阶段交付物：需求文档（Product Requirement Document），产品概念设计（Concept Design Meterials） 4. 细化阶段（refinement） 开始按照需求的定义来细化产品的设计 需要做的事情： ?业务负责人需要对产品的推广和市场需求进行评估 ?产品经理需要制定产品的路线图，并确定最终的发布时间和计划 ?交互与视觉设计进入一个迭代的设计阶段，一次又一次的设计修改，直到最终的设计方案得到确认 ?产品设计制作产品线框图、完成特性清单，并以 HTML、Flash 或其 他的形式拿出产品的最终原型设计 ?视觉设计配合产品设计细化产品外观的设计 ?用户研究小组使用现有的原型进行可用性测试 阶段交付物：产品线框图（Wireframes）、产品特性清单（Feature List）、最终的原型设计（可以是任何版本的，例如 HTML、Flash或者是专用的原型制作工具）
、web端产品应用剖析分别对视频类、电商类、Social类三大主流互联网产品方向进行产品案例剖析，从产品定位、
用户需求、市场容量、盈利模式、前后端产品架构、数据与算法等各个维度，逐一分解讲述 产品后端从 CMS 、VRS 、用户系统、评论系统、审核系统、数据统计系统、广告系统、推 荐引擎等一系列后端支撑系统，逐一剖析后台的重要性与复杂构成 依然从上述视频类、电商类、 Social 类三套产品进行移动端案例剖析讲解 从ios 、android 手机的交互特性，对比实际产品案例，分别讲解两大移动端阵营的产品体 验差异化，以及提升用户体验的思路突破 模拟互联网创业公司，进行多套产品规划需求的实战工作演练 按互联网公司组织结构，赋予学员不同角色，要求团队之间协同配合 讲师全程跟进每个team 的思路与执行细节，对过程问题给予及时的指导与修正 第三阶段（极致用户体验提升产品生命力） 视频、电商、Social 的web 端产品案例剖 析 后台产品的架构、功能讲解 二、 移动端及TV 端的产品应用剖析 视频、电商、Social 的移动端产品案例剖 析 los 、android 的产品差异化讲解 三、 产品规划之实战演练篇 规划多套不同产品方向的实战演练 不同角色 的团队配合与协作 讲师全程跟进指导与讲评
第四阶段一咼级产品经理的格局 二、通过竞品分析，保持产品竞争力竞比分析、SWOT 分析思维导图 用户模型做好竞品分析， 用思维导图，快速从复杂需求理清核心需求 通过用户模型，模拟用户真实场景，进而不断帖近用户真实需求 二、产品有计划的不断迭代与优化 产品版本规划及管理产品平滑部署 合理运用敏捷迭代产品策略的重要性，至少提前一年的产品迭代计划 产品大版本上线时的用户习惯平稳过度策略 如何小步快跑，利用速度保持与竞争对手的差异化与竞争力产品生命周期规划与实施节奏
用户界面设计规范
目录 1.总体原则 (2) 2.窗体控件布局 (2) 2.1.控件间距 (2) 2.2.控件对齐 (3) 2.3.文字对齐 (3) 2.4.窗口缩放 (3) 3.界面配色 (3) 4.控件风格 (4) 5.字体 (4) 6.交互信息 (4) 7.其他方面 (5)
1.前言 任何计算机应用系统都是通过用户界面与用户交互的，用户界面已成为所有计算机系统的有机组成部分，它决定了人类如何控制和操纵系统。一个好的用户界面应该为用户提供统一、规范的交互界面，从而提高用户工作效率，增强用户对系统的认可程度。因此可以说，用户界面设计的优劣已经成为计算机应用系统成功与否的关键因素之一。 本规范主要从交通信息中心系统开发、设计的实际出发，对用户界面设计进行一定程度上的规范，主要内容为用户界面设计总体原则、窗体布局、界面配色、控件风格、字体、交互信息以及其他等几个方面。 2.总体原则 用户界面设计的总体原则：统一。这也是本规范遵循的最高原则，用户界面的设计，无论是控件、信息提示措辞、界面配色等，都要遵循统一的标准，做到真正的一致。 本规范的施行方法：针对用户界面设计的特殊性，用户界面设计规范队某些方面只进行原则性的规范，具体的内容（比如配色方案用暖色系还是冷色系等）应在每一个应用系统的开发启动之前，由项目小组根据应用系统自身的特点、系统用户对象的特点等信息，确立每一个部分的具体内容，然后在应用系统设计过程当中执行。 3.窗体控件布局 3.1.控件间距 窗体控件布局合理，绝对不能显得拥挤；拥挤的窗体控件布局让人难以理解，因而难以使用。让人看上去，不能太拥挤，也不能太松散。控件对窗体的覆盖率以不高于75%为宜。 控件间隔（垂直）：组与组之间间隔15，组内控件间间间隔10。 控件间隔（水平）：组与组之间间隔15，组内控件间间间隔10。
产品经理培训课程：产品经理从专业走向管理 前言 上周很荣幸的，给一家企业做了定制版的“产品经理内部培训”，严格意义上来说也谈不上“培训”2个字，因为本身自己的认识、资历、技能都是半桶水，二来，到目前也没有做出啥成功的产品。不 过成长的道路，必有你师我师，借此希望和大家共勉吧。 产品经理其实是一个从P(prefessional)到M（management）的过程，如果大家够努力、够坚持，相信大家一定能走的很远。我 个人的感觉，产品经理是一个很有挑战性的职业。虽然很多时候， 大家还会有无聊、被动、困惑之感，但相信只要“坚持”—前途一定 很光明。产品经理们，加油！
目录
正文 一、产品经理认识篇 1、产品经理定义 产品经理（Product Manager），通常是指：担负某类产品研发、运营、管理的经理人。
他们的工作纵深从：前期市场调查、产品的创意、策划实施、产品 研发、产品上市、市场推广…一直到产品生命周期的结束的全过程。 但值不能混淆的概念是：产品经理不等同于产品管理。大多数 时候产品经理行驶的是执行权，尽管在产品生不同的生命周期中， 产品经理要带动、协调不同的部门、不同的对象。换个层面来讲， 产品经理只有对产品的支配权，没有对人的支配权，所谓的行政权。 2、产品经理职责 2.1、市场调研 市场调研是指研究市场以了解客户需求、竞争状况及市场力量（market forces），其最终目标是发现创新或改进产品的潜在机会。 通常一般采用的方法有： 1、与用户交流 2、与直接面对客户的一线同事如销售、客服、技术支持等交流 3、市场研究报告分析 4、竞争对手产品分析 5、用户数据分析 市场调研可以让你知道，市场目前是什么样一个状况，有没有 必要性做？风险系数有多高？所以市场调研的准备，将直接影响到 项目可行性。市场调研的成果，另外一个方面也就形成商业机会、 帮助企业改进产品战略，从而更好的占有市场。 2.2、需求管理 需求管理，是指产品经理在执行需求过程中的一系列管理工作。 通常包含：需求来源管理、需求版本管理、需求分配管理、需 求跟踪管理。而需求来源管理有： 1、市场需求 2、高层需求 3、用户需求 4、运营需求
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人
用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。B、分析设计阶段 通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
产品经理必备技能之产品设计流程 一个产品的完成究竟要经历些什么？产品经理的产品设计流程需要那几个过程？ 接下来，我们就来总结一下产品设计流程中的常见套路。 大致分为五个阶段： 认知分析阶段（解决什么问题？） 交互原型阶段（寻找解决方案） 界面设计阶段（包装解决方案，更好的表达） 研发实施阶段（生产） 验证改良阶段（质量监控、改良） 来看看这五个阶段都经历了什么？ 一、认知分析阶段 认知分析阶段是第一步，在这个阶段，你要了解各类需求分析并且定位产品，尤其是新产品来，需要对环境（市场现状、核心用户痛点、竞品等）、资源、产品定位等有清晰的认识。 领域调研：准确分析行业特性、市场现状、竞争环境、盈利情况，判断自有项目的可行性竞品分析：分析国内外产品的特性和各自优势，做到知己知彼 用户分析: 人群特征、人群市场容量、用户痛点 产品定位：产品设计初期，需要在用户心中确立具体形象的过程 历史数据分析：了解关键指标数据，对现有产品现状有初步了解 用户路径分析：了解用户在产品内部的行为路径
我们可以通过认知阶段来明确产品设计目的：解决什么问题以及用什么产品功能来解决问题。 二、交互原型阶段 完成了认知阶段，有了设计目的，我们就要开始进行低保真原型设计，也就是完成设计图。由产品经理或者设计师通过绘制简单图形以表达“关键流程”、“关键功能结构”，并与项目成员沟通共同评估可行性。 接着，完成高保真原型设计。通过可操作的高保真原型即完整的界面流程和交互细节进行真实的用户测试，发现产品体验问题，进行修改。 交互原型阶段，目的在于探索解决方案。这个阶段需要探索更多的解决方案，同时不要受产品形态、成本、技术等因素的制约，尽可能早的将方案暴露给项目成员、核心用户以求激发思维帮助我们找到更好的解决方案。 三、界面视觉阶段
用户界面规范 有关界面设计与测试的规范，我在工作中总结了一些有关界面设计与测试的规范，与大家共享。界面设计与测试规则界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。 目前流行的界面风格有三种方式、多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。 1、易用性：按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 易用性细则： 1)、完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 2)、完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 3)、按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 4)、界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。 5)、界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 6)、同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 7)、分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab 8)、默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。 9)、可写控件检测到非法输入后应给出说明并能自动获得焦点。 10)、Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。 11)、复选框和选项框按选择几率的高底而先后排列。 12)、复选框和选项框要有默认选项，并支持Tab选择。 13)、选项数相同时多用选项框而不用下拉列表框。 14)、界面空间较小时使用下拉框而不用选项框。 15)、选项数叫少时使用选项框，相反使用下拉列表框。 16)、专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2、规范性：通常界面设计都按Windows界面的规范来设计，即包含“菜单条、
软件界面设计规范 1.界面规范 .总体原则以用户为中心。 设计由用户控制的界面，而不是界面控制用户。清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻，来帮助用户能迅速学会软件的使用。较快的响应速度。简单且美观。 .原则详述 1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色，而不是扮演被动角色。在需要自动执行任务时，要以允许用户进行选择或控制它的方式来实现该自动任务。提供用户自定义设置。因为用户的技能和喜好各不相同，因此他们必须能够个性化界面的某些方面。Windows为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。采取交互式和易于感应的窗口，尽量避免使用模态对话框，而使用"非模式"辅助窗口。"模式"是一种状态，它排除一般的交互，或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只是可替换的设计时--例如，用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的，是一个明确的用户选定的结果，并且容易取消。在后台运行长进程时，保持前台式交互。例如，当正在打印一个文档，即使该文档不能被改变，用户也应该可以最小化该窗口。谅解。用户喜欢探索一个界面，并经常从尝试和错误中学习。一个有效的界面允许交互式的发现，它只提供一组合适的选择，并在用户可能破坏系统或数据的情况时发出警告。如果可行，还应提供可逆转或可还原的操作。即使在设计得很好得界面中，用户也可能犯错误。这些错误既可以是物理上得（偶然地指向了错误的命令或数据），也可以是逻辑上的（对选定哪一个命令或哪些数据做出了错误的决定）。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误，并且使用户易于还原。 1.2.2.清楚一致的设计一致允许用户将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集中在任务上。这是因为他们不必花时间来尝