小程序UI设计指南:3个定律和注意事项

近来各种类型的小程序增多,使用者也越来越重视UI排版了,本文就教你如何做好微信小程序UI排版!你可以参考以下这些UI设计定律与框架原则,来设计自己的小程序。

1.UI设计定律

UI设计界的许多定律是通用的,小程序UI也可以参考这些定律来设计:

(1)Hick’s Law / 席克定律(希克法则)

一个人面临的选择越多,所需要作出决定的时间就越长。在人机交互中界面中选项越多,意味着用户做出决定的时间越长。

(2)Steering Law转向定律

触控技术(Touch)应用:

  • 0°方向是最利于操作者移动的方向,具有较好的视觉反馈,成功率相对高;
  • 120°方向用户在操作时最为困难,在用户界面交互设计中应尽少使用;
  • 用户手指在各个方向的运动中,宽度低于14像素的 Touch 用户体验很差。

(3)神奇数字7±2法则

人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后就开始出错。与席克定律类似,神奇数字 7±2 法则也经常被应用在小程序交互设计上,如上线了小程序就是如此,导航选项卡不会超过 5 个,这样方便客户记忆和浏览。

2.小程序ui框架注意点

(1)功能简洁

小程序不需要设计得像APP那样复杂,其实只满足单一需求即可。比如滴滴的小程序,是简单快捷的叫车服务,在功能选择上只提供核心功能在小程序露出,一些非必须的入口则没有体现出来,比如消息,扫一扫以及个人中心里的一些功能等,这样用户在使用小程序叫车时更加专注。

(2)明亮的背景以及留白

简洁风的设计,界面的整个内容通常都是呈现在白色或非常明亮的背景上的。对空白深思熟虑的使用让界面总体上看起来非常的干净、清新且美观。

上线了小程序案例,禁止转载

(3)流程明确

小程序ui、以及主页的各个版块内容应该要有一定逻辑顺序,通常主页顶部是图片banner(轮播图、拼接图海报等),之后是快捷按钮、商品分类,中间可根据需求适当穿插视频、标题、优惠券等不同功能版块。

以上就是关于小程序ui设计的相关知识科普了,其实设计出美观的小程序并不难,草参考这些设计法则即可。

相关推荐

微信小程序裂变教程:4个技巧

拼多多的成功相信大家也看到了,“多人拼团”活动可以激发消费者的购物热情,让消费者自发传播,这是一种快速裂变的营销行为。以上就是4个微信小程序裂变的常用方法了,新手想要实现粉丝快速增长,就可以尝试上面这4种方法…

网站建设干货|怎么设计一个好的网站标题

如果网站访客有明确的浏览目标的话,他们直接参考网站标题就可以找到自己想要了解的内容。你也可以看到“联系我们”按钮,以及购物车按钮,在标题的所有内容中非常突出。当你想要将网站访客的注意力转移到更加重要的地方去的…

这几个小程序搭建误区,一定要避开!

新手其实不需要懂代码,就能很快做出自己的小程序。很多新手有个误区,认为微信小程序搭建好之后,就会有流量。目前来说,如果是用第三方小程序平台制作,那么功能简单的小程序价格会是几百块,功能更为简单的,比如上线了文…

微信小程序怎么优化?

如果用户曾经使用过这个小程序,那么用户在下次搜索时,使用过的小程序名称含有用户搜索的关键词时,这个小程序排名会在前面。所以商家要多多引流拉新,通过公众号、线下扫码、社群宣传等,结合上线了小程序制作工具的优惠券…

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

小程序UI设计指南:3个定律和注意事项
嘿!有什么能帮到您的吗?