交互设计——绘制流程图

在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。何为流程图在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,...

        在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。


何为流程图

        在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,不同的顺序可能造成截然不同的结果。

流程图作用

        对于交互设计师而言,其主要的作用是表达每一个页面的跳转逻辑是,这个页面是怎么样到下一个页面的。

        对于产品经理而言,可以保证产品的使用逻辑合理顺畅、传达需求,用流程图来更好地表达产品逻辑、查漏补缺,检验是否有遗漏的分支流程。

流程图种类

        现在大多数人将流程图分为业务流程图、页面流程图、功能流程图、程序流程图这四种,交互设计师主要要了解页面流程图与功能流程图。


(1)业务流程图

        定义:基本上按业务的实际处理步骤和过程绘制,是一种用图形方式反映实际业务处理过程的"流水账"。(360百科)

        在这里涉及一个细致程度的问题,当然是根据实际的情况。流程图的细致程度越高,产品设计就越准确顺畅。但实际情况中,过度的详细反而是浪费时间。但一般是抽象地描述事物进行的次序和顺序,不涉及具体操作与执行细节。在互联网产品的业务流程图中就是脱离了用户实际的操作行为,而只是表现没有业务的具体步骤。

交互设计——绘制流程图


(2)页面流程图

        定义:指电子产品具体所呈现的页面跳转流程图。其承载了业务流程图所包含的业务流转信息。页面设计流程图的一大重点是面向表现层,也就是说,描述的是界面(或叫屏幕)的变化,是用户看到的界面的行为流。何为行为,可以说是页面的跳转逻辑

交互设计——绘制流程图

        页面流程是表示每一个页面出现的跳转,表现的是每一个页面(注意,停留在表现层)。其次,页面流程图依然是包含在业务流程图之中的,可以说是将业务流程图进行了细化。将抽象的业务流程图以页面的具体形式很具象的表现出来。

(3)功能流程图

        定义:指单页面内或多页面之间的功能操作流程,其包含在页面流程中。任何功能都是被包含在页面内的,但一个页面内往往不止一个功能,所以单单页面流程图可能无法完整表达所有流程,而这时就需要用功能流程图来更加具体表达每个页面内所包含的功能

交互设计——绘制流程图

        例如“得到”与“淘宝”,在一个页面有不同的功能操作,所以现在需要用功能流程图来更加具体表达每个页面内所包含的功能。以“得到”为例:

交互设计——绘制流程图


(4)程序流程图

        与其它三种流程图不同,业务流程图大多以人为核心,每个节点都是在传递人的不同行为、页面流程图和功能流程图也类似,都是以人的操作行为为核心,在不同页面和功能间进行流转。但数据流程图不同,它是以数据为核心,展示整个系统中,数据是如何被处理的。程序流程图更会注意流程背后的的程序。还是以得到为例:

交互设计——绘制流程图

        简单来说,程序流程图更多会考虑背后的背后程序流程是怎么样的。


流程图的组成元素与组成部分


(1)组成元素

交互设计——绘制流程图

        画流程图的工具有很多种,AXURE/WORD/WPS都是可以的。

(2)组成部分

主要分为主干(用户的主要完成步骤)、枝干(分支流程)、子流程(将某几个具有逻辑关系的节点集合而成的,可以复用在各个地方),以上面的“得到”为例:

交互设计——绘制流程图


(3)流程图的结构类型

主要分为:顺序结构、选择结构、循环结构

交互设计——绘制流程图

总结

流程图主要表示了一种结构顺序,对于交互设计师而言,在进行信息架构的组建的时候,其实也进了部分的流程图的设计,只是在根据接触点的梳理再次将流程进行梳理。交互设计师主要是页面跳转逻辑,也就是要注重页面流程图与功能流程图——页面功能流程图。一般交互设计师根据页面交互流程图会产生这样的流程交互稿:

交互设计——绘制流程图

超sir 

第十一

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36875/

(0)
交互精选交互精选
上一篇 2018-05-06
下一篇 2018-05-06

