小程序开放平台

文档中心
易用
一致
清晰
简洁

易用

设计
>
设计原则
>
易用
>
更新时间:2024-12-16 14:30:23

1. 易操作

场景明确

顶部导航栏位于页面的顶部,页面标题需清晰,可以让用户直观地明确当前场景。同时导航栏提供返回上一级或跳转首页的操作路径,保证用户方便且高效地在页面中穿梭。小程序胶囊需固定全局常驻,支持用户随时操作更多面板或退出。开发者可以基于导航结构,并结合自身功能在页面内设定导航样式。 Description

针对不同层级的页面跳转,标题需区分清晰,避免出现标题均为一致,难以定位当前场景。 Description

在 1 个页面中有且仅有 1 个导航,保证顶部导航清晰且易操作,避免出现导航栏叠加等问题而混淆用户操作。 Description

顶部分栏标签需要区分明确选中与非选中态,保证其可视性和可操作性。 Description


操作普适

框架层应使用用户已养成的快捷操作和系统操作,符合用户直觉,减少用户学习成本。 Description


重点突出

保证用户在每个需要操作反馈的场景中,都聚焦在当前单一的任务上,并突出操作重点,避免出现平行层级的操作或者响应多项反馈内容而扰乱用户判断。 DescriptionDescription


2. 易理解

文案易懂

面向用户的文案和话术应是用户均能阅读理解的,不应使用过度专业或存在歧义的语句造成理解困难。 Description


3. 易获取内容

框架稳定

框架结构需清晰稳定、主次分明,易于用户高效获取信息。避免出现多个结构组合的布局,或出现与用户决策和操作无关的干扰内容,保证场景内的信息聚焦。建议开发者可以提前明确好信息层级,更好地稳定框架布局。 Description


流程明确

用户进行某项操作流程时,应避免出现用户目标流程之外的内容而打断用户。 Description