上一篇文章主要讲的是如何从零搭建起一个信息系统的方法,但实际上甚少有产品人员会参与到系统搭建的工作,因为系统架构往往是在产品的初期,大部分的情况下都是已经搭建好的系统再去根据不同的需求增加不同的流程或功能。那么这个时候再使用UML或SERU的方法就会造成每次都可能对系统架构的重设计,需要重新去梳理一个子系统中整个业务的过程,不利于快速迭代的开发。在这里我提供另外一种适合快速建模的方法,我称之为"点线面法则"。


在“点线面法则”中,有四个重要的组成部分,分别是:人物、场景、需求、功能。在业务流程抽象成任务流程中最关键的点就是把握好如何将人物,场景,需求转化成功能。但有很多项目都试图通过定义功能性需求和非功能性需求来确定需求,这些需求没有说明一个用户如何使用系统,也没有说明一个功能在何种场景下必须运行,这样的抽象方法无疑到最后是不符合用户预期的。所以在产品设计中,人物/场景/需求这三者应该是不可分割的组成,这个组合在uml里面称之为“user case 用户案例”,任何只考虑需求或场景的设计都很容易陷入“我认为式”或“老板式”的设计。“点线面法则”是把交互事件作为节点,用例作为一条线,再根据点与线的关系构成页面,显现出从线到点,从线到面的设计原理。

实际操作中第一步让我们先把线分清楚,每一条线是根据不同类型的用户在不同的场景下的一种事件流程组成的,也就是说线是由用例组成的。用例是参与者在系统中执行了一系列动作,这些动作将生成特定执行者可见的价值结果。这里值得注意的是两点,用例是有人物有场景有目标的,也就是说它能够在特定场景下为参与者带来有意义的结果,例如"填写表单信息"显然对参与者而言是没有意义的,所以这就不是一个合适的用例。第二个是对角色的划分,很多人认为C端产品没有太多角色的划分,其实以电商为例可以划分为首次登录的用户、老用户、从外链进入的用户等等,不同的用户不同的场景都是能产生不同的用例的,在梳理的阶段分得越细就越不容易出现遗漏或考虑不周的情况。

图1 根据用户和场景的不同建立不同的用例线

分清楚线之后我们开始丰富线里面的交互动作。用例场景是有步骤的(执行了一系列动作):也就是说,它是一个由一系列业务步骤组成的业务活动。业务活动是属于线下的真实活动,我们需要把这个业务流转化成线上的交互动作流。对于一个动作,实际上是没有具体的划分的,例如一张表单里面如果需要填写两部分的内容,产品人员认为表单的其中一部分有复用性需要区分,那么这个流程就可以拆分成两个填写的交互动作。只要是属于交互动作,并且有足够的理由支持能成为一个节点,那么这一个流程便是合理且符合实际业务情况的。

图2 丰富用例线中每个场景的交互动作

在一个用例里动作也存在与其他用例的动作产生交互的现象,例如某机构有销售人员与财务人员,财务人员进行记账时就要获取销售的报价然后等待销售与客户完成交易,这就是销售人员的用例与财务人员的用例产生交互的情况,所以在存在与别的用例产生交集的地方可以先把这里一系列的动作归纳为一个父级动作,在里面再进行一系列子级动作的过程。同样如果存在一个动作涉及到几个交互动作也可以把它分为子级与父级的关系。比如"完成表单"是一个父级动作,新建、填写、提交这就是属于"完成表单"的三个子级动作。这里也类似我们在画素描的时候,如果局部的地方需要画一个箱子,我们就会把这个箱子的范围先确定下来,整个局部都画好了再去细化这个箱子里面的细节,属于一个局部分总分的思想。最终把所有用例线的交互动作都表示出来就完成了这一环节的工作。

图3 完整得构建出所有用例的交互流程

点线构成面,这里所说的面其实是"页面"。交互动作在系统中最直接的体现就是页面的反馈,所以页面的反馈是需要我们去设计的。上一步在确定节点的时候以动作去做一个划分也是希望在这个阶段可以把每个动作变成一次对页面的交互,通常情况下一个动作(子级动作)一般对应一个页面的变化,所以在这个阶段,我们把每一个节点转化成页面。在个时候还不是页面最终呈现的效果,只是把每次动作的变化转换成界面的变化,不需要考虑某些动作是在同一个页面上操作的情况,只需完整地把结果页面列出来即可。

图4 把交互动作转化成页面的变化

