蓝宇程序

您身边的百度小程序专家!

当前位置:首页 / 百度小程序公开课 / 唐娴:铺设一个交互流程顺畅的智能小程序

唐娴:铺设一个交互流程顺畅的智能小程序

栏目:百度小程序公开课   日期:2019-01-25   浏览量:541
摘要:

想要开发一个交互流程顺畅的智能小程序主要注意以下3点:一是减少用户的使用障碍;二个是缩短用户的使用路径;三个是降低操作的成本。

想要构建一个交互流程顺畅的小程序,首先我们要有一个共识——就是我们要尊重用户的习惯。因为用户其实在使用APP的时候,他已经有了一个习惯,叫从哪来回哪去。以下内容由蓝宇程序根据百度智能小程序公开课上唐娴分享整理而来,蓝宇程序,您身边的百度小程序专家!

交互流程顺畅的智能小程序

视频:如何铺设一个交互流程顺畅的小程序

 

一、铺设顺畅的交互流程

交互逻辑符合认知便捷高效

1、符合认知,便捷高效

我们在设计小程序的时候也应该像这样一样,使用一个层层递进的一个流程关系,而不是强行打断和扭转用户的从哪来回哪去的认知。在这一个基础之上,我们可以去针对流程去进行三个方面的设计:

  • 第一个是减少用户的使用障碍;
  • 第二个是缩短用户的使用路径;
  • 第三个是降低操作的成本。

举个例子,违章查询小程序其实在这一个方面就做的挺好,首先它使用了选择器的组件,把用户的输入成本变成了选择成本,这就是第一步降低了它的成本。

2、减少操作成本

小程序减少操作成本

第二个的是它使用了我们百度识图的一个能力,只需要简单的轻轻扫描这一个驾驶证,就能够自动地填写所有的信息,进一步使操作变得更加的简单。

3、300多个能力接口

除了我们刚才说到的识图能力接口以外,百度这边还开放了两三百个能力接口。

百度小程序开放300多个能力接口

比如说获取当前的位置,获取用户的网络状态等,甚至说后续的一些语音智能识别,重力感应和语音合成的能力都会陆续开放跟大家见面,开发者也可以灵活的去运用这些能力,把自己的用户体验打磨得更加顺畅更加好用。

二、建立舒适的阅读体验

当我们完成了一个交互流程以后,接下来是建立一个比较舒服的阅读体验,阅读体验的好坏主要取决于排版,这就非常考验我们开发者组织信息的能力。

合理排版,有效传达信息

小程序内容合理排版有效传达信息

你看左图就是一个反面的例子,在这个示例中所有的文字大小都是一样的,一眼看过去没有重点;而右图就比较好,它通过不同大小的字号去强调了主要的内容,弱化了次要的信息,从而能帮助用户快速和辨认获取所需要的内容,完成了一次从小程序到用户的信息有效传达。

在我们的智能小程序的设计文档之中,我们也给出了一些针对不同场景的使用建议字号,比如说标题的大字号和辅助信息小字号等,能够方便我们的开发者在这个基础之上为我们的页面赋予一个基础的阅读排版体验,并且在这个基础之上结合自己的情况发挥做一个更好的排版。

功能展现区分主次强弱

舒适的阅读体验,它能让用户清晰的定位,并且找到所求。比如说在上边这个案例里边,左图的按钮两个都很大都很强,但是两强相遇它就变平了,因为它没有一个倾向,甚至会导致用户疑惑,哪一个才是我应该需要操作的功能?这就增加了用户的思考和抉择成本。而右图就更好一些,它把主次功能进行了区分,能够有效的把用户的注意力聚焦到蓝色的按钮上,从而降低了用户的选择成本和思考决策成本。有了舒适的阅读体验,我们可以开始进入第四步了。

三、使用一个友好的色彩系统

第四步就是使用一个友好的色彩系统。什么叫一个友好的色彩系统?首先我们在选用颜色的时候需要保证整个界面是清晰可读的,我们应该合理的去运用色彩的对比度关系,把页面的内容和信息更好的展现出来。

1、选对组件,保证清晰易读

选对组件保证清晰易读

有一个原则是我们建议开发者选用与当前的颜色对比度更大的组件,比如说我们智能小程序提供了两种组件,一种是黑色元素的,一种是白色元素的,而当开发者的颜色选择的饱和度比较低的时候,使用黑色的元素会显得更加的清晰,而开发者的颜色选择饱和度比较高的时候,使用右边的这一种反白的白色元素则能使信息传递的更加清楚。

2、正确用色,降低理解成本

正确用色,降低理解成本

在信息可读性良好的基础之上,我们还需要去注意一个点,就是颜色的表意以及它对功能的一个引导的影响。比如说在设计弹窗的时候,如果像左图一样使用一个灰色的按钮文字,那么用户可能会认为这是一个不可以点击的按钮,从而增加了他的思考成本,而像右图1样使用一个明白直接明了的颜色,能够有效地暗示这一个按钮的可用性。

微信扫一扫,分享到朋友圈

唐娴:铺设一个交互流程顺畅的智能小程序
微信扫码关注蓝宇程序
微信扫码关注蓝宇程序
蓝宇数据(广州)有限公司 地址:广东省广州市科学城 电话:400 -080 -7157
Copright © 2020 蓝宇数据 All Rights Reserved. 粤ICP备18144795号 站点地图