首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

易用性雄安小程序设计的实用技巧是什么?

小程序设计最重要的当然是达成小程序目标,而易用性好坏也大大影响小程序目标的达成率!

吸引人的第一视觉区,留住使用者

「接近律」与「封闭律」让使用者快速理解页面元素

行动按键上的用字遣词大大影响页面转换率

可以点的东西就要「看起来可以点」

重要资讯主动展开在页面上,不要随易使用页签隐藏内容

页面底部与Footer比你想像的重要

小程序文案这样写,沟通更容易

如何掌控使用者在小程序上的视线

重点一、吸引人的第一视觉区,留住使用者

第一视觉区是进入小程序后的第一印象,许多小程序的跳离率过高,与第一视觉区的设计有很大的关系!设计第一视觉区的基本要求就是「吸引使用者留在小程序,继续浏览」,其中四个重点为:仅保留精华资讯,以节省高度、设置页面标题,协助使用者快速理解页面内容让使用者理解页面下方还有内容、运用图片增加画面吸引力。

重点二、「接近律」与「封闭律」让使用者快速理解页面元素

接近律

简单的说就是运用人类视觉会将邻近的东西分成同一组的特性,所以在小程序上如果想要将一群元素让使用者视为同一群体,可以增加和其他元素之间的空间,并将同元素之间的距离拉近。

封闭律

重点三、行动按键上的用字遣词大大影响页面转换率

小程序之间基本上是藉由连结移动,但是一般连结的点击率10%已经算是高的,因此用字要让使用者易于联想,增加点击意愿。图三是一个旅游小程序的例子,在首页时,使用者想找饭店,而行动按键上若是用「订房」两字,使用者会误以为是下直接订单,因而不愿意点击,若改为「搜寻住宿」后,点击率大大提升。

重点四、可以点的东西就是要「看起来可以点」

前面我们提到了,要让使用者点击内容本身就是一件不容易的事情,如果使用者在小程序上无法辨认出连结的话,即使准备了吸引人的内容也徒劳无功。虽然扁平化的设计随着iOS7推出引起风潮,但从达成「让使用者点下去」的目的来看,能点的东西「看起来可以点」更重要!

蓝色或有底线的文字

在蓝色文字下方加上底线是沿用到今天的基本手法。由于近年重视文字的易读性及整体设计,不使用蓝色底线的小程序也在增加,但从beBit至今观察到的使用者行为,「蓝色」或「底线」还是让使用者辨认出连结的重要因素,因此请尽量保留其中元素之一。另外,在并非连结的文字使用「蓝字」或「底线」的话,会让人误认为可以点击,要尽量避免。

行动按键要有按压感

关于行动按键的装饰,具有「可以按下」的感觉十分重要。通常在前端加入符号,赋予按钮小程序连结感,或在按键旁加入层次或阴影,或使用带有圆角的矩形,便可以为按键加上按压感。

重点五、重要资讯主动展开在页面上,不要随易使用页签隐藏内容

许多小程序喜欢用页签的方式设计,但页签的致命处在使用者没有强烈动机寻找资讯时,很容易忽略页签以致没看到藏在页签中的重要内容。小程序设计时要考虑使用者上网的心境,有些小程序偏向功能型小程序,有些小程序是娱乐型小程序。使用者造访功能型小程序时,寻找资讯的动机强烈,即便我们只放一个关键字,使用者也有意愿找到那个关键字并点击;但娱乐型小程序不一样,一般网购平台的首页浏览情境都是打发时间,若使用页签等隐藏资讯的设计,这些被隐藏起来的内容很有可能就直接被忽略了!小程序设计师在思考页面内容应该如何配置时,一定要一并考虑使用者造访小程序的积极性,才不会误将重要内容的曝光度打折扣。

重点六、页面底部与Footer远比你想像的重要

当使用者的页面拉到底下时,代表他已经看完一项内容,此时是他们心有余力看其他内容的时机。为了延续浏览行为,页面的底部是个可以利用的重要区域。因此,推荐商品或关联性商品应该要放的地方是页面底部而非顶部。另外,megafooter的运用也是延续浏览情境的好工具,蛮适合运用在网购平台这种浏览页数越高越好的小程序。许多小程序设计师花了很多心思设计了每页的内容,但却忽略了在页面底部建立与其他页面的连结,导致使用者看完一页内容后就打住,这真的很可惜!未来在设计你的小程序时,也不要轻易忽视页尾的区域!

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询