10分钟了解交互设计中的功能动效
关关 2018-06-29 来源 : 阅读 260 评论 0

摘要:一个好的交互设计师可以很容易的解释设计里面的决定背后的逻辑。这包含着信息架构,页面内容的层次结构,流程和所做的解释。希望阅读本篇文章以后大家有所收获,帮助大家对交互设计的理解更加深入。

一个好的交互设计师可以很容易的解释设计里面的决定背后的逻辑。这包含着信息架构,页面内容的层次结构,流程和所做的解释。
  迟早,动效将会应用到线框图原型中,这个时候,再去对设计做决定或者是解释,将会变的难一些。例如一些这样的理由:太狂拽酷炫了……太潮了……太鸡冻了……这将是设计失去其力度的领域(Reasonssuchas“Itwillbecool!”or“It’strendy”or”exciting”areexactlytheareaswhereadesignstartstoloseitsstrength.)在我们的设计中,动效理应占到更多的比重。我们应该去定义动效,并且阐述他们的目的——像我们阐述一个设计中其他的元素一样。
  什么是功能动效?
  功能动效是微妙的动效,是我们嵌入在用户界面设计中的流程的一部分
  不像是迪斯尼出的动效(动画)或者是电脑游戏中的动效,我们这里讲的功能动效拥有一个清晰的、有逻辑性目的。这个目的为是我们想要传递的设计理念服务的。功能动效是我们UX(交互设计)工具库中的又一个工具。
  在一个完美的世界里,我们应该可以验证功能动效与清晰设定逻辑的目的。如果一个动效在我们的设计里面遵循我们设定的逻辑目的,那么它就是一个有效的功能动效,它存在在我们的设计中便是合理的。但是,如果它不与逻辑目标相符,那么它可能就是多余的,需要重新慎重考虑这个动效存在的意义。
  在过去的一年左右的时间里,做过各种各样的项目,我收集并整理了一系列九个逻辑目的。今天帮我验证功能动效。我已经意识到,通过查看一个被很好定义的动效,我可以很容易的把它们放入到这个系列点一个或者更多的组。
  也可以这样思考:当一个动效不符合一个功能性的目的,那么这个动效多存在可能会让用户觉得困惑或者恼怒。下面是我目前收集的这一系列的动效。我希望你会在你的设计中对你有所帮助。
  导向

  导向会阐明结构。在这组中,收集的是一些扮演导航角色的动效,它是网页信息结构的反映。这种动效是想要吸引用户对导向的注意,帮助用户理解页面布局刚果发生的变化:什么导致了这个变化,下次想要使用的时候怎么再次打开。
  一个典型的例子是:一个按钮,可以切换隐藏内容(如个人资料等)。当你点击它是,会出现一个隐藏的面板,当你合上面板,它缩小回操作按钮。
  第一次接触的时候,用户可能对马上要发生的事情(做了动作之后的回馈)猜的不那么准。隐藏面板尺寸不断变大的载入动效可以帮助用户更好的知道发生了什么,而不是觉得自己离开了页面或者内容突然消失了。这样用户就产生一种自在的掌控感。收回面的的动效可以帮助用户关联打开对应面板的按钮或者图标,这样他们就会知道下一次从哪里打开这个面板。
  逻辑目的:避免突然间的变化,让用户知道自己在哪。


  本文由职坐标整理并发布,了解更多内容,请关注职坐标设计创作交互设计频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:13167058313
小职老师的微信号:13167058313

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    ICP许可  沪B2-20190160

站长统计