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

移动开发
虽然微信小程序的开发难度要低于网页开发和APP开发,再者,微信小程序开发可以使用很多微信提供的设计组建和资源库。

虽然微信小程序的开发难度要低于网页开发和APP开发,再者,微信小程序开发可以使用很多微信提供的设计组建和资源库。

如上两个原因都降低了微信小程序开发中出现重大“错误”和“败笔”的概率。但是,我们仍然发现一些在我们看来比较失败的微信小程序设计,我们将其指出,以供大家商榷。

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

不少品牌都拥有自己的APP,它们也非常看重APP的运营工作,利用一切渠道推广APP,提升下载量,包括利用微信小程序。例如,打开它们的微信小程序,重点位置就是提供下载APP的引导和提醒。

例如,哈罗单车的小程序,在顶部是下载APP的提示。

这里存在一个逻辑错误——当用户打开微信小程序,是因为手机中没有APP,或者是为了便利化,因为小程序更快捷和简洁。此时,让用户下载APP,用户显然是不愿意的,心理也是抵触的。

所以,我们观察到,一些品牌虽然也有APP,但是却不借助微信小程序进行推广,他们更倾向于引导用户添加小程序的“快捷方式”。例如,麦当劳的小程序,提示用户添加小程序图标到桌面或者微信首页。

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

为什么微信小程序页面不能过多?因为页面的“组织者”就是导航。微信小程序由于使用的手机屏幕较小,不可能放太多的导航按钮。所以,在微信小程序开发指南中,微信建议底部导航不超过5个,以3个或者4个为宜。

为什么微信小程序页面元素而不能过多呢?同样是因为屏幕小,用户的视觉焦点更难以聚焦,需要减少元素,以让用户能够关注到重点。另外,一个页面元素太多,也影响页面加载速度。再者,一个页面元素太多,元素之间互相干扰,也影响用户体验。

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

导致用户迷茫的设计有两个方面,其一,用户不知道自己身处何地;其二,用户不知道如何做出决策。这也是微信小程序设计中容易出现的败笔。

以按钮设计为例,两个平行设计的按钮,一样的颜色、一样的形状、一样的排列,很容易导致用户“迷茫”。一来在选择的时候可能会停顿;二来,容易造成误操作。这就是让用户不知道如何决策的败笔设计。

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

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

责任编辑:未丽燕 来源: 今日头条
相关推荐

2017-05-08 15:03:07

微信小程序开发实战

2016-09-28 18:10:59

微信程序MINA

2016-09-27 16:38:24

JavaScript微信Web

2016-11-04 10:49:48

微信小程序

2016-09-27 20:36:23

微信HttpWeb

2016-12-21 15:35:55

微信小程序排除

2016-11-04 09:55:16

微信小程序

2018-09-11 10:32:07

云开发小程序开发者

2016-11-07 10:30:07

微信小程序安装配置

2020-11-05 18:53:15

JavaScript开发前端

2018-12-25 22:38:12

微信功能系统

2020-08-26 13:10:03

微信小程序前端代码

2017-02-06 13:32:12

微信小程序思想

2016-11-28 15:52:09

微信小程序开发

2023-03-26 00:00:00

2017-01-09 10:01:49

微信小程序

2017-06-09 10:06:54

微信小程序架构分析

2017-06-09 10:40:00

微信小程序架构分析

2016-10-20 21:02:12

微信小程序javascript

2017-06-09 12:58:20

微信小程序架构分析
点赞
收藏

51CTO技术栈公众号