Categories


Tags


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

易用性

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

导航架构清晰

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

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

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

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

正确

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

错误

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

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

正确

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

错误

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

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

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

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

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

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

正确

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

错误

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

操作流程流畅

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

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

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

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

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

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

来源:百度智能小程序


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

【智能小程序开发者抗疫联盟】全面扩招,开发者最高可获得奖励150万元

疫情当前,举国驰援,一场与病毒的斗争已全面展开。在这场全民战疫中,新型肺炎疫情时刻牵动着全国人民的心,平均每天10亿人次通过百度搜索浏览疫情相关信息和知识。同时,百度与京东、顺丰、KEEP等40余家企业联合组成了【智能小程序开发者抗疫联盟】,通过百度APP共同为全国人民提供抗击疫情及相关服务的智能小程序,为用户居家生活提供便利,减少疫情期间出门次数。为了更好地帮助各级政府应对疫情,同时更全面地解决

Public @ 2018-12-20 16:02:06

百度统计与平台流量关键词之间的奥秘!

百度统计是百度提供的网站数据分析工具,可以帮助网站管理员了解访问者行为、网站流量情况、网站转化率等数据,从而优化网站运营策略。而平台流量关键词是指访问者通过搜索引擎进入网站的关键词,这些关键词是访问者在搜索引擎上输入的,如果这些关键词与网站的内容、产品或服务相关,那么可能会吸引更多的访问者进入网站。 奥秘在于通过百度统计分析访问者的行为以及收集平台流量关键词,可以了解访问者的需求和兴趣,从而优化

Public @ 2023-04-26 08:00:12

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

作为一款搜索引擎,百度希望为用户提供更为全面、快速、方便的搜索服务。智能小程序与此相符,它们可以在不离开搜索页面的情况下直接为用户提供应用服务,节省用户的时间和操作流程。同时,智能小程序还可以通过人工智能技术对用户的需求进行分析和预测,提供更为个性化的服务体验。因此,百度搜索喜欢智能小程序并不仅仅是为了追求新鲜感,更是为了提高用户的搜索体验和满意度。

Public @ 2023-04-27 01:00:11

如何打造体验优质的品牌类小程序

1. 设计简洁明了的界面:小程序界面应该简洁明了,易于用户操作。注意小程序的颜色搭配和字体大小,以及按钮和页面布局的设计。 2. 提供丰富的内容:小程序应该提供丰富的内容,包括文字、图片、视频等,使用户可以了解品牌的特色、产品的功能和使用方法等。 3. 优化用户体验:小程序应该从用户的角度出发,优化用户体验。比如,提供快捷的搜索功能、易于操作的选购流程、即时反馈等。 4. 保证数据的安全性:

Public @ 2023-04-23 03:50:12

更多您感兴趣的搜索

0.564962s