资深交互设计师教你：四类d框的四大设计准则

资深交互设计师教你：四类d框的四大设计准则

这几年很多文章都会谈到子d盒的设计，但其实一个子d盒就是一个子d盒，所以很少有人关注。我可以用一句话概括，叫做——展开句，然后我展开成一篇文章。(你有粗心调皮的样子吗？爱你~)

原来，传统定义中的子d盒一般有三种:

1.系统软件d出提醒。

2.帮助用户快速做出选择。

3.对用户的实际 *** 作进行反馈。

但是现在多了一个，很多商品都会用这种跳帧的方式，因为很赚钱——广告。所以广告类的d匣早已在不经意间被列入第四类d匣设计。今天我们就把这四块内容作为一个整体来讲。毕竟这篇文章篇幅很长，但绝对值得你亲自收藏。

在说什么之前，我们先为这许多类型(styleup)设置清楚的技术术语:

系统软件自d出出的提醒-- 提示信息协助用户迅速做挑选-- 实际 *** 作正确引导对用户的实际 *** 作给与意见反馈-- 反馈机制广告宣传-- 广告宣传d框(意想不到了，脑子不好使)一、提示信息

其实提示信息的d框可以用来写很长的文章，但是为了更好的防止大家越写越长，也为了防止逻辑不清，我就说几个相对性比较关键的。

其中有一个是大家最关注的，就是d匣的评价和分类。这种自我d出的提醒总是让我非理性的想要卸载App(就是那种无法克制的非理性，不知道大家是否理解那种感觉)。

对于这种子d框架，必须遵守四个设计标准:

1.不要在用户第一次登录时就出去。没有其他人在你的产品上工作，所以你需要其他人的评论。你想要什么?

2.注意子d盒的频率。暂时不玩了。d出来了怎么办？

3.专业设置频道。有些用户真的是好人，会在应用后对用户进行评价。所以，最好能留一个那样的渠道，层次深一点，让用户自己实际 *** 作。比如:

微信立即在网页中留下评论通道。虽然层次很深，但是比一直打框提醒，果断取消这种框提醒的方法好多了。记住，用户要评论，就一定会去做。如果他们没有，如果你做的太多，负面信息其实就会出现。

4.同样的四个字:注意清洁。要想让自己的产品在同行业竞争中脱颖而出，就要在做好的前提下，表现出不同寻常的特点。比如:

小红书app在这些方面做得非常非常好。自然还有很多其他的。我正好遇到他们家，大家可以以他们为榜样。多想想，有时候关键点真的能决定成败。

再来说说另一种消息框。甚至在产品升级后，进入页面会让用户查询升级的详细情况，可以点击“知道”选择不看。(有些人会把它设计成引导页，这里不标明引导页，中后期会另文详述)。比如:

你也可以用上面提到的四点来设计这种提醒:

1.注意d出频率(这种提醒一般只有在升级产品第一次打开后才会d出)

2.专业设置频道(一般在同级别评论留个街角会比较好，可以展示新功能的细节)

3.清理(这个很少讲)。

给出了两个实例，并用四个点说明了这种d架的设计方法。我称之为信息子d框架设计的四个原则。自然也有系统软件会提醒用户是否接受消息。这种d匣都是提示信息d匣，这里很少提到。如果遵循这四个原则，设计思路都是一样的。

二、实际 *** 作正确引导

实际 *** 作中的正确引导是什么意思？上一张图片:

你担心这个(凡夫俗子:这不是陷害，开什么玩笑)？

有人很可能认为这种正确的引导最多只能算是一个d出层，而不是一个盒子，只是专有名词的区别。所以，这里我也把它放在了d框下面，其实定义还是一样的，也是实际 *** 作中正确引导的d框提醒。

下面讨论实际 *** 作中正确引导的第二种d匣:

有印象吗？这种d出框经常出现在一些用户不掌握的网页上，防止用户误 *** 作。但是现阶段很多人觉得这种d盒有好有坏，有些地方显得不合理，切断了用户的应用。所以在设计这种d框的时候要非常慎重，要根据几次讨论和科学研究来确定是否有出现的必要。

这种子d框架也有四个设计标准:

1.注意出现的频率。如果您从d出窗口正确引导，请务必注意频率。一般免费下载后第一次打开应用才会出现。

