微信H5:小屏幕页面的设计原则

以前,电脑端这种大屏幕页面才是人们浏览、观看的最佳选择,但随着手机互联网的不断改革,现在小屏幕的手机端页面也可以为用户带来极高的阅读体验,其中就包括精美炫酷的微信H5页面。为了提高微信H5页面的用户体验,建议大家在设计时遵守下面这些小屏幕页面的设计原则:

微信H5

1.内容尽量精简

因为手机端屏幕小,页面中能容纳的内容也就有所局限,因此需要挑选最精准、最核心的内容进行展示,其他次要或多余的内容则要尽量去除,如果有需要补充的内容的话可以通过弹窗或跳转来展示。同样地,建议页面设计风格也要以简洁大方为主,除非企业自己有一些比较大胆、独特的设计想法。

2.减少虚拟元素

虚拟元素指的是向用户提供关于页面内容的信息或者操作该内容的提示,比如对于电脑端页面来说,任务栏、系统托盘区就是虚拟元素。如果在微信H5页面中使用这些元素,就会浪费页面空间,压缩有效内容的展示区域,这对于用户阅读来说是非常不利的。如果有些元素是必须要加上的话,我们可以将它们简单化,或者直接隐藏起来。

3.提高下载速度

如果用户打开微信H5页面的时间过长,那么就很有可能因为缺乏耐心或感到烦躁而直接关闭页面。为了提高H5页面的下载速度,我们需要将用户的交互流程成本降到最低,具体的方式就是减少页面数量、合理添加图片以及精简信息内容。

4.降低参与门槛

企业切忌一开始以关注公众号为门槛,要求用户关注之后才能进行下一步的操作,比如购买产品、点赞投票等,毕竟新用户对于企业产品的认知度和好感度都还没有建立起来,一开始就要求关注容易招致反感,是错误的方式。建议企业只需要在H5的最后一页加上自己的公众号二维码,通过前面的内容吸引用户主动关注即可。