1 / 9
文档名称:

交互设计流程图.docx

格式:docx   大小:352KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

交互设计流程图.docx

上传人:ttteee8 2019/7/8 文件大小:352 KB

下载得到文件列表

交互设计流程图.docx

文档介绍

文档介绍::..这几天做IDEA下面是如何绘制流程图的文章放在这里,并写下自己的收获,方便以后查阅。收获如下:1、 操作步骤是用户正常悄况下完成某项操作所需的操作,而交互流程图(严格意义上叫程序流程图)表达是执行逻辑的路径,通俗地将是当川户点击某个按钮之后,程序执行命令的顺序。2、 在绘制流程图的吋候应该和大致的页面相互对应起来,同步进行思考,保证设计每一个坏节的紧密性,而不是最后页面出來之后再绘制流程图,或者再对照是否是按照流程來做的。学****产品设计初期肯定会遇到两个问题:第一,如何考虑更全而;第二,如何绘制交互流程图。开始产品设计前先要考虑所有可能性,如何才能以线性流程图的方法组织所带的设计元索。小郑老师的《交耳设计表格》中己经介绍了非常实用的表格穷举法,适合初学者使用。流程图是产品经理和交互设计都必须掌握的技能,一张流程图对以省去需求文档和交互设计文档的很多文字描述,让技术人员一目了然地明白设计意图,便于组织程序的逻辑顺序。绘制流程图准从简单的原则,流程图是设计师的产出物,体现设计意图,主要给技术人员和测试人员浏览,至于自C是如何思考不应体现在流程图中。别人也要早点回家被老婆,没冇时间关心你如何的细心的考虑,也不关心用户会如何思考和操作的,请直接给他们展示设计的结果。复杂和纠结留给自己,简单留给别人。对用户是这样,对工作同伴也是如此。定图例1:手机程序开机检查更新的流程图流程图包括以卞图形:矩形表示交互环节菱形表示问题判断箭头表示工作流方向也有用圆角矩形表示“开始"和“结束”,个人i般不耍该图形,因为从上而下的线性流程图。最顶部的图形或者箭头开始的部分是流程图的“开始”,如图例中,开启程序触发了事件,程序开始检查更新;最底部的图形或者箭头终止的部分是流程图的“结束”,如重启程序和不再提示表示木次爭件结束,无须以图形区分表示“开始”和“结束”。流程图容易和操作步骤混淆,比如《交互设计表格》中的登录框操作步骤是:点击甥录,弹出甥求框点击用户名输入框,输入用户名点击密码输入框,输入密码点击登录操作步骤是用八正常惜况下完成某项操作所需的操作,而交互流程图(严格意义上叫程序流程图)表达是执行逻辑的路径,通俗地将是当川户点击某个按钮之后,程序执行命令的顺序。更复杂的系统流程图可用于产品架构。当用户点击的登录框Z后,文字描述程序执行的顺序:检查用户名是否为空。如为空,提醒用户“请您输入用户名”。如果用户名设置要输入手机号码,还要检查手机号码是否是否以13/15/18开头的11位数字。检査密码是否为空。如为空,提醒用户“请您输入密码”。检査用户名是否是已用账户。程序提交数据与服务器数据进行比对。如果不是,提醒用户“用户名不正确”。疑问:用户名有误和不存在是如何判断的?检查密码是否与账户匹配。如错谋,提醍用户“密码输入不正确”。现多数色录框将4和3合并,只提醒“用户名或密码不正确”,可能是告知用户过于准确的信息Z后会增加盗号风险。图例2,wap油验证用八于机号码—•、“设计时,既应该关注让任务流畅,乂需要让结构清晰。”如果你认同了这个观点,那么,接下來的问题就是:应该怎么做呢?下面介绍一个设计方法,这是一个用于兼顾“为流程”与“为结构”的信息架构(IA)的设计方法。是201()年底

最近更新