互联网产品设计规范

互联网产品设计规范篇一：互联网产品策划标准目录 1.产品策划流程 .2 2.项目前期准备 .3 市场调研.3 结点 .3 3.项目策划原则 .3 盈利性原则 . 3 务实性原则 . 3 差异性原则 . 3 适度创新原则 . 4 4.项目策划要点 .4 明确网站项目需求 . 4 整理网站信息架构 . 4 制作原型界面 . 4 技术实施方案 . 4 清晰的项目需求文档 .4 用户体验优化 . 4 5.原型的要义. 5 原型的意义 . 5 原型的使用 . 5 原型制作规范 .5 基本规范.5 构件规范.6 母版制作规范（参考） .6 站点地图制作规范 . 6 注释规范（参考） .7 整体制作要求 . 7 操作小技巧 .8 解决中文输入的问题 .8 超快速移动工作区 . 8 快速放大缩小页面 . 9 规范化地平移组件 . 9 穿透控件选取下层的组件。 .9 8.结语 . 9 1.产品策划流程2.项目前期准备市场调研 网络调研 从互联网了解熟悉项目市场情况是比较便捷的方法，一方面可通过行业市场专家的文章首先从宏观上把握项目发展趋势；另一方面观察研究同业竞争者进一步明确项目的性质以及策划过程中需要着重顾及的要点。 市场访谈 通过客户访谈、销售部门同事座谈会验证网络调研的结果，根本访谈映像去调整前一阶段的 ID，使项目框架出具雏形。有条件的可以组织焦点小组访谈和市场调查。 结点 这个阶段需要明确： 项目定位 项目的用户对象是谁，项目的市场价值所在。 项目前景 项目的盈利模式，今后公司所能采取的运营模式。 全局观念 培育对整个项目的宏观认识，从整体上对整个项目的策划制作以及后期运营要点都了然于胸。 3.项目策划原则 盈利性原则 需要有明确的盈利性途径，尤其在产品设计上需要首先将商业利益摆在第一位，项目上市之后需要以几何级倍数回报公司的人力物力投入。 务实性原则 策划阶段的每一个步骤都需要考虑今后运营的着手点，从公司运营的实际出发，避免一味追求天马行空式的想象。差异性原则 新项目必须和目前市场上现存的竞品有明显的不同，客户从项目本身就能区分彼此。 适度创新原则遵循互联网日新月异的市场需求动态，追逐互联网产品发展趋势，但具体落实到策划阶段则需要把握好创新的幅度，步子迈大了容易扯着蛋。 4.项目策划要点 明确网站项目需求 包括客户需求和市场价值所在，勾画清晰的产品和服务。 整(来自: 小龙文 档网:互联网产品设计规范)理网站信息架构 网站的频道设置、栏目设置，如果是定位于某一行业的，则需要第一时间整理出合理的分类目录。 制作原型界面 从频道栏目列表内容单页功能的思路出发，制作一目了然的原型界面，需要精确到每一个细节。 技术实施方案 各个栏目的数据调用、频道和栏目推荐位子的信息调用、主要功能模块的技术实现、辅助性功能涉及到的关键词和字段，都需要我们在策划的时候考虑到。 清晰的项目需求文档 这相当于整个项目的蓝图，需要凭借我们自身的积累写作深入浅出的需求文档，标准是让每一个阅读过文档的人都能对本项目有一个较为全面的认识。 用户体验优化 遵循品牌建设规则的网站项目的实名、域名，协助制作人员和技术人员进行操作体验上的优化，精致、细致是这一阶段的目标。 5.原型的要义原型的意义 原型是一个有价值的设计工具。在项目开发的整个过程中，有利于评估设计的可行性。在初步设计阶段，能够探究和测试用户。在实际设计布局和更详细的交互问题，能够评估和测试。之后的高保真模型，可以用来提供一个最终软件的演示。 原型可以有多种实现方法。目前本司采用行业内流行的 axure 原型设计软件制作，采用该工具制作的原型特别适合 web 应用程序和屏幕序列的探讨。其他诸如visio、mockups 等软件虽也可实现原型制作，但非经公司上级要求不可用于替代 axure。 原型的使用 高保真原型 高保真原型可用于向上级管理者或同事展示，因为它传递了最终产品的许多特点，比如视觉设计。它们也适合于正式的可用性测试： 给予用户/同事书面任务完成所需数据 要求用户/同事边想边说出 工具 所见即所得的编辑器（或你选择的任何其他编辑不过所见即所得更快） 一个或多个浏览器测试原型 图形工具 设计元素库（一旦设计元素库建立，有助于形成一致的外观和加快开发速度） 图形库或其他屏幕元素（有助于在其他事情重复利用屏幕元素（screen elements） ） 优势 更好的交互，尤其是有益于评价屏幕变化 很好展现软件的设计或者可能的设计 测试和最终编码之间，还有时间来作出改进 原型制作规范 基本规范 交互设计模式 以规范化，交互 UI 库为基础，及主流交互设计范本（如 QQ，SINA，163,等用户普遍熟知的界面及交互设计）交互设计模式，为主要选择。尽量减少独立编写及体验创新。体验，交互，界面的创新依据产品特点而定，尽量减少用户的操作成本，尽量避免让用户去思考“这 篇二：产品 UI 设计操作规范产品 UI 设计规范 （初稿） 修订记录 *类别：A 增加 M 修改 D 删除 产品 UI 设计规范 【拟制】 产品部 【审评人】 产品设计部 【批准】【签发】 【日期】 【日期】 【日期】 【日期】 XX 年 3 月 1 日 目录 版权所有侵权必究.错误！未定义书签。 第一章 前言. 4 产品现状.4 规范原则.4 规范目标.4 第二章 界面布局与操作顺序.6 总体布局细则.6 选项框与下拉列表.6 菜单、工具条与右键快捷菜单.6 弹出窗口.7 工具栏与工具箱.7 滚动条与状态条.7 按钮排列.8 操作顺序细则.8 第三章 操作指引.9 操作指引细节.9 第四章 美观与协调性.10 美观细则.10 协调性细则.11 风格的一致性.11 第五章 快捷键. 12 快捷键细则.12 第六章 页面跳转.13 第七章 鼠标点击次数.14 鼠标点击次数.14 第八章 刷新等待时间.15 第九章 用户输入与提示信息.16 输入框输入错误提示处理方式：. 16 查询信息提示方式.16 时间控件输入方式.16 第一章 前言产品现状 公司已经实施上线运行的产品线目前有数条，每条产品线的产品成熟度和业务成熟度都有所不同，而产品使用客户覆盖不同层次的用户，有业务执行层面，有业务管理层面同时也有领导管理层面。每个不同层面的客户对产品界面和操作的需求感受是不同的。 从我们产品目前的风格角度来看，多条产品线所呈现的 UI 风格各有不同， 既没有考虑产品本身的特性，也未考虑产品的客户需求，造成产品 UI 设计风格杂乱，操作杂乱的现状。 因此，产品 UI 设计应遵循同一操作规范，利于交叉工作的平缓顺利交接。以标准化方式，提高沟通和技术协作的水平，提高工作效率。减少和改变责任不明，任务不清，和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。 规范原则 (一) (二) 以用户为中心。设计由用户控制的界面，而不是界面控制用户。 清楚一致的设计。所有界面的风格保持一致，所有具有相同含义 的术语保持一致，且易于理解 (三) (四) 较快的响应速度。 简单且美观。 规范目标 ? 操作直观，容易学习 在用户具有业务背景知识的前提下，通过少量培训，甚至不需培训，即 可掌握系统的基本使用，而且不容易忘记。 ? 使用便捷操作流程设计合理； 减少实现某一功能的页面点击数； 提供键盘快捷键，使用户不依赖鼠标即可完成操作。 ? 美观大方 页面布局合理，颜色搭配协调，减少视觉疲劳，具有现代感和专业感。 但切忌无谓的花俏。 ? 性能较高 目前系统部署在外网，运行效率不高。需提高页面展现速度，使操作更 加顺畅。 ? 兼容性好 目前 NTS 系统只能用于 IE6。一些用户希望使用更高版本 IE 或 Firefox 等其它浏览器。 ? 其它问题 回退键问题：当用户点击浏览器回退键时，有时会导致数据错误。应采取措施解决。 篇三：产品设计的原则 简洁版产品设计的原则 简洁版 以下是我借鉴各大互联网公司的设计原则而整理的一份产品设计原则。 情感 1、基于原则产品设计需要基于产品原则，符合产品定位的方向。 2、精准定位设计对受众定位清晰，符合该设计目标用户群的使用体验。 3、亲和力所有交互元素的设计上，用户对信息沟通顺畅，保持体验统一。 4、留恋度给人超出想象的空间，让人留恋往返，对产品期待更多，得到二次访问。 易用 5、反馈及时在交互过程中，用户的操作能够在屏幕上及时得到反馈效果，帮助用户提高效率。 6、方位清晰清晰的知道自己在那里，退路在那里，能够去那里。 7、路径简短完成任务尽可能控制在三次触摸之内，完成某项任务所花废的步骤和时间越短越好。 8、容错性好设计限制因素，突出正确操作，隐藏可能的错误操作，减少勿操作。 形美 9、 文字悦读信息传达易读，符合中文阅读习惯，信息传达快速。 10、颜色合适利用大众对颜色理解的寓意，使用正确的色彩加强产品的印象。 11、布局美观均衡与对称的构图，使画面整体具有稳定性。 12、空间感强运用几何透视的原理，设计中表现远近、层次、穿插等关系。 气势 13、专业性细节完美，找不到明显的设计瑕疵。 14、整体性所有交互元素的设计上，用户对信息沟通顺畅，保持体验统一。 15、品牌成分体现 i 楼市品牌形象，并使品牌元素保持延续与统一。 16、惊喜度局部设计有贴心且另人惊喜的体验。 创新 17、共性符合已知事物的普遍认知。 18、异性在共性基础上，给人耳目一新的感受。 19、复制性能够促进 XXX 其它产品的拓展。 20、颠覆性在互联网上前所未见，能够变成同行业新的标准。 产品设计原则 之 体验设计(移动互联网产品设计) 继之前整理的产品设计原则 ，今天又整理并补充了 10 条体验方面的设计原则。继续贴出来，以后不断完善。交互 21、系统标准依照用户具体的使用情境和需求来决定是沿用标准还是创新。 22、目标导向以用户为中心，关注用户目标而不是关注用户要完成的任务。 23、直觉体验设计方案必须能够引导用户做出最符合直觉的反应行为。 24、成本控制从细节开始减少用户的操作及学习成本，使用户快速上手和识别产品特性。 25、需