IT资讯

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

作者:admin 2021-04-12 我要评论

虽然微信小程序的开发难度要低于网页开发和APP开发,再者,微信小程序开发可以使用很多微信提供的设计组建和资源库。 如上两个原因都降低了微信小程序开发中出现...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【责任编辑:未丽燕 TEL:(010)68476606】
本文转载自网络,原文链接:https://www.toutiao.com/a6937101867449057805/

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 20款小众宝藏APP,工作、生活全不误,

    20款小众宝藏APP,工作、生活全不误,

  • 谷歌开发 MicroDroid,用于虚拟机的精

    谷歌开发 MicroDroid,用于虚拟机的精

  • 微信 8.0 专属红包灰度测试:可指定发

    微信 8.0 专属红包灰度测试:可指定发

  • 如何隐藏你的热更新 Bundle 文件?

    如何隐藏你的热更新 Bundle 文件?