用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

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

Rolan 2021-3-11 00:36

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
来自: 51cto