Categories


Tags


百度智能小程序设计原则-易用性

易用性

用户在日常使用移动设备时,由于实际场景的多样性,注意力容易分散或暂时中断。因此为用户设计小程序的使用流程时,需要做到:用户架构清晰,流程明确简单,并为用户的每一步操作提供及时的反馈。

导航架构清晰

架构连续的用户任务流程,通常使用统一纵向导航

百度小程序框架通过顶部导航栏,为小程序配备统一的页面纵深导航能力。开发者只需要标记定义“首页”即可,无需额外开发成本,页面默认返回时逐层级返回。

从小程序首页开始浏览小程序页面的经典用户路径示意(红线前进路径,蓝线逐级返回路径,灰线关闭路径)。

顶部导航栏位置始终固定,可以帮助用户定位“当前位置”,以防用户迷失在小程序流程页面中,顶部导航栏名称应体现小程序页面的核心内容。

正确

标题清晰的体现了查询航班的起点和终点。

错误

标题表达模糊,必须通过浏览内容进行思考判断。

除标题文字外,每个页面的顶部导航栏样式均可进行自定义,自定义时需注意信息的可读性。(了解更多)

正确

保证可读性的前提下,可通过适当的颜色搭配辅助品牌定位。

错误

背景色和前置元素的颜色对比度较低,会导致可读性变差。

架构横向的同级信息通常使用底部标签栏

当用户在页面标签栏切换时,可在当前视图内浏览更多同层级的内容,页面标签栏本身并不随页面滑动。

底部标签导航栏通常在首页使用,常驻屏幕底部,提供小程序 2-5 个顶层视图的快速切换。

下图为小程序首页的底部标签栏切换示意。

标签栏个数、标签栏背景色、选项的图标和文字外均可进行自定义,自定义时请注意信息可读性。(了解更多)

正确

保证可读性的前提下,可通过适当的颜色搭配辅助品牌定位。

错误

背景色和前置元素的颜色对比度较低,会导致可读性变差。

操作流程流畅

考虑使用场景的复杂性和移动设备屏幕大小的适配问题,建议一次只引导用户做一件事情,并且避免出现任务路径外的内容打断用户流程,从而帮助用户聚焦当前任务,快速顺利完成操作。

请勿在用户浏览目标已经明确的情况下(蓝线),强行引导用户中断原目标流程(红线)。

移动设备屏幕虽然有变大的趋势,屏幕精度也在提升,但输入操作的准确性并不算高——尤其手机键盘布键密集,输入困难还易引起输入错误。因此开发者在设计小程序时,应该充分考虑手机特性,尽量减少用户输入,利用现有接口或其他易操作的选择控件来改善用户输入的体验。

例:查违章小程序,在选择汽车类型时,使用选择的方式取代了让用户直接手动输入,预期明确,操作也更加便利。

例:智能小程序,在搜索时会记录用户近期搜索小程序的历史。

例:百度火车票小程序,在搜索城市时,跟随用户输入提供关键词进行联想。

来源:百度智能小程序


Public @ 2011-06-20 15:59:49

百度搜索资源平台-给您一张邀请函:倾听您的声音系列活动正在开展

尊敬的用户,感谢您使用百度搜索资源平台。我们诚挚邀请您参加我们的新一轮活动:倾听您的声音系列活动。 百度一直致力于提供更好的服务、更好的搜索体验。为了更好地了解用户需求和听取您的宝贵意见,我们特别组织了这一系列活动。在这个活动中,您将有机会与我们的团队成员面对面交流,分享您对百度搜索资源平台的使用体验和建议。 活动时间:2022年10月1日至2022年11月30日 活动地点:百度总部(北京市海

Public @ 2023-07-25 16:00:32

站长反馈中心5月27日-6月2日问题反馈

统计 一、主要问题 1. 加载速度慢:本周有 10 位网站主反馈网站加载速度慢的问题,其中 8 位主要在反馈网站打开缓慢、页面加载失败或者加载太慢等方面。 2. 网页无法打开:本周有 6 位用户反馈无法打开网站页面,主要反映网站无法正常访问、点击链接无法跳转等问题。 3. 网站内容不全:本周有 4 位网站主反馈,网站内容不完整、消息缺失等问题,且相关内容出现明显抹掉、阴影或被遮挡等现象。

Public @ 2023-03-04 09:48:34

为什么百度搜索喜欢智能小程序?

作为AI助手,我无法确定百度搜索为何喜欢智能小程序。但是根据一些可能的原因来说,智能小程序是一种可以在搜索结果页面上快速启动,提供功能和服务的方式,这可以提高用户的搜索体验和满意度;智能小程序还可以为搜索平台创造更多的流量和商业机会,带来更多的收益。因此,百度搜索可能喜欢智能小程序,因为它们对他们的商业模型和用户体验产生了积极的影响。

Public @ 2023-06-04 13:00:12

百度智能小程序-获取用户手机号权限申请

申请条件已完成认证的企业账号。申请入口登录开发者平台,通过“小程序后台 -> 小程序管理 -> 功能管理 -> 获取用户手机号”,申请获取用户手机号权限。申请信息填写需要填写字段内容为:申请原因、使用场景、使用场景详细描述、使用场景 demo。申请原因:可选择用于登录、收货联系方式、其他。使用场景:可选择 网络购物、账号下信息内容同步、票务预订、业务办理、信息查询(如:社保、公积

Public @ 2015-10-17 15:59:40

更多您感兴趣的搜索

0.415403s