【UXRen原创】交互设计的3点原则

ixd-prins-yuanchuang-00

作者:张云钱(从前端到UI到UE到PM,现任上海某互联网公司,产品经理。)

 

 

最近由于产品的工作太忙了,所以公司招聘了一位交互设计师,来分担一下PM的原型图工作。由于之前的交互原型图一直是我在做的。公司就让我带一下新来的交互设计师。于是,我想制定一套交互设计的规范,达到【建立标准,一劳永逸】的效果。

在任职产品经理期间,根据我绘制交互原型图的实战经验,我提出交互设计的3点原则:唯快不破,唯用至上,唯一可变。

 

一、唯快不破

唯快不破的解释:

为了达到快速绘制原型图,快速修改原型图的目的,交互原型图可以舍弃一些耗时的交互动效,舍弃一些视觉上的修饰。对于交互动效和视觉修饰,后期我们可以用文字描述在原型图旁边,或者直接写在产品需求文档里面。

唯快不破的用途:

根据这个标准,可以很容易解释如下问题。

  • 比如:制作原型图的时候,应该做成低保真,还是高保真?

最佳答案就是:做低保真的,因为这样做起来快,改起来也快。如果很想做成高保真的交互原型图,那么我建议在Ui视觉稿通过评审之后,再开始把低保真的交互原型图改成高保真的交互原型图。因为Ui视觉稿都通过评审了,这样后期的高保真原型图也就没什么需求修稿了。

  • 又比如:制作原型图的时候,应该填充颜色,还是用只用黑白灰?

最佳答案就是:原型图只需要做成黑白灰的,因为这样可以节省颜色搭配方面的斟酌时间。多一次配色的思考,就多浪费了0.1秒。当然,如果公司的Ui设计部门有要求,或者自己本身就是设计出身的产品经理,那么就另当别论了。

  • 再比如:制作原型图的时候,应该用一种字体类型,还是多种字体类型?

最佳答案就是:做成一种字体的,因为这样可以节省字体类型方面的斟酌时间。因为字体种类多了,就需要频繁变换字体。多变换一次字体,就多思考了0.1秒。

 

二、唯用至上

唯用至上的解释:

交互原型图的每一处设计,都需要有相应的理论支持,竞品参考,数据分析。

唯用至上的用途:

理论支持方面举例:web的交互原型图,有一个理论是【7±2原则】。它的定义:7加减2原则与人的短时记忆力有关,根据George A. Miller的研究,人类短期记忆一般一次只能记住5到9个事物,而如果在设计中加入超过5到9个信息量,那么势必会造成对需要表达的主体内容进行一定的冲击。

用途:根据这个理论,在交互设计web导航栏的按钮个数的时候,只需要设计成在5到9个之间就好。

竞品参考方面举例:app的交互原型图,参考竞品会发现:APP底部条的标签栏按钮个数为3个到5个。图片分析如下:(图片的上半部分有模糊处理,不过,底部条的按钮是清晰的。)

用途:根据这张竞品分析的图片,在交互设计App底部条的标签栏按钮个数的时候,只需要设计成3个到5个就好。

ixd-prins-yuanchuang-02

数据分析方面举例:根据网站【伯乐在线】的数据分析链接:【http://blog.jobbole.com/84894/】,可以得出一个结论:APP页面字体的大小为:20px到34px之间最为常见。

用途:在做交互原型图的时候,我们直接把字体大小简化成六种:20px,24px,26px,28px,32px,34px。这样做出来的交互原型图,既可以节省在字体大小方面的斟酌时间,又符合主流APP的最佳尺寸规范。

这里分享一下2个关于尺寸测量的工具:

  • 马克鳗markman,腾讯Dorado等。

 

三、唯一可变

唯一不变的规则就是不断变化发展的规则。只有不断更新的交互设计规则,才会拥有源源不断的生命力,才可以满足互联网时代的用户对交互体验不断变化的需求。那么,在什么情况下可以大胆尝试新的交互效果呢?

我觉得只要满足【唯快不破】和【唯用至上】这两点中的一点,我们就可以大胆尝试新的交互效果。

ixd-prins-yuanchuang-01

 

 

顶部图片来源:http://line25.com

=============================================================

不知不觉本网站已经一岁半了, 在这里小编要感谢那么一如既往支持本站的油茶人。

13Tech欢迎UXRen投稿,提供有价值的资讯、线索、点子及建议。

邮箱:contact@13tech.com.cn

注明:本站内容及数据部分来自互联网及公开渠道,如有侵权请及时联系我们。

==========================================================

 

 

2 条回复

  1. 头像 梁艳说道:

    好文,实用呦~

发表评论

您的电子邮箱地址不会被公开。