2.创意文案要简单明了。有些子d盒很有意思，出现的创意文案让你永远不知道该选什么。其实只有两个选择。比如:

是真的，因为怕这个App被别人说，所以随意弄了一个。有点丑，看看就知道了。我把创意文案内容抄在里面了。这种d盒会让用户担心，甚至是几秒钟，所以设计的时候一定要注意创意文案。

3.按键的顺序。这个规律可以应用到上面哪张图。或者字体样式的大小都可以区分。你要学会如何正确引导用户，做你想让他做的事情。

4.漂亮大方还是关键。

在实际 *** 作中以正确的导向设计d架时，遵守这四个准则，设计出来的d架就不容易坏。

三、反馈机制

反馈机制类的子d盒坚信人们经常看到，但印象并不深刻，因为这个子d盒给人的感觉是看似不存在，其实是存在的。这是另一张图:

你有印象吗？这种d出框一般出现在实际 *** 作后会有反馈的地方，提醒用户网页正在加载、保存成功、删除、更新中。我不想截图，相信大家都能理解。

那么这种子d盒也有四个标准:

1.展示一个小的动画特效，比如黄菊花。为什么？因为这种反馈d匣会让用户一直等待，所以需要和用户互动，让用户知道自己已经在加载了，而不是卡死。如果实在懒，不愿意做画面动画效果，不如再来一个句号动画效果。

2.让用户选择关闭它。不知道大家有没有遇到过这样的情况，就是当你点击某个按钮的时候会加载，然后不知道为什么加载不了。速度很慢，而且我一直在转向黄菊花。然后哪里都没有反应，只有灰黑色的口罩。结果，我不得不退出应用程序并再次打开它。很烦吗？所以，显示关闭按钮肯定是非常有效的。

3.创意文案简单明了。反馈机制就像子d盒，所以不要有不必要的文本。为了更好的突出鲜明的个性化，一些app不得不来一些非主流女生的创意文案。说实话，用户一点都不关注。不要把时间花在这里的“重点”上。最好是确立并简化意思。

4.漂亮大方还是那么关键。

反馈信息内容型d框的设计比较简单，没有那么多文章。不过要细说的话，内容还是很多的，这里就不赘述了。如果遵循这四个标准，基金会就可以设计出这种框架。

四、广告宣传d框

最后一类，近期随处可见，存在于各种d匣中，自然包含了提示信息、实际 *** 作中的正确引导、反馈机制。一些商品盒子为了更好的广告而跳票也是很常见的。讨论出现次数最多的类别:

有时候会在国外产品的卖点之后给你一个大红包。这种d匣是典型的广告d匣。还有很多，但是今天我先说这个。同样，广告子d盒的设计也必须遵循四个原则:

1.广告内容既定，演员无需偏颇。做过平面设计的同学都知道，每次有领导干部来要求，都要求你设计一个横幅或者宣传海报等原材料，希望你不能把所有的物品都放在上面，看起来主题鲜明(其实大家都知道，low爆)。但是，在设计App的广告框时，一定要谨记，你需要宣传和策划的事项是明确的，是有根据的。

2.重点设计要突出。如果你想让用户使用你推广和策划的物品，一定要果断。不要自大到做很多小按钮，然后就会有很多内容。你希望用户看到它们还是使用它们？更何况一个d匣体积这么小。如果真的要讲很多东西，请专业的留个角给用户详细介绍。

3.提高创意文案。

4.依然美丽大方。这两个方面就不赘述了，以上都过去了。广告d匣的四个设计准则到此为止。

汇总

一定要记住，无论什么样的子d盒，一定要保持创意文案的简洁。没必要让用户看到自己很久都没搞清楚你在说什么，然后不能或者不在乎自己是点击说清楚还是取消(大多数情况下会点击取消)。

四种d架的四个设计准则已经全部完成。不知道大家有没有注意到四种d框都提到的一点:美观大方。

很多精英团队觉得子d盒是个提醒。有就好，不用管那么多。但是一个App的优缺点在这里就能看出来。框架是交互设计的一个关键点。这种设计不仅体现了交互设计师的综合能力，也从商品上展示了所有精英团队的整体水平。这是一个关键点，但关键点通常决定成败。

结束。

---

我在等一会儿。一个喜欢阅读和创作的互动设计师。如果你看完我的文章有什么收获，那就关注我的微信微信官方账号:等一会儿UDai-bl。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/782352.html