互联网+智库
? ? ? ? ? ?
当前位置： &
& 分析：做好产品设计，你必须懂用户需求？
分析：做好产品设计，你必须懂用户需求？
http://www.100ec.cn&&日15:36&&中国电子商务研究中心
　　(中国电子商务研究中心讯)以用户为中心的产品设计方法可以说是当前产品构建时，最流行的一种设计思想。这种方法的核心思路是：用户知道自己想要什么。用户知道自己为什么使用一款产品、很清楚自己想要的功能是什么、自己已有偏好的使用习惯，在进行产品开发时，应该将用户的参与纳入到开发的每一个阶段。围绕用户的需求来进行产品的设计，而不是强迫用户改变他们的使用习惯来适应软件开发者的想法。
　　一、什么是以用户为中心的产品设计方法？
　　简单的说，就是在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等，以用户为中心为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。
　　二、以用户为中心的产品设计流程
　　从图中可以看出，产品设计分为6个步骤，基础调研、产品分析、交互设计、原型设计、详细设计设计维护。
　　第一阶段：基础调研
　　竞品分析
　　寻找市场上的竞争产品，挑选若干代表性产品进行解剖分析。整理竞争产品的功能规格，分析规格代表的需求，用户资料和用户目标；
　　分析竞争产品的功能结构和交互设计，从产品设计的角度解释其优缺点及其原因，成为我们产品设计的第一手参考资料。
　　领域调研
　　结合上述分析基础和资料，纵观领域竞争格局、市场状况，利用网络论坛、关键字搜索、访谈等各种手段获得更多用户反馈、观点、前瞻性需求。
　　产出物：对比分析文档和领域调研
　　第二阶段：产品分析
　　产品定位
　　分析产品推出的意义和重点关注的方面，执行性评估，明确列出产品定位，通过讨论修缮取得决策层的认可；
　　用户定位
　　结合竞争产品的分析资料，采用定性分析的方法，获得对目标用户在概念层面的认识；通过用户调研手段(如观察、访谈,焦点小组等),了解用户及其使用场景，包括用户心理行为模式，为后继设计提供良好基础。
　　产品概述
　　以最简短的文字，向用户清晰、重点突出的介绍产品；
　　功能需求规格整理
　　归纳关键功能，结合竞争产品规格整理的认识，从逻辑上梳理需求规格，重在逻辑关系清楚、组织和层级关系清晰。划定项目(设计和研发)工作内容；
　　产出物：用户分析文档和产品概述、功能规格列表
　　第三阶段：交互设计(功能结构和交互流程设计)
　　产品概念模型分析
　　从产品功能逻辑入手，结合相关产品使用经验和对竞争产品的认识，及对用户的理解，设计概念模型，成为产品设计的基础框架；
　　功能结构图
　　在产品概念模型的基础上丰富交互各部分，并清晰各功能模块之间的结构关系；
　　使用场景分析
　　模拟典型用户执行关键功能达到其目标的使用场景；
　　交互流程分析
　　模拟在上述产品框架之中，用户使用场景的关键操作过程(即鼠标点击步骤和屏幕引导路径)；推敲调整，使其以最高效的方式交互。
　　产出物：产品设计文档的交互设计部分
　　第四阶段：原型设计(信息架构和界面原型设计)
　　信息架构和界面原型设计
　　设计产品界面中应该包含的设计元素及之间的逻辑和关联，一定的操作引导；以便用户对功能和使用的理解，所有界面设计成为一套完整的可模拟的产品原型；
　　设计要点说明
　　对界面设计的重点添加说明，帮助项目组全体参与成员对设计的理解；
　　产出物：产品设计文档的原型设计部分(常用软件为axture)
　　第五阶段：详细设计(详细设计和交互逻辑表述)
　　详细设计
　　完善设计细节、交互文本和信息设计
　　控件和交互逻辑表述
　　对界面控件/控件组/表格/按钮的属性和行为进行标准化定义，调整推敲完整的交互逻辑；
　　产出物：产品设计文档的详细设计部分
　　高保真视觉界面设计
　　界面设计师设计界面若干视觉表现方案，调整、修改、确定；
　　产出物：产品视觉设计效果图
　　第六阶段：设计维护(研发跟踪和设计维护)
　　页面制作
　　设计通过评审之后，前端工程师开始制作切图、css？JS等相关工作，完成后交给研发工程师；
　　产出物：html文件或图片(根据需要不同)
　　文档整理
　　设计通过评审之后，把产品中所有的交互文本整理成html/word/excel文档，预备研发工作；
　　研发跟踪维护
　　进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、Bug跟踪等；
　　产出物：产品文档，设计调整维护。
　　产品设计赋予了产品的灵魂，产品设计的好坏直接关系到产品的成败。脱离用户需求的产品设计是没办法成功的，没有用户体验的产品是无法成功的。我们设计产品要以用户为中心。只有通过以用户为中心的产品设计方法设计出来的产品才是有产品价值，受用户喜爱的产品。(来源：互联网分析 编选：电子商务研究中心）
&&&&新年伊始万象更新。近日，最富知名度的权威电商智库中国电子商务研究中心发布《2017年度中国电子商务行业年度系列报告》计划，并将稀缺行业报告资源限额开放(专题：)。据悉，首批公开发布行业报告包括5大领域、39份重磅报告：（1）跨境电商类，包括进出口跨境电商、跨境电商政策研究、城市跨境电商、出口跨境电商卖家等细分报告；（2）零售电商类，囊括网络零售、新零售、农村电商、社交电商、二手车电商、生鲜电商、母婴电商、精选电商、网红电商、移动电商、智能硬件等热门领域；（3）服务电商类，涉及共享经济、在线外卖、在线差旅(OTA)、在线教育等细分行业；（4）企业电商类，包括B2B电商、大宗电商、企业在线采购、钢铁B2B、快消品B2B、B2B在线供应链金融等热门领域；（5）电商行业类，包括：电商投融资数据、电商上市公司评级、电商物流、电商金融、电商产业园、电商人才招聘；（6）电商权益类，有电商投诉、跨境网购消费者权益研究、互联网+法律等专项研究报告。报告将通过中心门户网站、自媒体平台、近百万用户数据库、逾3000+名注册记者库等全媒体渠道公开发布。
【】【】【】【】【】
「关键字」
& &（1）凡本中心注明“来源：中国电子商务研究中心”或带有中国电子商务研究中心水印LOGO的所有文字、图片、音频、视频及其他任何形式的作品 ，其版权均属中国电子商务研究中心所有，任何媒体、网站或个人未经本中心协议授权不得转载、链接、转贴或以其他方式复制发布/发表。已与本中心协议授权的媒体、网站，在下载使用时必须注明“稿件来源：中国电子商务研究中心”，违者本中心将依法追究责任。
& &（2）转载或引用本中心内容必须是以新闻性或资料性公共免费信息为使用目的的合理、善意引用，不得对本中心内容原意进行曲解、修改，同时必须保留本中心注明的“稿件来源”，并自负版权等法律责任。
& &（3）对于不当转载或引用本中心内容而引起的民事纷争、行政处理或其他损失，本中心不承担责任。
& &（4）凡本中心注明“来源：xxx（非中国电子商务研究中心）”的文/图等稿件，均转载自其它媒体、网站与机构，其转载目的在于传递更多信息，并不代表本中心赞同其观点和对其真实性负责，请读者仅作参考，并请自行核实相关内容，如其他媒体、网站或个人从本网下载使用，必须保留本网注明的“稿件来源”，并自负版权等法律责任。& &（5）关于本中心发布的用户投诉稿件，信息均由用户通过本中心投诉通道提供，本中心不对其真实性负责，若内容真实性有误，请与本中心联系，本中心将在核实后进行处理。& &（6）对不遵守本声明或其他违法、恶意使用本中心内容者，本中心保留追究其法律责任的权利。& &（7）如因作品内容、版权和其它问题需要同本中心联系的请发送相关内容至邮箱：）& &此版权声明解释权归中国电子商务研究中心所有。
&　　随着电商的崛起，生活家电的线上消费频次逐年递增，网上采购家电已经成为中国家庭无法替代的重要消费方式，清洁类小家电亦如此。2017年国内线上吸尘器市场共售出1566.8万台，销量同比增长30.2%。中国本土...
生态型企业：
行业热点：
曝光专区：
中国电子商务研究中心 版权所有Posts - 44,
Articles - 0,
Comments - 432
10:06 by 飘扬的红领巾, ... 阅读,
&&& 在电商系统中，商品模型至关重要，是整个电商的核心，下面通过一个简单的分析，设计一个基础的商品模型。
商品模型的演化
&&& 在以前，那时CMS很流行，最常见的模型是栏目-文章模型。于是做电商的时候，自然就继承了这种一对多的关系。只是栏目变成了分类，文章变成了商品。商品也具备了独特的业务属性。现在很多电商网站上左侧的菜单，也就是这个分类。
后来我们慢慢发现一个问题，只有分类并不能适应所有的需求，比如nike鞋和nikeT恤，用户可能希望先看nike的所有商品，这个模型就不能满足。我们想在这个关系中，加入&品牌&概念。于是：
&&& 这样基本用户可以在首页上通过分类或者品牌找到自己想要的商品，也可以直接查看热门的商品和新上架的商品。但是问题也来了，用户在进入分类后，展示在用户面前的是很多很多商品，用户希望再通过筛选查询出更接近他目标的商品。于是优秀的产品设计师，设计出了类似这样的UI：
&&& 用户可以通过这些筛选条件进一步缩小自己的目标范围，那么问题又来了，这样的产品需求排在程序员面前，怎么去实现它？经过分析，我们找出了一个方法，我们知道商品之间的属性可能存在着较大的差别，比如牛仔裤它有版型、腰型、裤长等属性；而电脑它有CPU、显卡等属性，各类商品的属性是不同的。再进一步想，休闲裤也版型、腰型、裤长等属性；台式电脑或者笔记本电脑都有CPU、显卡等属性。所以我们得出：一个分类对应若干属性，而一个属性，对应若干属性选项，而一个具体商品又对应若干属性选项（例如具体一条牛仔裤，他的裤长：7分，裤型：直筒）。有点绕，仔细品味一下。
&&& 从图上可以看出，分类和属性的关系（例如：&牛仔裤&分类下有裤型、裤长、版型等属性）、属性和属性选项的关系（例如：裤长属性有长款、九分裤、七分裤的选项）、商品和属性选项的关系（例如某条牛仔裤的裤长是7分裤）。至此，我们知道一个商品的分类、品牌以及它有什么属性和对应的属性值。那么通过筛选条件，自然就可以查询出指定的商品。这里特别说一句，价格也是属性，不要设想用商品表中的价格字段去做计算。这不利于查询也增加了复杂度，让商家编辑人员用属性来设置并保证他的正确性。
有了这个模型，我们大概就可以看到以下界面（请不要太关注左边，重点在右边和下面）：
&&& 这个页面展示商品的所有信息，按照之前的设计好像都可以满足。但是我们似乎感觉错过了什么，在图上右边我们发现该商品当前的颜色和尺寸，并且允许用户可以选择其他的颜色和尺寸。这给我们带来了疑惑，这里的&颜色&和&尺寸&是什么，一件商品的不同颜色不同尺寸是算一个商品还是多个商品。经过思考后，我们发现我们混淆了两个概念&&&商品&和&货品&。不同规格的货品作为独立的商品。比如一条裤子的有L尺寸、M尺寸、一个U盘有16G还是32G的，都是同样的货品，不同规格的商品。可以认为货品和商品是一对多的关系。弄清了这个概念，处理这个需求就容易多了，这里的&颜色&、&尺寸&我们就作为&规格&来处理，而红色、黑色；L号、M号我们视为规格的选项或者说规格值。一件货品对应若干规格，而具有某一规格值的货品就是商品。
&&& 好了，现在好像差不多了。基于这个模型可以满足基本的商品搜索、展示的需求。搜索引擎也可以根据这个模型数据生成对应的商品索引，达到准确搜索的目的。商品模块还会和其他模块一起协作，比如用户系统、订单系统、支付系统等。一般情况下我们会把商品业务独立出来做成&商品中心&的服务，集中处理商品查询、更新、发布等业务，支撑其他业务。电商网站设计时如何做好产品页的布局电商网站设计时如何做好产品页的布局福务达软件百家号大家都知道首页是一个网站最重要的页面之一，因此很多企业都非常注重首页的设计，尤其是一些电商企业，它们更加看重电商网站建设时首页的布局，虽然首页的重要性不能忽视，但我们在这里提醒大家一点，对于电商网站来说产品页才是最重要的，一个优秀的产品页可以提高整个网站的转化率，虽然所有网页都在为电商网站创建整体体验和品牌宣传，但在产品页面上，您的客户将做出“我现在正在购买”的关键决定。而这也决定了客户最终是否会进行转化，同时也是保持竞争优势的手段之一。
那电商网站建设时我们要如何做好产品页面的布局呢？首先我们在创建产品页面时，要找出你想吸引的客户类型，其次要了解什么是视觉刺激，如何通过视觉信息吸引客户，并根据客户需求做出反应。比如说网页的色调选择方面，橙色对冲动购物者的吸引力最大，蓝色和蓝色的蓝色和蓝色更吸引预算有限的买家。而如何选择就要看企业对整体网站的定位了。
一般电商网站建设时产品页的布局可以考虑以下8点建议：1.
令人惊异的产品配图2.
有用和有趣的产品说明3.
使用产品演示视频4.
价格的清除布局5.
清除添加到购物车按钮6.
显示顾客的评价和评级7.
解决客户的不确定性8.
显示相关推荐产品但需要提醒大家这8点建议的效果，可能因网站而异，因为每个电商网站建设时侧重的业务都有所不同。这个清单是为了给大家一个好的起点，大家可以在这8点建议上继续改进。通过测试不同的方法来进一步优化您的网站。大家在设计电商网站时可以充分利用这些知识，来构建高度转换的产品页面。本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。福务达软件百家号最近更新：简介:福务达专业网页设计、网站建设、后台开发等作者最新文章相关文章优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 12 分钟
不沉的骨头：在做活动页面的时候你是不是也会跟我一样纠结商品要怎么样摆放呢？商品的摆放跟页面的板式布局紧密相关。这次为大家带来的是活动页面设计之商品的5种摆放姿势，下面我们一起来看看。
往期电商设计好文回顾：
部分图片案列来自网络，多多包涵。
一、商品的摆放姿势
仅供大家参考，做一个抛砖引玉。也希望给大家带来一些收获。
明确商品的作用性
1、明确页面主题，卖什么或者什么有优惠
2、丰富页面，增强促销气氛
3、增强用户的购买欲望
在很多时候我们做活动页面是没有模特的，大多数是商品，尤其是平台的活动。
在促销活动页面或banner中商品的摆放方式也是挺重要的部分，一个页面好看不好看、有没有购买欲望、气氛强不强都和商品息息相关。
我们不仅要做到版面形式好看，也要处理好商品。
商品在页面中摆放的方式有很多，在这里我举例在活动页面中比较常用的摆放方式演示。
先看一看：
PS：下面案列演示不足之处，望大家见谅。
01、运动轨迹
运动轨迹通过字面解释我们清晰的明白，商品有一个轨迹，列如正方形、圆形等。运动本身就是一种节奏，所以让你的商品也一起变得有节奏起来。它会存在有形的轨迹和无形的轨迹。
我们看有形的运动轨迹案列：
通过上面我们可以看出运动轨迹是非常的明显的、这种方式目前还是比较少。那么我们该注意些什么呢
1、商品大小、虚实。离我们越近的物体越大、越清晰，反之越小，越虚化。
2、有形的运动轨迹不可喧宾夺主，适当就行。
我们看无形的运动轨迹案列：
通过上面我们可以看出运动轨迹是通过 小人、实物、足球一起组合起来，使画面有了一个视觉的运动轨迹。
那么我们要注意些什么呢？
1、还是一样大小、该弱化的则弱化
2、物体元素不能喧宾夺主、抢了标题的地位
02、三角摆放
在商品摆放中，我们会发现很多页面中的产品摆放会近似三角形。因为三角是最稳定的形状、三角也有一个引导指向性。三角摆放是最常见也是最稳的一种方式、它不局限于商品的角度，是否立体。平的立体的它都通吃。
我们看三角摆放案列：
是不是看着很眼熟，因为我们经常会看到这种摆放方式。
那么我们需要注意什么：
1、千万不要摆成很正的三角形，随意一些更好
2、三角摆放后你会发现三角的顶部会出现空的地方，需要用飘起来的商品补充
最后是虚化的，因为摆放的商品都是实的，所以其它弱化。
3、商品不可过多、多则乱。也不可过少、少则松
4、商品颜色尽量少，避免过多把画面变花了
03、漂浮上空
我们先看下商品漂浮空中的案列，感受下它们之间的共同点。
通过上图案列中我们可以发现：
1、商品的都是比较立体的，透视感强（ps：由于某些商品特性会存在只能平视角度的这个可以忽略）
2、商品直接的大小小关系明确，层次明显。
3、商品颜色与页面颜色融合，不相冲。
摆放要求：需以商品漂浮上空的页面
画面布局：标题居中，商品两边漂浮布局
寻找商品：在找相关商品的过程中切勿着急哈，下一个会更好
1、如需求方有要求放置的商品 ，提前找他提供。
2、根据页面的颜色尽量找比较符合页面的商品，尽量不要选着颜色过黑
的产品，不然会在页面中显得比较脏。
我们首先确定标题排版。
选用蓝、紫三种颜色搭配，蓝色与紫色为近似色。
调整好角度。和商品排放的位置，这个一定要多尝试，或许放到右边更合适，又或许是左边。
开始细化标题区域
过程我就不在这里细说了，大致说下
1、主标题增加立体，增强主题感。
2、结合字形稍作变形
3、给整体文案背后增加一个载体，让其从背景中突出出来。
4、副标题增加色块来增加色设计感和与背景拉开层次。
5、背后的载体也要有深浅、暗部和亮部层次。
标题颜色根据我之前说的深色配亮色，所以这里背景为深色，选择黄色来搭配。
副标题选用白色就好了。
最后效果如下：
调整商品的深浅关系
1、离我们越远的商品我们需要通过混合模式正片叠底、透明度来使商品融入背景中。
2、离我们越近的商品我们需要保证它的清晰度，不能模糊。可以通过锐化来提升清晰度。
调整商品的环境光色
根据商品所在的页面地方颜色增加环境色，同时也可以通过增强商品的明暗来提升商品的品质
1、可以通过混合模式叠加、正片叠底、高光这些模式来处理商品上面的环境光色。
2、给2-3个商品来一层动态模糊，增加画面动感。
添加相关点缀元素丰富画面
因为是618的相关页面所以这里需延续主会场的页面元素贯穿整个活动，保持统一性。
点缀元素也需要有深浅关系、大小层次。
现在感觉背景亮部还是有些不够，增加亮部。
最终效果如下：
做到这里就完结了，我们需要有耐心去不断调整颜色、深浅。
04、平视角度
我们先看下商品平视角度的案列，感受下它们之间的共同点。
通过上图案列中我们可以发现：
从字面上面的理解，平视角度就是当我们人的视线与物体水平看到的视角。这种视角的商品摆放方式在日常的页面中都是比较常见的。
那它们的共同点：
1、都是通过前后叠加商品产生远近关系
2、高低层次明显
需要注意的地方:
摆放要求：需以为商品平视堆积摆放方式
画面布局：布局为左右布局，文左品右
寻找商品：在找相关商品的过程中切勿着急哈，下一个会更好
ps：一些设计做的页面不知道为什么它的商品总是模模糊糊的非常不清晰，这叫我是无法忍受的，不知道他是怎么看的过去。所以商品的质量也同时
影响了一个作品的质量。
设计过程：
我们首先确定标题排版。
1、促销所以选择了红色作为背景，黄色作为辅助色分割版面。
2、我们通过添加文字的投影来拉开层次，利益点做有成弧度的排版迎合数字3。
1、把商品放置页面上，通过分割版面。页面的层次则多了一层。 虽然方法老套，但很实用。
2、商品之间的高低一定要明显、商品与商品之间不可太过疏远。
3、如有有条件可以添加个相关人物也能好好的增加气氛。
丰富营销感
促销活动页面自然是少不了热闹，通过添加飞絮、碎碎的这些小东西。促销感立马出来了。
到这里这个案列就完了，比较简单的一个案列，不是很好望大家见谅。
05、放置容器
放置容器中现在也是挺常见得了，也挺好玩的。你可以把一切东西想成容器把商品放在里面。
通过上图案列中我们可以发现：
容器它可以是一个形状也可以是真实的东西，其实设计是源于生活的。
摆放要求：放置一个容器中
画面布局：布局为左右布局，文左品右
寻找商品：在找相关商品的过程中切勿着急哈，下一个会更好
设计过程：
我们首先确定容器，突然想到老虎机所以就觉得用它做容器。
首先我们确定文案的排版，重要信息和次要信息的处理。
经常在活动页面中字体都是倾斜的，倾斜的好处是与生俱来的动感。
开始配色、添加图案背景
1、炎炎夏日嘛，当然选了清凉的蓝色到绿色的渐变（这里随心就好了，又不用给老板看）两个颜色的跨度不要太大，不然就会不自然了。
2、添加图案，五角星，抽奖我会想到星星。星星似乎挺娱乐、玩乐的感觉。
3、添加纹理素材-这里马赛克了一张素材，效果还可以。
参照老虎机的一些原型，勾勒轮廓。制作过程不细说了。在这里提醒2点
1、有的地方可以自己稍作调整，不需要一模一样，因为我总会碰到别人问我这个素材你有没有一样的，做设计师千万不要死板哦。
2、千万别直接扣其它页面的图，而且质量还是超级差的那种，我见过好多次了。
因为背景属于亮色，所以我们要用暗色区分出来。
1、增加文字立体面，增加描边黑色这样就很好的与背景分离出来。
2、细化标题，增加类似漫画文字的效果。不要问有没有快捷方式 、素材之类的，别这么懒。自己画上去复制复制就好了。
3、文字颜色选黄色，黄色有时候真是白搭的一个颜色特别作为标题。
4、给文字增加投影，让其更完整。投影颜色选文字下面背景颜色稍深的，比黑色投影更有质感。
容器里面的商品有摆立的，有散出来的，各有优点。这里我希望它能够跟活波一些。
1、商品由中心散开，所以中间的商品无疑是最大的，其次的相对比较小一些。
2、需要有一个商品颜色和标题的颜色产生呼应、在页面上产生联系。
3、商品的投影别忘记、商品盖住其它商品的地方要变暗。别忽视了。最后给它们来一个中性灰修图增加
商品之的明暗对比关系，这样可以增加商品的品质。
用五角星来装饰，与背景图案呼应
1、五角星颜色尽量不要出现页面上面没有的颜色
2、增加投影
到这里这个案列就完了，比较简单的一个案列，不是很好，望大家见谅。
全文总结回顾
1. 不管是什么摆放姿势，商品都要有大有小之分
2. 商品的颜色至少有一个是与页面颜色有联系的
3. 商品摆放也是画面中重要的一环，得认真处理
更多的姿势，一起去发现吧。
欢迎关注我的个人公众号“三根设计骨”
「超实用的UI设计自学指南」
自学姿势：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量160万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
直播APP怎么设计？来看腾讯QQ空间直播的设计经验总结！
tdstone：什么？空间也做直播了！没错，在当今直播的热潮下，国内外的直播产品大都是基于陌生人的关系链，且内容结构与视觉效果同质化严重。...
产品改版前设计师该对哪些内容进行调研？改版后该用哪些指标、哪些数据要注意？笔者结合项目实践，写成此篇改版调研经验小结（效果评估篇），归纳出一些通用型的经验和...编者按：前两期期分享了海报设计的17个技巧，今天终极篇干货更多！特别提醒，文末的海报设计系列教程非常有实战意义，绝对值得从头学起 &&& ...@飞屋睿UIdesign ：在AI中“存储为WEB所用格式”的目的是为了优化图片在网站或其他屏幕端的展示效果，例如平板或手机。“优化”这个词是指在图片大小和...编者按：本周主要有2个大事件：苹果官方更新了iOS 10 的UI KIT（PSD+Sketch.），火狐开发社区Mozilla 那个做了半年多的LOGO 终...编者按：今天这篇近万字的长文，不仅是对微软风格的追根溯源，也是一份特别有重量的设计总结。作者@带着佳伟去旅游 曾负责过微软的视频，全文都是干货 &&g...很多时候，设计趋势并不会表现的那么明显，甚至你看到它们也不一定会注意到。但是它们也是客观存在的。通过整个一月份的观察和总结，我们认为接下来的一个月当中，圆形...判断一个平面设计师、艺术家或者设计机构是否真的有一手，其实看他的网站就知道了。你可以在网站中看到他对于细节的打磨程度，能够在作品见窥见性格，你甚至可以通过作...文字、文本排版是日常工作中经常用到，看似简单的文字，实际上排版也是很有讲究，今天为大家整理一组信息图：用好文本的18条法则。如果你在版式方面内力不够精纯，可...编者按：一个单干的设计师容易把投机取巧当做常识，把嘲笑甲方当做话题，把熬夜赶图当做骄傲，把“不懂欣赏”当做借口。而今天聊的结对设计不仅可以帮你改正这些毛病，...
我们的团队
大家在关注
一扫"掌"握！
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里很实用的互联网产品完整结构图
完整的互联网产品体系结构是什么样子的？撇开产品的市场和用户调查阶段，产品规划、产品功能设计、产品需求、产品测试、产品上线、产品入市、产品售后这几个阶段都可以作为文案体系的时间节点。下面是一张甘特图，横轴是产品进度的几个阶段，纵轴是文案体系的12个内容。
互联网产品流程进度图
这里简单的对每个任务点做一下说明：
产品名称需要在产品规划阶段完成：这个显而易见，否则还得弄个产品的临时代号，多尴尬。在有的公司如果产品名称没有确定是无法立项的。
广告创意从产品规划中期开始到产品测试阶段中期完成：因为在规划阶段就已经开始提炼产品的卖点和精髓，很多创意都萌生在这个阶段，一般的产品上线都是结合市场一起来做的，所以上线的时候这些广告就要派上用场了。
功能名称在功能设计阶段完成：这个和产品名称一样，不用多说。
产品帮助从功能规划阶段开始到测试阶段完成：规划的功能的时候就已经在考虑功能的操作方法、机制、可能会遇到的问题了，所以至少可以给产品帮助做一个框架，产品测试的时候可以已经实现了注册、登陆、系统功能、交互效果，产品帮助里面的截图这时候就可以补充了。产品上线至少得保证常见问题有内容。
产品手册从功能设计的中期开始到产品入市之前完成：这个手册大部份公司是提供给客户，而不是用户的，可以是电子文档，也可以是光盘或者纸张的小册子。
产品信件从功能规划阶段开始到产品需求阶段完成：产品信件是产品和用户之间信息的沟通渠道，例如通过邮箱找回密码、通过有些激活帐号、通过邮箱订阅信息等等，都需要一个信件的方式来实现。作为产品使用流程的一部分，这些内容需要在产品测试之前完成，确保整个产品流程的畅通。
功能交互在产品需求阶段完成：功能交互性内容，可以说是这个体系中较重要的一部分，用户在使用产品时，系统出现的提示、成功或者失败的反馈、引导类图示、信息范例类备注都在功能交互类文案范围内。必须在产品测试之前完成。
服务条款在产品需求阶段完成：服务条款一般出现在注册、安装、下载、转载等涉及到法律或者政治风险的使用流程中，需要在产品测试之前完成。
产品问卷在产品需求阶段完成：因为测试阶段包括用户测试，所以产品问卷得在测试之前完成。当然，问卷调查在产品上线之后仍然可以进行，产品是不断的收集市场需求过程中完善的。
推广软文在产品测试阶段完成：这个和广告创意类似，一般都是配合产品上线来做的。也有为了危机公关和产品打算投入市场而做的。
销售合同在产品入市之前完成：这不用说了，没合同卖毛哦！
产品海报在产品入市之前完成：可能互联网的大部份产品不会去做海报，但是在大型公司的重点产品来说是经常需要的。
把这个体系按阶段拆解完之后，就可以开始安排按人员拆解了。
如果这个产品有一个团队支持，包括产品经理、产品设计、交互设计、产品助理、内容设计那么恭喜你，这个团队会很好的把这个体系消化掉。
产品名称和广告创意：可以发挥整个团队的创意，最后筛选出几个给公司领导拍板。
功能名称：最好是产品经理亲自来定，然后发起团队讨论。
产品帮助和产品手册：就交给产品专员吧。
产品信件：也是最好由产品经理亲自来定，然后发起团队讨论。
功能交互：这个是交互设计师的强项。
服务条款和销售合同：产品经理亲自上吧！最后交给公司的法务把关。（很多公司没有法务，就给直接领导或者总经理。）
产品海报：交给产品专员，他通过产品首页的文案设计，已经领会了产品的精髓应该怎么表达。
产品问卷：交互设计如果对用户测试很了解，就知道应该怎么来书写问卷。
可能产品经理没有经理专门来盯这个体系，可以找产品设计来盯。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。