商家小程序的设计技巧与原则

为了对小程序设计进行指导与规范,微信公众平台制定了小程序开发设计指南。从微信平台角度来看,其规范小程序的目的,是为了给用户带来方便、快捷、高效、稳定、一致的服务体验,毕亮小程序当前正处于用户培育期,如果不能做好用户体验,很容易像几年前的HTML5一般仅是昙花一现。具体来看,小程序的设计技巧与原则包括以下几点:

·友好礼貌

微信强调用户使用小程序时,应该尽量避免被其他无关信息干扰,友好礼貌地满足用户需求,降低用户获取服务的时间成本。这要求商家设计小程序时,去除和满用户需求无关的设计元素,做到重点突出和流程明确。

(1)重点突出。商家需要确保展现在用户面前的每一个小程序页面都有明确的重点,从而让用户能够快速了解各个页面提供的服务。在各个页面有了重点内容的基础上,还要尽可能地去除那些可能会干扰用户获取服务的设计因素。

(2)流程明确,为了提高操作流畅性与便捷性,当用户处于某种操作流程中时,小程序需要确保不会出现目标流程外的内容,以免干扰用户操作。

·清浙明确

当用户进入小程序后,商家需要让用户快速了解当前处于什么页面,可以获取哪些服务、怎么进入其他服务页面等,让用户能够便捷高效地在各个页面之间自由转换,从而为其带来前所未有的极致体验。

(1)导航明确,来去自如。导航可以让用户方便快捷地前往目标页面,所以,小程序需要确保导航明确,让用户了解自己身处何种页面,能进入哪些页面,如何返回等。

在这一方面,微信官方提供了统一的标准化导航栏,能够有效解决这些问题,事实上,微信平台对导航的统一化、标准化,能够确保微信用户体验一致性,不会让已经习惯了微信页面的用户在使用小程序时,产生明显的不适应感。

(2)减少等待,反馈及时。较长的页面等待时间会对用户体验产生较大的负面影响,App开屏广告也正是因为这一点而饱受诟病。微信公众平台提供的开发工具在缩短用户等待时间方便有着十分良好的实践效果。但网速、服务器稳定性、硬件兼容性等诸多因素,也可能导致加载时间较长,此时,小程序应该及时向用户提供反馈信息,从而缓解用户的负面情绪。

(3)异常可控,有路可退。很多开发人员在设计任务与流程时,对异常状态及应对方案缺乏足够的重视,而实践证明,这些异常状态对用户体验有着十分关键的影响,所以,商家在设计小程序时,应该对异常状态给予高度重视,当用户遇到异常状态时,要为用户提供有效的解决方案,避免用户在异常状态页面中长期停滞。

比如:用户在表单类页面时,往往需要填写多个项目后,点击确认选项,如果其中一项出现问题,而小程序不能提供具体的出错项信息,会占用用户过多的时间成本,甚至导致用户直接放弃使用小程序。

·便捷优雅

和PC设备相比,搭载小程序的智能手机、Pad等移动设备确实更为便捷,但手指触摸的精准度和鼠标键盘存在较大差距。所以,商家在设计小程序时,应该充分考虑这种情况,让用户可以便捷优雅地体验小程序。

(1)减少输入。在安兔兔发布的《2017年上半年手机用户偏好报告》中,国内主流的智能手机屏幕尺寸为5.5英寸,占比为31.30%,其次是5.1英寸,占比为17.85%。即便是6英寸的屏幕,手机键盘区域也相对较小,输入内容时很难像键盘和鼠标一般高效精准。所以,商家设计小程序时,不妨使用一些易于操作的选择控件来取代用户输入内容,从而有效提升用户体验。

(2)避免误操作。智能手机的触控屏很容易出现误操作问题,生活中我们时常会遇到“无意中拨打了某个号码,对方接通后自己还根本不知情”的情况,所以,商家开发小程序时,也要充分考虑到误操作问题。为了减少误操作问题,可以增加点击区域的面积,减小点击选项密集度。

手机屏幕分辨率的差异性,决定了小程序的最佳点击像素尺寸也有所不同,不过经过大量实验验证后,得到的这一数据是在7mm~9mm之间,微信公众平台为了解决误操作问题,对其标准组件库的控件尺寸进行了优化设计,商家设计小程序时,可以在直接使用同样的尺寸,或者进行微调。

(3)利用接口提升性能。微信公众平台提供各种类型的接口,以方便开发者设计小程序,目前,微信已经开放了一套包括sketch设计控件库及Photoshop设计控件库在内的完善的网页标准控件库,对提升移动终端页面的操作性能及用户体验有着良好的实践效果。随着微信版本的不断更新选代,商家可以获得的接口类型会更为丰富,在降低开发成本的同时,也能够有效提升用户满意度。

除了上述小程序设计技巧和原则外,商家还应该强调小程序的统一稳定,对不同的小程序页面尽量采用统一的控件及交互方式,这能够让用户快速熟悉小程序的各种功能与服务,降低用户学习成本,避免切换页面时产生明显的不适感。




(本文内容及图片收集于网络,如有侵权,请联系我们删除。)