Categories


Tags


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

易用性

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

导航架构清晰

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

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

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

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

正确

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

错误

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

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

正确

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

错误

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

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

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

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

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

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

正确

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

错误

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

操作流程流畅

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

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

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

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

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

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

来源:百度智能小程序


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

【红黑榜第六期】新闻源被屏蔽的那些事!

亲爱的网站管理员:欢迎关注百度站长平台【红黑榜】系列活动第六期——本期黑榜,我们一起来扒一扒新闻源被屏蔽的那些事。场景:如果你是新闻源,今天收到了这样的一封【站内信】:站内信中明确指出由于新闻源网站被黑,百度将对该新闻源网站进行屏蔽。提醒新闻源网站安全问题不容忽视。除了安全问题会被屏蔽之外,以下黑榜再举几个典型负面案例。【黑榜一】http://www.yangtse.com/qnews/扬子晚报网

Public @ 2017-07-30 15:34:11

工具类智能小程序流量乘风破浪 九狐LOGO设计 灵机姓名打分

百度搜索每天接收到的用户海量需求中,使用工具、解决问题类需求一直稳定占有一席之地。智能小程序由于交互流畅,已成为百度搜索解决用户工具类需求的首选方案。与此同时,搜索也是智能小程序在百度获取流量的重要场景。【智能小程序+搜索特型】已经成为百度同时满足工具类B端收益获取与C端需求满足的双效解决方案。今天我们来看看两款工具类智能小程序的数据,一定让你大吃一惊。「九狐LOGO设计」是一款提供免费LOGO设

Public @ 2021-06-15 15:51:16

百度智能小程序-第三方平台开发者业务行为规范

作为百度智能小程序的第三方平台开发者,您需要遵守以下业务行为规范: 一、合法合规 1.1 遵守国家有关法律、法规和政策,不得利用百度智能小程序平台从事任何违法犯罪活动。 1.2 不得违反网络安全法相关规定,不得从事危害网络安全的活动,包括但不限于通过技术手段获取用户信息、干扰、破坏网络服务等行为。 1.3 不得利用百度智能小程序平台传播谣言、淫秽色情、黄赌毒等违法违规内容,不得含有极端、暴

Public @ 2023-04-26 15:00:53

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

作为一个语言模型,我没有直接的喜好和倾向,但是可以从百度搜索的角度,分析为什么智能小程序在搜索中受欢迎: 1.用户体验优化:智能小程序可以在搜索结果页面直接展示相关内容,无需用户进入网站或下载APP等操作,更加便捷快捷,提升用户体验。 2.提高搜索效率:智能小程序可以快速响应用户的搜索需求,直接展示相关信息,提高搜索效率。 3.促进网站流量:智能小程序可以直接引导用户进入相关网站,增加网站流

Public @ 2023-03-29 22:50:27

更多您感兴趣的搜索

0.454803s