最后我们需要把同类用例线的所有页面进行一个归纳和分层,确定页面与页面之间的层级关系。归纳是把不用用例的同类操作合并,分层是把不同流程的动作区分界面的层级以确定产品的架构层级。这一步的目的是为了在表现层中提取内在业务的联系,也是基于所有构成的用例中(业务流转方式)取出最合适的页面表现关系。

图5 把所有用例的页面变化相连接

图6 归纳和整理同层级的页面,提取核心 图7 页面分层,最终效果

总结一下整个过程就是"线-点-线-面"这样的一个顺序,先把用例线进行全面梳理确定范围,然后再细化每条用例线中的交互动作确定节点,再思考每条用例线之间的交互与联系,从而把整体进行页面化,把流程最终转化成页面的关系,最终是一个通过页面确定整个系统架构的过程。这样的方法是先把业务流程产生的用例转化成交互流程,然后以交互流程为依据建立页面与层级之间的关系,实际上整个过程都是在以业务流程为核心推动着系统架构的设计,是一种自下而上的设计方法。先把底层的所有用户、场景、需求产生的用例都梳理出来,再经过向上一级的归纳提取把其中核心的业务流程模型建立起来。这样的方法非常适合做快速的功能设计,能够在较短的时间内确定交互动作的流程,在这个过程中只注重交互的流程而不是交互的形式。

在功能设计的时候我们总是说要善于归纳总结,但是如果前期没有想清楚所有的用例那么后期肯定是要不断地去填坑,"点线面法则"能很好地帮助产品人员最大程度上规避出现这样的情况。人物、场景、需求、功能这四者必须贯穿在整个设计思考的过程中,不断去思考四者之间的关系,所谓万变不离其宗亦算是这个道理。


justinlam。一个产品,半个设计。专注企业信息系统的研究与总结,擅长OA、CRM与ERP系统的架构与规划。爱好业务需求分析与互联网产品设计。(知乎专栏:遇见产品)

本文由PMCAFF专栏作者 @justinlam 原创发布于PMCAFF产品社区(www.pmcaff.com),未经许可,禁止转载。


http://www.taodudu.cc/news/show-546567.html

相关文章:

  • PMCAFF微课堂「已结束」 | 阿里资深运营揭秘电商运营与纯互联网运营的区别与互通
  • 那些年送出去的交互方案-微博篇
  • 翻译 | 2015年的最佳Material Design集锦 【上篇】
  • 嘿,是时候重新认识下海淘了
  • 一个应届产品狗的产品日记【第二部:学做产品】
  • Apple Pay会不会成为下一个eBay(完结)
  • 美国滴滴打人上线,约架神器如何玩转暴力社区?
  • 一个视觉交互设计失败的案例
  • 职场社交:做职场版微信不如做职场版微博
  • 好产品自己会说话
  • 产品经理应该掌握的信息架构知识
  • 浅谈所谓的产品「用户画像」
  • 关于“中国大妈”的用户画像
  • 叮当快药产品体验报告
  • 家庭厨房,如何共享美食?|回家吃饭产品分析
  • 原创译文 | 通过设计让学习变轻松
  • 预算为0如何拉用户?类类教你5个独门绝技,并说说一些陷阱!
  • 日本推出罩杯测量APP,罩杯大小一夹便知!
  • 老友会 | 情怀与时光不期而遇的深情大趴(现场快讯)
  • 互联网产品策划经验总结(用户端产品)
  • 如何更快的发现新APP,不会错过新的趋势
  • 微信红利末期,新媒体运营除了打造10W+还应该做什么?
  • musical.ly体验-这款国产外销的APP凭什么登上美国榜首?
  • PMCAFF高端俱乐部首次集结,最顶级产品人的私密俱乐部!
  • 年终福利 | 京东虚拟平台团队问答专场
  • PMCAFF产品经理与融资7500万的故事
  • 这封信里面,藏了300万数字货币
  • 12小时紧急策划 复盘一篇10W+的诞生全历程
  • 三点钟群分享:全球虚拟礼物赠送平台项目落地经验
  • 微信的公众号为什么不做分类?

