Categories


Tags


百度智能小程序设计原则-层次感

移动设备屏幕尺寸相对小,一屏展现的信息非常有限。设计小程序时,请注意在页面展现时突出一个重点,帮助用户快速理解,避免页面上出现其它与用户的决策和操作无关的干扰因素,降低筛选信息的难度。

信息设计重点明确

设计界面信息时,请注意根据内容的重要程度设计其层级主次,以帮助用户更简单地获取所需要的信息和作出判断。可以通过更大的字体、更重的文字体量、更明显的颜色等为内容赋予更强的展现。(了解更多)

正确

标题文字使用较大字号、加粗,正文文字使用较小字体,有利于信息的阅读。

错误

所有文字都使用较大字号且加粗,阅读时容易分散注意力,影响信息传递。

提炼内容,精简表达,通过合理的排版突出主次。

正确

通过不同的字体大小和排版,使重点信息更突出。

错误

主次信息的混排、冗余的文案穿插,让找关键信息变得困难。

功能操作主次分明

当希望对用户的下一步功能操作进行引导时,应为推荐的主操作按钮设计更明显的样式。(了解更多)

正确

对用户可能需要进行的下一步操作的功能进行强化展现。

错误

按钮没有主次之分,增加用户选择判断成本。

反馈力度强弱适度

在用户使用小程序时,会出现需要等待的场景。用户的耐心有限,为避免让用户面对一个静止的屏幕等待未知的结果,需要对当前状态及时反馈,告知用户当前小程序仍在正常运作,以此降低用户使用过程中等待的焦虑感。

1. 框架启动加载

启动小程序框架时,加载反馈动画与百度 App 通用加载动画不同,更突出小程序的品牌和特性。

此为百度小程序框架通用能力,除 LOGO 和名称调用开发者的小程序信息外,其他视觉动效及交互均由百度小程序框架统一提供,开发者无需进行额外开发。

2. 全局加载反馈

百度小程序提供通用加载的组件,也可以由开发者自己根据品牌定义加载样式。但此时无法明确告知具体加载位置和进度,自行设计时请注意设计加载动画,避免页面静止从而引起用户焦虑。

1.加载浮层

2.顶部导航栏加载

3.开发者自定义加载样式(示例)

你可直接使用智能小程序相关体验资产。(下载设计资源 | 查看开发文档)

3. 下拉刷新反馈

百度小程序提供通用的下拉刷新组件,使用此组件后,当用户下拉页面至一定高度时,可以触发当前页面的整体刷新。

你可直接使用智能小程序相关体验资产。(查看开发文档)

4. 用户选项反馈

用于反馈用户操作页面内选项的状态。(了解更多)

多选 Checkbox

单选 Radio

开关 Switch

滑动选择条 Slider

当选择项较多时,可以使用浮层选择器承载内容。

1.单列选择器

2.时间选择器

3.日期选择器

操作结果反馈

同一时间只显示一个反馈提示,并且应该根据不同的场景和反馈需要的强弱程度选择不同样式。

1. 消息提示框

不打断用户流程,会自动消失,适用于轻量级的提示。(了解更多)

1.图文Toast 适用于操作成功反馈。

2.纯文Toast 适用于情况说明和提醒。

2. 模态对话框

作为模态组件,会打断用户路径并分散用户的注意,请谨慎使用。(了解更多)

1.单按钮提示框 用于重要信息周知。

2.双按钮提示框 周知并询问下一步操作。

3. 全屏结果页

在任务流程的最后一环,且结果反馈比较重要时,可使用全屏结果页向用户明确操作结果,并引导下一步操作。

开发者可以根据场景需求自行开发,视觉资源下载也放置了基础视觉源文件,供快速开发使用。

1.操作结果反馈(示例) 2.出错或内容为空(示例)

来源:百度智能小程序


Public @ 2021-03-25 15:59:30

垂直领域做音频自媒体运营方法

1. 明确目标受众:确定你要面向的听众群体,了解他们的兴趣、需求和习惯,帮助你制作更加吸引人的音频内容。 2. 制定策略:根据目标受众的喜好和需求,制定策略,比如制作节目、主题等等。同时,也需要规划好发布时间、频率和宣传渠道。 3. 选好平台:选择适合自己垂直领域的音频自媒体平台进行推广,比如喜马拉雅、荔枝FM等。 4. 优化音频内容:优化音频质量,比如声音、音效、音乐等。同时注意音频内容的

Public @ 2023-04-06 09:50:18

公众号运营宝典:新人微信公众号运营成神之路

哈哈哈这是一个标题党,标题借鉴了起点编辑的那篇对网文写手的指导之作。各位不喜勿喷, 本文作者以被喷多年的经历告诫各位,喷了也白喷,不是花露水你防不了蚊。虽然是个标题党,货干不干,还请稍安勿躁,拭目以待。微信公众平台自12年开放以来,携迅雷不及掩耳盗铃儿响叮当仁不让之势火速传遍大江南北,长城内外。有人会觉得如今已是第四个年头,现在进入是不是太晚。诚然最早一批吃螃蟹的人占得先机,混的风生水起,但诸君仔

Public @ 2015-06-07 15:43:01

百度智能小程序-如何提升小程序适老化无障碍体验

为什么需要提升小程序适老化无障碍体验?可以带来小程序体验提升:升级小程序无障碍体验服务,促进小程序用户体验提升,进而可能提升数据流量增长。可以体现社会责任感:响应国家适老化及无障碍改造的号召,服务不同生理需求障碍的用户人群,体现企业社会责任感。什么是适老化无障碍体验?概述:适老化无障碍体验是要兼顾不同程度生理缺陷者,和正常活动能力衰退者即老年人的使用需求,营造一个充满关怀,切实保障人们安全、方便、

Public @ 2022-06-17 15:59:43

百度智能小程序-如何为用户提供地理位置服务

(1)首先,为用户提供地理位置服务,需要在小程序开发中引入地图插件,主要有腾讯地图、高德地图、百度地图以及谷歌地图等。 (2)其次,在插件引入完毕之后,可使用诸如“使用当前位置”、“地理定位”、“搜索地址”、“按地址搜索”等功能,来更好的为用户提供定位服务。 (3)最后,还可以借助百度地图来为用户提供建议式搜索、实现地址自动识别等多种功能,来实现对地址精准搜索与定位。

Public @ 2023-02-27 19:48:21

更多您感兴趣的搜索

0.525721s