小程序界面设计原则二:页面清晰明确,来去自如

作为一个向用户提供需求服务的应用,小程序在最初做界面设计时就应该有义务告知用户该如何进行操作,例如,页面该如何跳转切换,功能切换该从哪里操作,某功能应用该如何关闭退出,另一个功能应用又该如何打开......保证小程序页面的清晰明确,有助于用户在使用小程序的过程中来去自如,产生愉悦的使用体验。

要想让用户在使用小程序的过程中来去自如,便不得不提小程序界面的导航设计。无论使用哪一个手机应用,我们都能看到其会有导航的设计以供用户实现页面、功能的跳转切换。设计导航的意义也就在于此。

导航是应用中用来保证用户来去自如而不“迷路”的最重要因素。导航负责告诉用户当前所处的位置,以及该怎样去到下一个目的地和回到原先的位置等问题。在小程序的所有页面中都会有微信自身所提供的导航栏,为用户统一解决在哪儿、去哪儿以及如何回来的问题。

正是由于这种微信所自带的导航栏,用户在微信这个生态体系中不需要因为不同类型的小程序的不同设计而改变原有的使用习惯,因为微信所统一提供的导航栏已经让用户形成了一种统一的使用习惯。

导航区、标题区、操作区是微信导航栏的三个组成部分。其中导航区的设计会因为手机时iOS系统还是Android系统而有所不同。

使用iOS系统的手机打开小程序会发现小程序的导航区拥有关闭和返回两个操作,其中“返回”会出现在打开小程序后的第一个页面,而在小程序的次级页面中,“返回”和“关闭”操作均会出现。

使用Android系统的手机打开小程序会发现小程序的导航区只有“关闭退出小程序”这一种操作,若要执行“返回”操作而非“关闭”操作,用户只需按下Android系统手机屏幕上自带的“返回”键,一般为最右键。

由于微信导航栏是直接由微信的客户端继承而来的,所以小程序开发者并不需要对微信导航栏进行自定义的设计,但是微信导航栏的颜色还是需要进行自定义的设计的。小程序的导航栏支持一些基本的颜色自定义选择,小程序开发者可以依据自己的喜好或是小程序整体的设计理念从中确定出微信导航栏的颜色,只要保证能和主导航栏图标以及小程序整体界面的和谐感即可。

除此以外,导航栏中最重要的一个设计是跳转关系的设定,只有当导航中的各个层级—小程序之间的页面跳转被合理地设计后,小程序的导航系统才能正常工作,真正体现出导航的意义所在—让小程序用户来去自如。

若导航只用于在小程序中的普通线性浏览,那么开发者只需使用微信所提供的导航栏—微信导航栏便可。

但若并非只用于普通的显性浏览,那么开发者就应该在小程序中设计页面内导航。在小程序的页面中添加自定义导航时,开发者应当根据小程序本身的功能设计需要来确定,并且最好保证自定义导航的简单与简洁,因为导航的作用就是为用户指引方向,如果导航自身的层级关系都不明确,处于一种凌乱状态,那么更别提为用户提供来去自如的使用体验了。

明确小程序导航栏中层级关系的设计和区分,有助于让导航明晰可见,让用户可以

在设计明确的小程序导航的指引下来去自如,顺利地完成自己想要的需求服务。




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