产品设计中的点线面法则相关推荐

  1. 点线面的意义_【干货】设计中的点线面到底有什么用?

    原标题:[干货]设计中的点线面到底有什么用? 兄弟们 姐妹们 大家好 之前写完配色之后准备写下版式,版式当中的最基础的莫过于点线面了,之前有一个粉丝留言问,为什么会有点线面这个概念啊?我当时看到就啧啧 ...

  2. UI设计培训之设计中的点线面-面

    想要学好UI设计,从事UI设计工作,那么理论基础知识一定要会,今天小编为大家整理的就是关于UI设计中的点线面-面,在平面构成三要素中面是相对占空间最大的元素,在设计中也包含和表现更加强烈的情感色彩,有 ...

  3. 【UI设计培训基础知识】设计中的点线面-线

    UI设计所要学习的知识有很多,想要在后期的工作中稳稳当当,基础知识一定要扎实,下面就是小编为大家整理的一份关于UI设计培训基础知识的相关内容,主要讲的是设计中的点线面-线,来看看下面的详细资料吧. 点 ...

  4. 大话PM|产品设计中常被忽视的业务异常

    本文为PMCAFF作者 iamxiarui 于社区发布 由于疫情影响,在延长的假期中抽空回顾了近一年多来的产品工作.收获之于发现了一个比较明显且出现率很高的问题:产品部署上线后,经常会出现未曾预见但又 ...

  5. 【干货】实用案例|产品设计中的恰到好处

    之前写过一篇文章<像做发布会那样做产品>,文中主要写通过有意利用产品中的魅力需求来提高用户满意度,达到口碑宣传的效果.而今天写的文章与之类似,主要来写产品设计中的通过对用户使用场景的理解, ...

  6. 产品设计美学案例分析_美学在产品设计中的重要性

    产品设计美学案例分析 重点 (Top highlight) In one of my previous jobs, I had really interesting debates with the ...

  7. 产品设计中的五个层次需求,你知道吗?

    产品设计的重要性很明显,好的产品设计可以给客户带来户带来便利,让产品在市场上脱颖而出.那么,产品设计中的设计需求水平是什么呢?下面详细介绍这五个层次的需求. 一,作用 产品设计首先要实现一定的功能,解 ...

  8. 【设计灵感】产品设计中的灵感来源于日常生活

    很多初学者设计师在入门环节欠缺工作经验,对产品外观设计欠缺控制力.在产品设计阶段时,不清楚怎么开始,也没有灵感.实际上,产品设计中比较好的设计灵感来源于日常生活,我们应该如何得到设计灵感? 1.最先, ...

  9. 版式设计中的点线面总结

    版式设计中的点线面总结 (写作时间:4月27日 作者:陈铭军) 版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段,表面上看,它是一种关于编排的学问:实际上,它不仅是一种技能,更实现了技术与艺 ...

最新文章

  1. 在Ubuntu 14.04 64bit上安装下载管理器FlareGet 4.2.92
  2. TX2安装中文输入法
  3. Android-gradle插件调试
  4. Windows 下OpenSSL 安装详解 +图解
  5. ES6新特性之解构表达式
  6. 剑指OFFER之把数组排成最小的数(九度OJ1504)
  7. Gridview DetailView
  8. Macbook开启HIDPI(2K显示器)
  9. 子在川上曰:nginx的安装和配置、node服务器的配置、mongdb的安装、pm2进行项目动态管理
  10. android源生获取经纬度,Android获取GPS经纬度
  11. Scala基本语法-面向对象
  12. SRS4.0源码分析-序言
  13. vba oracle 查询数据字典,VBA 数据字典编程求助 - Excel VBA开发 - Excel精英培训网 - Powered by Discuz!...
  14. 用一朵花开的时间,记录自己的成长
  15. python统计小说人物出现次数_使用python统计《三国演义》小说里人物出现次数前十名,并实现可视化。...
  16. 白硕:区块链技术与数据隐私(附视频)
  17. 刚子扯谈:要明白网站建设的真正意义
  18. 记录一个本地安装sonarqube的问题
  19. Flutter3引用原生播放器-Android篇
  20. 微信公众号添加聊天机器人

热门文章

  1. 费用节省 50%,函数计算 FC 助力分众传媒降本增效
  2. 以 Kubernetes 为代表的容器技术,已成为云计算的新界面
  3. 阿里巴巴成立云原生技术委员会,云原生升级为阿里技术新战略
  4. 函数计算支持应用中心功能
  5. 查看go 安装了哪些包_如何灵活地进行 Go 版本管理
  6. php 有 stringbuffer,string,stringbuffer以及stringbuilder的区别
  7. python如何在官网下载1005无标题,如何安装python cairo?
  8. 如何切换默认python版本_Debian中如何切换默认Python版本
  9. html表格数据循环展示,MVC在View中循环数据在table中显示
  10. 图像降噪算法——稀疏表达:K-SVD算法