微信小程序开发中常见的设计败笔

2022年10月07日 Jinghuang Network hk.0731jianzhan.com

虽然微信小程序的开发难度要低于网页开发和APP开发，再者，微信小程序开发可以使用很多微信提供的设计组建和资源库。
如上两个原因都降低了微信小程序开发中出现重大“错误”和“败笔”的概率。但是，我们仍然发现一些在我们看来比较失败的微信小程序设计，我们将其指出，以供大家商榷。

败笔：微信小程序中嵌入APP下载模块

不少品牌都拥有自己的APP，它们也非常看重APP的运营工作，利用一切渠道推广APP，提升下载量，包括利用微信小程序。例如，打开它们的微信小程序，重点位置就是提供下载APP的引导和提醒。
例如，哈罗单车的小程序，在顶部是下载APP的提示。
这里存在一个逻辑错误——当用户打开微信小程序，是因为手机中没有APP，或者是为了便利化，因为小程序更快捷和简洁。此时，让用户下载APP，用户显然是不愿意的，心理也是抵触的。
所以，我们观察到，一些品牌虽然也有APP，但是却不借助微信小程序进行推广，他们更倾向于引导用户添加小程序的“快捷方式”。例如，麦当劳的小程序，提示用户添加小程序图标到桌面或者微信首页。

败笔：页面过多或者页面元素过多

为什么微信小程序页面不能过多？因为页面的“组织者”就是导航。微信小程序由于使用的手机屏幕较小，不可能放太多的导航按钮。所以，在微信小程序开发指南中，微信建议底部导航不超过5个，以3个或者4个为宜。
为什么微信小程序页面元素而不能过多呢？同样是因为屏幕小，用户的视觉焦点更难以聚焦，需要减少元素，以让用户能够关注到重点。另外，一个页面元素太多，也影响页面加载速度。再者，一个页面元素太多，元素之间互相干扰，也影响用户体验。

败笔：导致用户迷茫的设计

导致用户迷茫的设计有两个方面，其一，用户不知道自己身处何地；其二，用户不知道如何做出决策。这也是微信小程序设计中容易出现的败笔。
以按钮设计为例，两个平行设计的按钮，一样的颜色、一样的形状、一样的排列，很容易导致用户“迷茫”。一来在选择的时候可能会停顿；二来，容易造成误操作。这就是让用户不知道如何决策的败笔设计。

还例如，用户选择的状态与未选择的状态，没有形成较为强烈的对比。这会让用户产生“我现在在哪里？”的迷茫。所以，微信小程序中设计中，选中的与为选中的，应该形成足够强烈的对比，包括文字的对比、颜色的对比等。

如上，我们总结了三种在微信小程序设计中容易犯下的错误，可供商榷。