相关推荐

  • 交互设计之寻求设计需求点

    交互设计师如何进行设计需求分析?首先看交互设计的职责,协助产品经理进行需求分析,进行交互稿绘制,与视觉设计师对接。交互设计必须懂得进行需求的分析,不仅仅是用户需求,还有业务需求的分析,也就是来自产品的诉求,企业做这个产品的目的是什么。因此一个方案如果不能满足业务需求、用户需求和一个好的用户体验,那么它就不是一个好的方案。在这篇文章主要介绍的是如何进行需求分析和关键因素分析,找到设计的需求点。在这里主要分为了四个步骤:分析业务需求、分析用...

    2018-04-30
  • 华为朱平:用大服务把用户体验引向极致

    4月12日,华为新旗舰手机P20系列发布,同时还发布了保时捷设计Mate RS,以及多款产品。2018年,是手机市场艰难的一年,4G换机和消费升级带来的市场红利正在逐渐失去,5G尚未到来,市场进入一个相对低潮期。这样一个情况下,众多手机厂商面临了较大的市场压力。在这样困难的市场环境下,华为怎么巩固自己的市场地位,甚至扩大市场?华为一惯的态度就是用产品说话,用大大领先对手的产品来证明自己。其实我关心的是,华为P20
    Pro这样的产品,已...

    2018-04-21
  • 全新的交互体验 | 三星Bixby中文版首发体验视频

    在三星盖乐世 S8 | S8+发布之时,三星还发布了全新语音助手“Bixby”,但中文适配需要时间所以让国内的星粉久等了!为了可以让国内小伙伴快速上手,饼饼特地做了 Bixby中文版体验视频,快速了解 Bixby来这里看就对了!三星Bixby不同于一般的语音助手,在满足一般功能操作的同时还可以进行更深度操作,比如发微博、微信发红包、打开相机自动拍照以及导航等;有关更多Bixby的深度功能,我们期待与大家共同挖掘!点击下方“阅读原文”,了...

    2018-01-30
  • 华景招聘用户体验分析师啦!

    作为华景员工,除了能体验旅游之外,还能体验华景食堂的凉皮儿和拉面,包子和油条,腊牛肉和酱猪肘,狮子头和卤肉饭,肉夹馍和艇仔粥,老婆饼和豆沙酥,酸辣汤和叉烧饭,泰式河粉和肉酱意面,干煸四季豆和蒜蓉蒸茄子……华景集团招聘1. 用户体验部    用户体验分析师岗位职责:*负责产品的用户研究,分析用户的使用习惯、情感和体验需求*负责原型/产品用户体验评估工作,参与产品的交互界面的设计,分析影响产品用户体验的因素*定期开展用户测试,观察用户使用产...

    2018-05-04
  • NO.14 下一站用户体验

    今天要为大家推荐的书是杨艾祥的《下一站用户体验》,用户体验这个词大家并不陌生,但用户体验的定义以及所包含的具体内容有哪些,这个问题,可能并不是很多人都特别清楚的了解,用户体验这个被用“烂”了的词到底具备哪些威力,作为一个设计师又如何去提升产品的用户体验,在《下一站用户体验》这本书中都可以找到答案。目录(简版):一、那些让人讨厌的流氓行为1、这是个烦躁的世界2、这个世界没有新物种3、美丽的错误二、用户究竟在体验些什么1、腾讯为什么那样牛2...

    微信热点 2018-02-25
  • 交互设计 ▏如何在作品集中展现自己的设计风格和思考过程?

    交互设计是对于用户产品使用行为的优化设计。它关注的是“用户场景”和“用户心理”,设计的对象是“用户行为”,达成的目标是“能用、易用、想用”。作品集其实是一个人设计风格和思考过程的折射,一个好的交互设计作品集需要在作品中展示你解决了什么问题,如何解决的,以及最终成果。今天小编给大家带来了一位学姐的交互设计研究生作品集,希望可以给大家带来一些启发啦!!!学姐的作品集中一共有3个项目,分别是项目1:Wish项目2:RT: BAGS项目3:FI...

    2018-04-22
  • Sketchelp·2018暑期工业设计考研课程

    还是你们熟悉的Eric,还是你们熟悉的二师兄。2014年的夏天,天气热的没羞没臊,我们第一次开辅导考研手绘,那时只有三个人,一套笔。那时很开心,每天举着煎饼果子画手绘。两周年,四学期,已完善的课程,将在这个暑假全新开始:是不是临摹还行,轮到自己设计就歇菜?想知道有没有考研的“套路”?一个产品换个角度画,却死活画不出?产品+交互界面真的有很难?故事版的卡通形象一点也不卡通怎么办?“那天”万一考卷画坏了怎么办?答案都在这里。。。真实一线从业...

    2018-05-04
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

    2018-03-15
  • Sketch强大新技能: 支持多个设计师之间同步组件啦!

    ▵优设品牌号,旗下新品及内测邀请码资格均在此号,关注推送掌握动态,有机会第一时间获取。封面设计:Graphéine团队里多个设计师之间经常需要共用一些设计组件和元素,如果可以有一个包含这些组件的 Symbol 库,并且自动和所有人保持同步就好了。现在 Sketch47 就搞定了这个问题, 再也不用像过去一样通过发邮件、QQ 来同步了。如果你的团队需要多人共享一个 Sketch 组件库, 只需把这个包含公共 Symbol 的文件在你的 S...

    2018-03-02