互联网产品设计解剖

互联网产品设计解剖 一，目的、方外、方法 我们做一件事情有个目的。 或者我们为什么要去伊一件事情。 这是我们化一件事情之前不得 不解决的问题。 创办一个公司有个目的，创办者不得不解决的问题- 创造一个网站有个目的，创造者不得不解决的问题。 只有清楚的解决了这个问题, 才能制订出比较准确的目标, 才能在总体上对所作的事情有- 个大的逻辑。因此根据这个逻辑制定一套执行方针。根据方针策划 出实现方法。 在大逻辑下，执行正确的方针和方法，进而达到我们的目的- 这里有个大的方针问题，就是互联网公司创建过程中，网站建设和公司盈利的关系。 回答这 个问题需要解决三个问题，就是公司创建和发展的规律，互联网络公司创建和发展的规律， 中国互联网络公司创建和发展的规律， 对于网络公司, 这些问题涉及到互联网与人们生活的关系, 互联网行业发展与社会发展的关 系。 领导者解决当前的方针问题不得不考虑到这些因素,虽然不可能对后面所有东西都预见 到，都是在摸索中发展，但职责是解决这些问题基础上制定相对正确的方针。 创造网站的实体是我们所作事情的大丈辑下的一部分和主要部分.那么策划这个网站有它的 套分逻辑，即产品设计或网站设计、网站策划。 这个多辑就是组织信息和布设功能的方法，它的目的即是引导用户做我们想让其做的事情， 比如，使用功能、获取信息、发布信息、传播信息等。它是贯穿我 们整个网站系统的，而 且体现在每个细胞单元的，从浆体的远辑到分布下来某个模块的逻辑，到某张页面的远辑， 再到页面中某个内容块、某个元素的融辑。这些都 归于系统总体大多和辑下，有它自己的带 辑, 服从它上一层的逻辑, 构成统一逻辑下的枝枝叶叶。 这样一个严谨明确的统一逻辑下， 每一点都有它自己的职责任和作用, 这些作用汇总都为实现一个统一的目的, 别无他用。这 就像一个有机生命体，我们对他进行解剂，他分成很多部位，部位的组织结构，部位之间的 关系和关联, 连接部位的骨骼，联通部位的血脉， 遇动生命的心脏, 吸 收排汽， 能量转化， 神经调节，等等这些构成机体的循环运转。当我们把这些摘清楚了，再来看这个生命体,我 们的理解会真正深刻。 看着他健康, 知道他为什么健康, 生病了知道病在哪里, 别人强大， 知道我们弱在哪里所谓知己知德，就是知道自己和对方内在。所有一切尽收眼底。 二: 流量、转化率、收益 我们所作的事情如果不是公益性质的，最终目的都应该是朝着市场方向，为了市场的目的， 聂产生经济效益。 引导用户最终唯一做的事情就是做我们起让他做的事情。 流量、转化率、收益，相对应的就是: 推广-9产品设计、UI 设计-9销售 推广产生流量。 流量转化成订阅量依天产品设计。首先是策划出方案，这个方案当然是一 套逻辑流程，把这个逻辑流程画成产品的草图〔也就是产品原型) ，再把它交给 UI 设计师 来体现。这个环节的关键就是好的产品设计和好的 UI 设计。 产品设计需要在脑中完成用户 行为的流程图，而且这个流程是引导的、单向的，整体的想法是怎样的， 在网站上不同的 着陆点的怎么引导, 各种不同的引导点的展现方式, 是普通的文字链或者诱束的按钮或者有 趣flash 等等。UI 设计则需要在深刻理解产品的录 辑基础上准确地表达它。 这块产品完  成之后就等竺效果，也就是流量到目标动作县 (根据网站性质和商业向式而各异，例如。 下 订单最，订阅量，下载量等等) 的转化率，之后根据效果不断 调临改进产品设计和 UI 设| 计,好的产品设计高效的完成目标任务,好的 UI 设计准确的共至加供体现产品设计的作用。 这些工作里面有太多细节要去考究，扎求完 美的过程就是越做越精细做到极到的过程，追 求那种在细节改进一点都能在效果上体现一点的程度,我们现在的方法是设计一个订阅加页 面，在整个网站页面中布设 许多引导点，在用户行为的关键点布设引导点，把这些流量和 为都引导到目标关键页面，倍之产生目标动作行为。 如果这块客户产品设计是成功的，利下关键是市场和销售对客户的营销- 所以从头走到尾阁个加是这样一个流程，推广有它的一大好辑《没有闭述) ,产品设计有| 它一套迎辑 《包括客户服务产品，没有细述) ，销售有它一套这各 《没有阐述)》，这些远 辑构成浆体的逻辑。每个环节有它的关键，环环相扣，哪个环节掉链疼体就不行了。每个环 节有其目的，实现目的的方法都震要细细考究。所 以撞清荡丝个环节的目的、环节之间的| 关系和腾系，如果作出现问题，可以知道问题出在哪里- 网站的各个服务模块在网站建设发展过程中怎么分布组合, 和现有的商业慎式模块的联系关 系, 都需要涝密的考虑,要明确到细枝术页的细节程度, 不能只是 放上去,而要联通起来， 构成网站系统逻辑的肯获、肝络、神经。时刻做到我们来看网站时，对阁网站及页面的理 解会深入，我们知道这个页面为什么存在，知道 页面某个内容块，么个链接、按包基至图 标为什么存在，目的是什么，起什么作用，对分到加起什么作用，对网站总体起什么作用。 当我们做变动，我们不会绛东儿阶，什么东西该放，什么东西存在根本就没意义。简言之， 好似对网站进行解齐了，我们对网站了如指掌，所有尽收眼底。 三产品产生的过程 1、市场调研需求分析。产品产生的前期阶段，完成想清楚要做个什么东西。 2、产品原型 设计产品的过辑。主要是分析产品的实质，明确产品的目的，设计产品的信息架构、功能、 功能布设、用户行为流程、页面元素、郊细节等等。这个步李实际是产 品设计的关键， 从产品得的产生到季终用户使用效果的预见都要在及中深思数虑为了实现目的, 会构思 多种实现方法，寻找一种最有效。需要很强的对信息菜 构、功能设计及布设、用户行为引 导、 用户体验、交互细节的整体权芭能力。 需要在及中像放电影一样从需求产生到最终用户 行为结束从头到尾思考成熟。所以需要 很的综合能力。 最终，就是用画轩软件或 vord 等把它画册来，如。  证汗光二 [TI 国寺-sz一， | 更要受: 再轨芝>- 加专 [这 二ER 到二 [CEI让CC | 吕 Ps二 -:-汉 国 -三河 人 二 吕 三 产品原型图 这个东西是直接交给 UI 设计师的，这个图画的细到什么程度，应该是经量细，至少里面要 展现的信息元素 要展现完全。不应该让 UI 设计师去考虑应展现哪些信息数据。当然，也不必细到考虑布局 尺寸,文案的字数，段落间距的程度。有些东西要留给设计师去发挥，太 细了限制了UI 设计。但文案初步内容，列表名称，导航名称，页面上要展现的数据，页面内容块的主次关 系等应给出。 最后原型是要拿来被修改的，这个是产品设计先独自完成的，背定是要被收改的。千万不要 对 UI 设计师说这个已经讨论定下来，就按这个做。这个先是被产 品设计的上级 leader， 老板，前期市场调研相关人员等收改。当然，这个修改是产品设计对他们沟通解释,讨论后 的收改，毕况只是个草图，别人会想当然的 提些意见。但这个修改必须是对产品设计理解 了的修改, 是通过解释让别人真正理解了, 别人完全理解了产品实质的基础上给出的产品设 计认同的修改。 后面还有程序开发人员和 UI 设计师的修改。 UI 设计遇的修改会比较多比 较细节， 因 UI 设计师会从头到尾要理解此页面的逻辑，知道页面的目的，分清楚页面内容 的主次关系，用户行为的流程，用户体验等。比如上图右边数据列表的展现方式， 有很多 种，哪种用户体验比较好，哪种在视觉上对页面整体比较协调等等，这时 UI 会给出比较细 节专业的建议。但这个可以不必再画出来，可以在此草图上直接圈 出来标明让 UI 看着办。 2.UI 设计 首先 UI 设计应该是从比较高的的角度着手，不单要求感性思维，更要求理性思维。这个不 只是简单基础的给产品原型穿衣服的过程。应该从深刻理解产品原型基础 上，形成视觉风 糙定位，研予产品相应的气质、品味。所以 UI 设计师对产品整体感觉的把氛很重要，不同 程度的 UI 设计师对同样的产品原型做出来的设计差别很 大。看看一些同类网站的 UI 设计  衣知道。 好的远辑和界面帮助用户快速的解决问题。差的多辑和界面使得用户解决问题过程 艰难、绪焉重重、信任感低。UI 设 计，在我们这种功能型网站，就是用户行为比较多，交 互行为比较多的网站，应该追求的是 简洁、清开、大气，而不应是华丽、转目，这是个人 机界面设计， 这种类型的网页设计最基本的任务是体现产品原型的原始功能,然后才是视觉 上末和美观,高层次 的是品味气质体现,对 UI 设计师要求上, 因为是网络产品是网页设计， 应具备 CSS/htm