2. 交互操作规范

Author: 影子 47 views
  1. 滑动顺畅

为保证搜索用户浏览页面的便捷性,页面上下滑动及tab模块切换等操作需顺畅不卡顿。

2. 功能友好

2.1 用户可以快速直达目标页面或使用功能,操作简易,回退自如,避免繁琐步骤或重复点击等行为。

特别提醒:为给用户形成统一便捷的用户体验,百度智能小程序提供的返回功能统一位于页面左上方,建议不要放置其他位置。

案例:

如:选择感兴趣的商品,先到达商品详情页,还需要再次点击才可到达购买页,这种造成用户多余操作的情况是不允许出现的。

错误:选择感兴趣的商品——>商品详情页(多余操作操作繁杂)——>商品详情页,可下单购买

正确:选择感兴趣的商品——>商品详情页,可直接点击购买

上图:购买路径繁琐,不符合要求

案例:

上图:小程序页面的返回按钮位于页面左上方,回退自如

2.2 功能设置要简单易用,符合用户操作习惯,同一功能在同一页面只能出现一次,不可重复设置。具体要求如下:

2.2.1 功能位置必须固定,不可抖动或闪烁,与页面其他内容模块(如广告)要有一定间距,不可重叠,避免用户误操作;

2.2.2 同一页面上功能按钮面积不可超过一屏面积的10%;

2.2.3功能必须实际可用,操作友好便捷,且实际功能与文字描述需完全一致,不可出现诱导信息或引导跳转第三方页面;

2.2.4 功能可设置成嵌入样式也可设置成悬浮样式,但设置悬浮功能时要注意面积不能过大,不可遮挡用户浏览页面内容或进行其他功能操作。

案例:

上图:功能按钮未放置在底部,不符合用户习惯

案例:

上图:功能按钮抖动,不符合要求

2.3 咨询类功能在当前页只能出现一次,且位置不允许出现在顶部;在用户未主动点击的情况下,咨询的对话窗口不可自动弹出;咨询按钮可在底部或侧面悬浮,但面积不宜过大干扰用户浏览。

案例:

上图:咨询功能自动弹窗且与底部的咨询按钮重复,不符合要求

案例:

上图:咨询功能悬浮在页面底部,面积小于一屏10%,符合规范

案例:

上图:咨询功能悬浮在页面右侧,面积较小,符合规范

Leave a Comment