小程序设计原则三:利用手机特性,让界面操控便捷优雅

从过去的小屏幕按键型手机到如今的全面屏触屏手机,可以说手机的功能样式已经越来越精致。然而,全面屏的触屏手机虽然给予了用户更棒的视觉体验效果,但也正因为触屏的关系,导致触屏手机的输入准确性远不如过去的键盘手机和计算机键盘。

触屏手机的键盘是一种“软键盘”,软键盘存在于手机屏幕当中,每个键盘字母所占有的空间有限,尤其是26键的软键盘,再加上手指触屏所具有的不稳定性就会很容易导致输入错误。例如,可能原本是要输入字母“a”,但却错误地输成了旁边的字母“s”。有时候将错误输入的信息发送出去往往会带来些许尴尬。

所以,针对如今手机所具有的特性,小程序开发者在设计小程序界面时应当减少需要用户触屏输入的版块内容,改以通过一些接口或控件的方式来满足和提升用户的使用体验。

在“群应用”的日程管理功能中,就支持语音和文字输入两种模式来说,用户既可以通过键盘文字输入,也可以通过长按图标说出日程主题、时间、地点,群应用小程序将智能识别相关关键词,帮用户转成文字日程并设置好提醒。语音输入几乎完全免除了用户使用键盘手动输入的操作,改用录音的方式既可以让用户感到操作便利,又可以让用户感到新鲜有趣。对设置日程来说,也方便高效了不少。

因此,开发者在设计小程序时,也要考虑到触屏手机键盘占位密集的问题,如果遇到用户不得不以手动操作键盘的方式来输入信息时,开发者应当把选择权交给用户,由用户自己来做出输入决定,而非强制性地将小程序的输入方式设计为手动输入这一种。

另外,开发者也可以通过提供历史搜索记录的方式来帮助用户快速直接地输入信息。开发者可以在文字输入框的下方向用户展示一些搜索历史的关键字词,用户可以从这些历史记录的关键字词中寻找到自己想要输入的信息,以减少键盘的手动输入,避免误操作的发生。

由于触屏手机的软键盘输入方式没有硬键盘输入的精确度高,所以开发者在设计小程序的界面控件时还要对手机屏幕的热区面积有所考量。如今,手机品牌多种多样,各个品牌的手机款式各不相同,其手机屏幕也或大或小,分辨率不一,这就致使不同手机都会有自身最适合的用于手指点击的像素尺寸。

但开发者并不需要对这一问题非常担心,因为尽管不同手机会有着各自最适合的像素尺寸,但一般都会在7~9毫米的物理尺寸范围之内。而且微信自身还提供了标准组件库,在该标准组件库中,所有的控件在最初设计时都已经把将手指的触屏效果以及和手机屏幕的适配性考虑在内。所以开发者在设计小程序界面时只需要使用标准组件库中所提供的控件或者仿照该组件库中的控件来设计便可。

除标准组件库外,微信还向各个开发者提供了Photoshop设计控件库和sketch设计控件库,帮助开发者确保小程序在手机页面上的操作性能例如加载流畅性,让小程序界面的操控变得既便捷又优雅。微信仍在不断地完善小程序的开发组件和接口,开发者在设计小程序时除了自定义设计外,借助微信本身所提供的力量也是非常必要的。




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