3.2　小程序官方文档解读

正所谓“无规矩不成方圆”，每个行业都有自己特定的规矩，除了自主开发的功能之外，凡是需要借助其他产品进行获利的，都要遵守他们的规矩。小程序自然也不例外，在做运营的时候，一定不能太过随意，更不能想当然。

小程序最大的特点在于使用起来非常轻松便捷，它的出现伴随着更加远大的目标，那就是希望能在微信这个巨大的生态环境下，实现更好的用户体验，搭建一个友好、高效且用户一致的闭环圈子。而且为了实现用户与商家都能双赢的局面，将最大限度地支持和适应不同的用户需求。

在这种前提下，大家有必要了解一下微信官方的一些建议，有助于在以后的运营过程中，更好地掌握这款产品的动向。

3.2.1　减少无关的展现，用户查找更准确

从PC端到手机APP，虽然很多产品的出现在不断改善着用户的生活，但是无论在哪个状态下，都充斥着让用户极其反感的事物——广告。而且有些商家希望尽可能地展现更多优势，在自己的推广页面添加了无数没有任何意义的物料（一些图片和文字）。这些物料的出现，都会使用户访问时的体验感大大降低。

而小程序的出现，第一点解决的问题就是，杜绝任何无关因素，这些无关的因素包括：广告横幅、频繁跳出提示按钮、多余的产品包装等，如图3-10所示。

（1）突出重点

小程序讲究轻快，每个页面必须要保证用户一眼就能找到想要的东西。千万不要在某个重要的页面，频繁地加入一些不必要的广告内容。

案例3-1

错误案例（一）如图3-11所示，大家可以看到，这是一个用于搜索的页面，但是该页面上却出现了许多没有任何意义，并且混淆用户方向的广告。

正确案例（一）如图3-12所示，只需要展现一个搜索框即可。

（2）流程简单

有的企业为了给用户增加多重选择的可能性，在一个界面提供了多个选择。其实如果不是做测试类的功能，这样的操作是完全没有必要的。

案例3-2

错误案例（二）如图3-13所示，只是一个简单的操作步骤，却同时出现了三个选项，让用户感觉很迷惑。

首先要尽量减少用户的操作，用户频繁点击下一步都会觉得麻烦，更何况还要做出选择。但是如果一定要出现这种多选的时候，应该尽量控制在两条以内，并且给出推荐选项，让用户一目了然，正确案例（二）如图3-14所示。

（3）减少弹窗

对于用户来说，弹窗是最让人厌烦的一个物料，笔者在做运营的这些年也一直在考虑怎么解决这个问题。但是对于企业来说，弹窗是最能吸引用户的一个举动。尤其是咨询客服人员，当看到一个用户访问的时候，肯定希望与之对话并且达成交易，所以为了提高转化，不得不使用弹窗。

但如果是推广产品的话，建议商家不要使用该功能。不妨试想一下，自己作为用户，正在全身心浏览某款产品或者阅读某个知识点的时候，突然蹦出一个弹窗，打断了自己的思路，自己是不是也会觉得非常反感呢？

所以以轻快方便为主的应用，应该尽量减少弹窗，保证用户的良好体验。用户想要购买自然会下单，用户心中有疑问，自然会产生咨询的念头。

3.2.2　合理搭配背景与字体，用户眼球更舒适

只要商家的产品有用户访问，那就意味着对方是意向用户。作为运营人则非常有必要让用户明白自己现在所处页面的位置，从而保证用户在使用产品的时候，能够非常畅快地浏览，保持愉快的使用体验。那么该从哪几个方面着手，保证用户拥有绝佳的体验呢？具体如图3-15所示。

（1）导航清晰，轻松愉快

导航是最重要的一个板块，是告诉用户，我在哪里，我该怎么返回上一层，我该怎么进入下一层。关于这个操作，微信官方已经完美解决，所以运营人不必担心。只不过由于手机也分为IOS系统和Android系统，因此有一些细小区别。

IOS导航栏如图3-16所示，Android导航栏如图3-17所示。

这两种系统的操作功能都是一样的，只不过展现形式不同而已。

（2）颜色搭配，切忌混乱

颜色是直接影响用户体验的，在设置导航的时候，颜色应搭配得当，保证用户舒适，同时文字不能与背景色相似，一定要突出文字的内容。

推荐使用标题清晰明确如图3-18所示的形式，而不推荐使用标题模糊不清如同图3-19的形式。大家可能觉得这没什么好注意的，但往往正是这些细节决定了运营产品结果的差距。

（3）页内导航，双向结合

小程序的内部也有导航，只不过导航更多的是结合了上面介绍的两点作为标准。第一是让用户清楚自己身在何处，要去往何处；第二是让用户能够清楚地进行选择，不会被背景颜色所困扰。所以在这里推荐使用正确样式如图3-20所示，而不推荐使用错误样式如图3-21所示。

3.2.3　减少不必要的操作，用户使用更顺畅

手机不仅有操作系统之分，还有尺寸大小之别。所以在做开发的时候应该针对主流的手机类型进行开发，从而保证主流类型的手机用户拥有良好的体验。

（1）“懒人”社会，减少操作

由于手机的操作界面比较狭小，输入的时候很容易导致错误的发生。所以在设计的时候，一定要注意减少这些不必要的操作，能够使用下一步以及默认功能完成的时候，就不要让用户输入。

案例3-3

以前用户在微信添加银行卡绑定的时候，一般需要输入卡号，但是很多用户可能不会记住多张银行卡的卡号。所以微信为了方便用户，推出了拍照自动识别的功能，用户只需要点击箭头中的拍照按钮，就能轻松上传照片，如图3-22所示。

而且在推出功能的时候，一定要多使用操作键，而不要使用填写键。比如：以前在寄快递的时候需要输入寄件人地址，现在有了地图定位功能，直接点击地图定位，就能快速获取准确的地址，非常方便。

（2）触发事件，方便点击

触发事件是程序开发的专业术语，指的是用户在点击某个按钮的时候，通过这个按钮是否能够前往用户想去的界面。在开发过程中，如果代码写的不够严谨，哪怕一个很直观的点击按钮，如果没有触发事件，那用户无论点击多少次，都是没用的。

案例3-4

查询类案例如图3-23所示，这是一款查询类的应用。通常来说，用户在输入框内输入想要查询的汉字，并且点击右上角的小放大镜，进入下一个页面，就能查看到自己想要的信息。那么为什么点击这个小放大镜就能看到想要的信息呢？这就是上文中提到的触发事件。因为开发人员通过代码执行了用户的操作，从而能够反馈给用户想要的查询信息。

但是如果开发人员并没有放置这个小放大镜，就会给用户造成困扰，用户将不知道该怎么查询；如果开发人员只是放置了这样一个小放大镜图标，却没有编辑代码语句，对用户也会造成困扰，从而导致不好的用户体验。

所以在开发功能的时候，一定要注意保证代码的严谨性，使功能正常运行。

微信官方除了列举出以上的几点要求之外，还有其他方面的视觉体验要求，比如：字体大小、颜色、列表、表单输入、按钮以及图标等。由于本书篇幅有限，就不再一一详细介绍。