精华内容
下载资源
问答
  • 交互设计流程

    2011-12-01 10:03:00
    如果一提到交互设计,你就想到画线框图或原型,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型只是其中的一个环节。 当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽...

    如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。

     当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性?

    第一步,是任务分析,列出界面所要完成的所有任务。第二步按各任务确定页面流程,建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图。最后编写设计说明。

    下面以设计一款动感相册界面为例,逐步讲解各个环节。

     

    1. 任务分析

    第一步任务分析。这里要做的是对于将要设计的这个新界面的所有任务的分析,也就是用户在界面上能进行的所有操作。这个分析在功能需求的基础上进行,需求方一般提供一个功能点的列表。

    任务分析最常见的是任务列表,另外有任务流程和任务场景等。下面以任务列表为例。

    列出所有主要任务,以及每个主要任务的子任务。再把子任务细分到各个步骤。形成下面这个列表。

              主要任务1

                                 子任务1

                                                 步骤1

                                                 步骤2

                                   子任务2

                                                   步骤1

                                                    步骤2

               主要任务2

                                  …

    以动感相册为例,任务分析列表如下: 

                  1.   浏览相册

                         1)       浏览相册列表

                         2)       选择相册

                         3)       浏览照片

                  2.    创建新相册

                          1)       添加照片

                                      a)       选择已有相册

                                      b)       选择照片

                                      c)       排列顺序

                                      d)       添加字幕文字

                                      e)       选择动画效果

                          2)       添加模板

                                      a)       浏览模板

                                      b)       选择模板

                          3)       添加音乐

                                       a)       浏览音乐列表

                                                                  I.      试听音乐

                                                                  II.      选择音乐

                                       b)       增加新音乐

                                                                   I.      打开本地文件

                                                                    II.      选择音乐

                        4)       预览(略)…

                        5)       命名(略)…

                        6)       保存(略)…

                3.    修改相册(略)…

    任务列表包括所有功能点,并对每一个功能点的逻辑关系进行整合。必要时会对各任务的使用频率和其它影响设计的重要因素进行分析,这里不做解释了。

    2. 页面流程

    任务分析完成后,进入设计的第一步,即设计页面流程。页面流程是设计的开始,也是重要的一环。它决定整个界面的信息架构和操作逻辑。

    页面流程是上一步任务分析的自然转化。一般来说,一个主要任务就是一个页面,其它子任务也可以转化为页面。

    以动感相册为例,页面流程如下:

      

    页面几乎是把任务分析照搬过来了。所以上一步做好了,这一步很轻松,而且越往后越轻松。

    注意这个流程图应该包括所有将要设计的新页面,一个不少,一个不多。它不仅确定页面内容,页面数量,还确定各页面之间的关系。如果在后来设计具体页面原型时,发现这个流程图多了或少了页面,或者页面关系发生了变化,说明你的功夫不到家(这个比较难,我一般不苛求我们的设计师)。根据原型图来创建或者修改页面流程图,不是在做设计,而是在写设计说明。

    3. 页面布局

    第三步页面布局是具体页面设计的开始,在上一步知道有哪些页面需要进行设计后,这里对页面进行划分,对内容进行组织。最重要的一点是确定页面分区。

    以动感相册为例,页面布局如下:

    总布局,即通用布局,适合所有页面。

     

    具体页面布局,在不与总布局冲突的情况下,有更细节的布局。

      

    页面布局赋予零碎的内容以逻辑性,以分区的形式把页面各区域所对应的功能区确定下来,减少具体设计时的随意性。这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够判断哪个操作在哪个区域,减少盲目寻找带来的困难和疑惑。

    4. 原型设计

    这一步是大家熟知的,即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图,高保真多是接近最终效果图。

    下面是动感相册的低保真原型图。

     5. 设计说明

    最后一步需要做的是对所有页面进行详细的描述,包括对页面上所有元素进行说明,比如默认状态,跳转页面,字号字体,尺寸等。这里就不解释了。这是交给开发人员的文档,以及测试人员进行测试的依据。

    小结

    交互设计是一个过程,它不仅仅是画线框图。交互设计最关键的两个环节是页面流程和页面布局,前者建立清晰的架构和严密的逻辑,后者整合零散的信息并确定分明的主次关系。这一切都是为了我们的终极目标——让我们的界面符合用户的预期,不带给他们任何的意外。一切都在用户的意料之中。

    转自:http://www.theued.com/portal.php?mod=view&aid=16

    转载于:https://www.cnblogs.com/ITRoad/archive/2011/12/01/2270076.html

    展开全文
  • 项目设计常用流程图

    千次阅读 2019-09-19 09:27:31
    2.任务流程图(某个功能层面开发的流程图) 3.页面流(常见于UI设计的页面交互逻辑) 燃尽图: 用例图: 类图: 活动图: 状态图: 实体关系图: 时序图: 泳道图: 功能流程图: ...

    常用图:(统称流程图)

    时序图、泳道图、燃尽图

    产品的三种流程图:

    1.业务流程图(总体功能流转的流程图,常用泳道图)

    2.任务流程图(某个功能层面开发的流程图)

    3.页面流(常见于UI设计的页面交互逻辑)

    燃尽图:

    用例图:

    类图:

    活动图:

    状态图:

     

    实体关系图:

    时序图:

    泳道图:

    功能流程图:

    功能实现图:

    展开全文
  • 下面介绍一个设计方法,这是一个用于兼顾“为流程”与“为结构”的...在广州的“2010年首届中国交互设计体验日”中的工作坊上,我俩曾现场介绍过这个方法: 通常我们会在设计开始阶段分析出主要的用户任务,...

    转载自:http://blog.sina.com.cn/s/blog_6b6abdc10100wpny.html

    下面介绍一个设计方法,这是一个用于兼顾“为流程”与“为结构”的信息架构(IA)的设计方法。是2010年底,我和seven共同分析总结出来的。在广州的“2010年首届中国交互设计体验日”中的工作坊上,我俩曾现场介绍过这个方法:

    通常我们会在设计开始阶段分析出主要的用户任务,然后逐一任务画流程图。然后呢…直接开始画信息架构图(IA图)了,IA图怎么画呢?设计者凭空想象着画,靠经验,靠见识。IA树状图标明了主要页面的组织形式,然后再逐一页面的细致设计。之前画的流程图呢?似乎没用到。

    流程图是保证最终的产品能任务流畅的,如果能在IA的设计过程中切实用上流程图,“为任务流畅”就能保障了。

    这里要介绍的就是一个将流程图有效融合到IA设计过程中的设计方法—页面简图法:

    第一步:画流程图
    结合一个实例来看:这是一个基于QQ秀商城的网站产品。起个名字叫:搭配秀。用户A上传一张真实人物图片,展示在这个网站中。用户B看到这张图片后,照此搭配出一套QQ秀形象,与之匹配。搭配好的一对作品也会展示在网站中。
    我们先画流程图,首先总结了这样几个用户任务:提交待完成的真实人物照片;完成作品;随便看看。三个任务的流程图如下:

    为什么流程图没有作用到IA设计过程中?
    最终的产品是一个个页面的集合,IA是这些页面的组织形式,IA图上的每一个节点就是一个页面。流程图的研究对象不是一个个页面,而是一个个行为,所以,在IA的设计中不知该如何使用流程图。
    有时候整个IA设计完成后,设计者们还能想起来当初画过流程图,可能会翻出流程图来,校验一下设计出来的方案,看方案是否能让这些任务顺利。设计过程中并没为流程而设计,事后的校验要想有好结果,恐怕要靠好运气了。
    肿么办?
    因为流程图的研究对象是行为而不是页面,所以,在最终的基于页面的产品设计方案中难以应用,那么,我们想办法把流程图的研究对象转化成页面就成了呗~

    第二步:将流程图转换为页面简图

    转换时,只要粗略想好每个页面大致的设计就好了,比如:这是一个列表页;这是一个登录页…
    这些比页面原型更为简略的图是为了后面搭建IA用的,所以异常简略,你甚至可以只是给每个页面一个名字就够了,此时无需过多考虑每个页面内的具体设计。给这些超简略的图起个名字:页面简图。

    上面这些页面简图就是这个产品要包含的主要页面了,把它们组织起来,使其有序,这就是
    第三步:设计信息架构

    在第三步中需要说明的几个问题:
    • 有些页面是重复的,只保留一个就好;
    • 保留页面间跳转的那些链接、按钮,它们是任务流畅的保障;
    • IA的设计更侧重于关注合内容逻辑,易学习性。

    通过这三步的设计方法,产品的架构就搭建好了。页面简图中已经对每个页面有了大致的设计,现在完成了IA,接下来就可以去细致的设计每个页面了。

    总结
    页面简图法是一个信息架构的设计方法。这个方法通过页面简图将流程图翻译为页面和页面间的跳转关系,再组织这些页面,形成信息架构(IA)。

    产品的最终包含的页面是来自于第一步的一个个流程,并且在第二步、第三步中都一直保留着页面间的跳转,这些都保证了“为流程而设计”。
    第三步是专门的设计IA,待组织的这些页面是根据任务流程一串串的,类似“选图片”与“写描述”一定是得归在一堆儿的。IA的设计也会更有依据了。“为结构而设计”也能做的更好了。

    页面简图法的三个步骤,每一步都是在设计,流程该怎么设计?怎么翻译成页面简图?信息架构如何组织?不同的设计者会给出不同的结果。
    设计方法只是给设计者提供一个更为靠谱儿的思路、框架,并不能代替设计者的头脑。

    如果你尝试着应用这个方法,可能会发现,在有些时候,这个方法显得没啥价值,比如,要设计一个图形工具类的产品,靠经验就能判断出显然只有一个主界面,各 种流程都是围绕着这个主界面展开的,第二步翻译出来的页面简图会都比较接近,而第三步更是没啥干的,而即使不用这个方法,之前就已经能判断出总共只有一个 主界面。
    针对特殊的产品,还应该有更多的更有针对性的设计方法,我之后应该还会总结出一些。与那些未来将诞生的设计方法相比,这里的这个方法应该说是更为通用、普适的。

    补充:绘制工具

    Windows: 线下工具大家常用的就是下面三个:

    小的流程图用用PPT就够了,完了就导出图片或截图。交互设计师们因为常用axure绘制线框图,所以也不必为了流程图去学习新的工具,完全可以用axure的flow控件完成简单的业务流程图的制作。而PD们则常用微软的visio。此外,特别推荐一个软件:SmartDraw

    Mac电脑:

    自然要推荐omniGraffle. 绘制出来的任何图表不知为何总会觉得很美……

    但是不管windows还是mac,除了线下的工具,还有更多线上的选择:

    不过貌似我们对线上工具普遍来说都不太放心,是对服务器,网速,还有对GFW不放心吧。

    1. https://cacoo.com/

    2. http://creately.com/

    3. www.lucidchart.com

     

     

    转载于:https://www.cnblogs.com/JoannaQ/archive/2012/09/13/2682830.html

    展开全文
  • 交互设计的真相

    2021-02-27 00:06:37
    工具型产品的结构层即为“交互设计”,这一部分的产出物主要为任务流程图。然而实际上并不存在绝对的工具型产品或是绝对的内容型产品,在每一个层面中,这些要素必须相互作用才能完成该层面的目标。因此也可把产品的...
  • 利益相关:AntV 设计师, AntV 是 Ant Design 设计语言中的可视化部分。本文讲述的是关系型数据 G6...萍水相逢最早接触流程图是在 2014 年“任务调度”项目,当时懵懵懂懂画了一张这样的图:诸位看官,看完是不是...

    2eba03eb71f81a416d2165a9a09c91e4.png

    利益相关:AntV 设计师, AntV 是 Ant Design 设计语言中的可视化部分。本文讲述的是关系型数据 G6(Graph of 6 degree theory)中流程图编辑器的搭建经验,阅读时间约 8 分钟。

    关系图编辑器指的是搭建流程图、脑图等可视化图表的工具,比如 XMind。

    萍水相逢

    最早接触流程图是在 2014 年“任务调度”项目,当时懵懵懂懂画了一张这样的图:

    042eba53127414d29c09734198e6b9c6.png


    诸位看官,看完是不是想打110:“警察叔叔,就是这个设计师,快抓住他!”

    7c4e0baf5d1c57eff517b52576d1a920.png

    为什么要抓我?原因有三:

    1. 节点扩展性不足:仅显示一个 ID 无法区分任务节点、无法显示更多任务信息;
    2. 信息层级在哪?节点一多,满屏都是曲线啊,泪…;
    3. 视觉不美观:锚点(小圆点)意义不大、线条曲度不好看,背景色的小点都是视觉噪音哈;

    有这三点原因,抓就抓吧,我服!!毕竟年少无知、涉世不深…

    99800d99e6acb0178c987ec6b0591475.gif

    9d5a92add69effab660ab0ff4ecf8d78.gif

    再次结缘

    历史的车轮轰隆隆地滚滚向前,再次接触流程图是 2017 年底。这次 AntV 已有解决流程图和关系型图表库的 G6 内核,以及辅助关系型图表搭建 G6-Editor。广大的业务方希望 G6-Editor 能解决掉大部分基础技术问题以节省开发定制时间。

    当时 G6-Editor 还不具备这些能力,因此 AntV 小组决定对 G6-Editor 进行重装升级,希望各业务方能开箱即用,并且逐步打造成业界精品。

    那么问题来了,G6-Editor 如何开箱即用?给谁开箱?这一次 UED 需要考虑的更多,想的更长远…

    用户是谁?

    收集了我们业务上常见的流程图:

    d4b2555152ca6a8d2f099b22e6a4cccf.png

    可以发现,每一款产品的使用场景不一,用户诉求也不同。如果 G6-Editor 要做到开箱即用,难道要为每个业务定制一个箱子?那得多少个箱子?… 显然行不通。

    7206c711ec73114bc125b4682a7e7761.png

    将业务上常用的关系型图表归类后,大致有两种典型的使用场景:

    • 图编辑场景:拖拉拽方式编辑图,生成流程图、脑图等图表,这种产品的需求很旺盛;
    • 图分析场景:图本身不可再次编辑,通过已生成的图去探索、发现,比如任务调度大图,各编辑图表的只读态;

    从使用角色来看,这些产品的用户可纵向分层为两类:

    • 底层的设计者:他们研究 G6-Editor 接口、运作机制,然后生成代码用于自己的产品中,通常设计者为开发工程师、PD、UED 等;
    • 顶层的使用者:使用者通过系统搭建业务相关流程图,通常使用者为运营、算法工程师、ETL 工程师等;

    用户有了,场景也有了,现在 UED 要做的是一个“百宝箱”,也就是说是各业务线具有共性的箱子,一个放之四海而皆准的箱子。

    设计思量

    在设计时,我们遵循三点设计原则:

    • 为中间用户设计
    • 为目标设计
    • 为控制感设计

    为中间用户设计

    新手想要什么?专家想要什么?那些夹在中间的用户需要什么?如何做平衡,中后台产品一个永恒的议题就是如何设计出一种简单、优雅的界面同时满足新手与专家。

    G6-Editor 产出的箱子边界在哪?往大做什么都可以做,往小做不能满足业务需求。因此我们必需要想清为哪部分用户服务。

    从统计学角度可以看出,人们从事某项活动的经验水平倾向于遵循经典的正态分布曲线,如下图所示,位于曲线左边的新手和位于曲线右边的专家都是相对较少的,曲线中部的中间用户占据了大部分比重。

    94beea5f30a869c2cea95e954b280217.png

    以流程图为例:

    • 设计者:G6-editor 需满足开箱即用。流程图的 Demo 就像是一道预成品的菜肴,新手可以直接享用,中间用户照猫画虎可生成自己的产品,而有高级需求的专家用户,基于丰富、开放的接口可以高级定制。这次升级,我们从提供基础服务向提供通用技术方案迈出一小步。下图为基础流程图 Demo:

    841cbc53143e2d50daa51924c37ea591.png


    下图为模型流程图 Demo:

    072fe620078d7fb47ac9f67499adab01.png
    • 使用者:用户关心流程图操作流畅性、信息传达准确性、美观度等。新手能借助工具栏、丰富的视觉反馈轻松搭建流程图,而对于专家完全可以通过快捷键、鼠标操作完成诸如自动归组与解组等高阶操作,在这中间的转换并不设门槛。

    726907b91c3b9a9fb826c83c2f356670.gif

    再看思维导图:

    新手可以通过工具栏新建

    2d4c318dcc822b3177241ba2ea3b1d7a.png

    而熟练使用 XMind、MindNode 的专家用户则通过键盘快捷键进行“增、删、改、查”、移动等操作,这种效率是无与伦比的。

    1868cab60f4b7ef3b7de795b4356028f.gif


    而在新手与专家用户之间,通过引导使用快捷键、右键等操作进行转化。为中间用户而设计遵循三点原则:

    1. 轻松可将新手培养成中级用户;
    2. 用户成长不设限;
    3. 保证中级用户愉快的使用体验;

    为目标设计

    交互设计要建立在对用户的认知原则的了解之上,通过恰当的设计匹配用户在特定场景下的特定行为,实现用户目标。

    以业务流程图为例,制作者当下的首要目的是:

    • 构建一个清晰的、逻辑合理的图;
    • 画图要快;
    • 图要有美感、形式感;

    为了实现这这个目标,我们做了一些约束:

    • 流程图方向性
      一般是自上而下或从左至右,为了让最终效果具有平衡性与形式感,设计上约定左侧或者上方为输入端,右侧或者下方为输出端。

    ad64a743d04922ee6cb6df68f0e4a5a3.png
    • 流程图的连线
      业务流程图的节点大多数具有业务属性,几个输入、输出锚点有特定含义,不可随意链接。因此在连线时,可连的锚点会高亮成绿色,通过清晰的视觉通道引导用户做正确的事。

    c22b98d68482dac57be99e62e6eac8fc.png

    效果对比:

    e792d3a2dfceaf508a7131a8eb5ec7d1.png


    修改后,避免:

    • 错连:直到鼠标释放才知道自己连错了;
    • 逻辑混乱:同一个锚点,既是输入又是输出;
    • 无秩序美:线条豪无规律可言;

    为控制感设计

    中后台产品特别是复杂的编辑器场景,用户需要让一切尽在自己掌控中。就如同我们操作 Sketch、PS 一样,我们希望有精准的操控,这就需要我们给出确定的、可控的交互。

    图编辑器的几个设计点:

    • 画布空白区域,鼠标默认是抓手而不是框选
      模型流程图、决策流程图进行批量操作的场景不多,也就是说框选一批进行操作的场景并不常见,而经常会因为画布太小要平移查看图,所以在画布空白区域,鼠标默认是平移操作。另,UED 本能觉得可以 空格+点击平移,但这只是被众多画图软件给教唆的,开发同学可没有同感。
    • 滚轮默认是移动,不是缩放;
      曾亲眼看到很多用户因滚轮不小心移动,导致内容缩小至不可见或移出画布找不到的情况。为避免出现类似 Bug,滚轮默认平移的体验较友好。
    • 图保持在视线范围之内;
      无论怎么移动,图的一角总在画布范围内,就像带孩子一样,我虽然坐在公园的椅子上刷手机,但孩子要在我的视线范围内我才觉得安全。

    ee57e85f73215c23095386e36793048a.gif
    • 即使编辑器有“自动保存”功能,也要增加“手动保存”按钮;
      让用户放宽心去画图,特别是大型工程有个“保存”按钮,保存完后有提示保存成功总让人觉得很安心。

    关键词

    回顾一下,在整个设计过程中一直有几个关键词是挥之不去的,分别是“克制”、“顺势而为”、“效率优先”;

    克制

    特定的场景下,能干什么,不能干什么,设计师要有一杆称,这就是“箱子”的意义所在。

    • 为了让成品构图具有平衡性与形式感,需要在输入与输出作一些限制;

    ad64a743d04922ee6cb6df68f0e4a5a3.png
    • 只能连接特定的锚点,引导用户完成当前工作,而不是增加试错成本。虽然有约束,但是是正向的积极的约束。

    c22b98d68482dac57be99e62e6eac8fc.png

    顺势而为

    大胆预判用户行为,通过视觉引导做出操作,这样做的好处是应用很体贴、且做到效率优先。

    • 拖动节点叠加可创建组,零延时,拖出解组有延时 0.4s 以防误操作

    726907b91c3b9a9fb826c83c2f356670.gif
    • 隔空拉线,引导连接新节点

    89f0f0cc5e284a67304816cbce4f42ff.png

    效率优先

    针对专家用户而言,真正的“快”是方寸之间,运筹帷幄。

    • 一种快速移动定位逻辑:在思维导图上,通过小键盘上的上下左右箭头快速定位选中节点,我们用了两个原则结盒:一是同级优先原则、二是靠近原则

    e03cfda1c8ff176eabd2aef61b0f5111.gif
    • 选中即可编辑,而不是非得双击才可以进入编辑态。

    fea8fcf2f648a10f37a1c92cb7e1fc91.gif
    • 新建后默认为编辑态

    c2f3decd108269b9f5c8b55daa0ecb4b.png

    Features

    流程图曲线连线普遍存在的问题:

    cc5731b92539ee97b8f3ff7c0e860392.png

    解决:

    7df628488c1e9cde2c57363a8cbc4ede.png

    整体效果:

    89f7dcaeec1c7e81e30866f7bbc8eb20.png

    脑图的的连线设计:各线段等比例缩放

    1f98a72bc2f304b7fcac98161a1f2178.png


    总之,G6-Editor 在开箱即用的路上精打细磨,为的是让商业美而简单

    展开全文
  • 的确,大家所看到交互设计师的日常工作成果都是一些线框,从表面上理解的确是这样。其实,交互设计师做的远远不止这些。往深一步想,信息架构、界面、流程,都是设计师需要考虑的问题。下面,想谈一下我理解的交互...
  • iMatrix平台的工作流管理分为流程图设计器和流程引擎,流程引擎是基于表单和组织结构的交互式流程引擎,采用decorator设计模式,内核使用的是jbpm4.4,在jbpm原生的xml中添加自己定义的一些扩展属性,实现相应的扩展...
  • 首先要感谢前腾讯产品总监刘滔老师的课程,我将对刘滔老师讲解的内容作以笔记和总结! 9 交互设计 9-1 什么是交互设计 交互设计:把产品目标具体化,变成可视可执行的方案...交互设计流程任务分析(所有功能...
  • 工具型产品的结构层即为“交互设计”,这一部分的产出物主要为任务流程图。然而实际上并不存在绝 对的工具型产品或是绝对的内容型产品,在每一个层面中,这些要素必须相互作用才能完成该层面的目标。因此...
  • 在工作中我们常用到的流程图有业务流程图页面流程图和数据流程图作为产品经常谈的是业务流程图作为交互设计师则比较关心页面流程图而作为系统分析师数据流程图最关键业务流程图顾名思义用来描述业务流程的一种图通过...
  • 360uxc:交互设计基础

    2021-03-02 09:02:00
    文字传递信息相对不够直观,特别是逻辑、流程表达,表格相对条理性清晰一些,但仍不如图片表达清晰,例如流程图、趋势图、柱状图、天气预报、路况图等。例一:天气预报例二:实时路况让用户成功,产品才会成功,也是...
  • UETeam内部工作流程(图1),指导性的流程,实际操作中会有偏差,如任务紧急有些环节及review就会被跳过,大体是这样一个...UE继续跟进,然后无限循环…….-_-’产品Workflow文档(图3只列出流程图的一小角),这玩意除
  • 产品经理--流程图

    2018-01-14 23:47:54
    1)什么是流程图 1.流程  一系列逻辑关系(因果关系、时间先后、必要条件、输入输出)  在特定的情景下满足特定用户的特定需要的总结 ...设计草图:角色、任务、逻辑、输入输出  3.线框图、交互
  • 作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能...
  • 在广州的“2010年首届中国交互设计体验日”中的工作坊上,我俩曾现场介绍过这个方法:通常我们会在设计开始阶段分析出主要的用户任务,然后逐一任务流程图。然后呢…直接开始画信息架构图(IA图)了,IA图怎么画呢...
  •  再往下一个阶段的设计师,可能会考虑线框怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则;  ​ 再到一个更高层次,我觉得需要设计师在前两个层次的基础上去前置产品...
  •  再往下一个阶段的设计师,可能会考虑线框怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则; ​ 再到一个更高层次,我觉得需要设计师在前两个层次的基础上去前置...
  • 2)提供一套完整的流程,包括后台的“模型/算法”、“打标系统”和前端的“用户交互界面”,让使用者能够更加友好地与后台算法进行交互;3)可扩展性:将这套系统的后台比喻为一个武器库,我们需要不断充实和完善...
  • 上一篇介绍了如何画流程图,这一篇介绍任务节点的类型和属性定义。定义六种类型的任务节点基本可以概括所有的情况。 1、开始节点 表示流程的开始,一般情况下一个流程只有一个开始节点,为了简化流程,减少流程模版...
  • 感谢您下载包图网平台上提供的PPT作品为了您和包网以及原创作者的利益请勿复制传播销售否则将承担法律责任包图网将对作品进行维权按照传播下载次数进行十倍的索取赔偿 竞品调研 目 录 CONTENTS 挑选竞品 交互结构...
  • 交互设计阶段(交互设计师负责) UI设计阶段(UI设计师负责) 开发阶段(研发人员负责) 分析工作量——>给出排期——>进行开发 后端开发任务:给出接口文档并且给出后台接口 前端开发任务:需求文档...
  • 软件设计UML建模

    2020-04-09 10:35:36
    任务流程图,有入出口、判断分支等。 面向程序员,实现某个需求功能的流程设计。 页面流图 页面之间的跳转关系, 用户交互的页面实现的流程设计。 面向UI和前端开发人员。 数据流图 即数据流向图, 数据的...
  • 1 APP测试基本流程 1.1预估测试周期 测试周期可按项目的开发周期来确定测试时间,一般测试时间为...3.效果设计交互稿 4.行为统计分析定义文档 5.测试设备(测试机,平板,系统iOS、Android,不同分辨率) ...
  • 交互设计任务分解举例;从招聘广告看交互设计师;界面交互信息构架;从招聘广告看用户体验分析师;产品设计流程参考;产品设计流程;产品设计过程中的交付物;举例YAHOO产品设计流程;产品设计中的棘手问题;目录;以用户为...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 253
精华内容 101
关键字:

交互设计任务流程图