案例示意1案例示意2流程明确为了让用户顺畅地使用页面,在用户进行某一个操作流程时,应避免出现用户目标流程之外的内容而打断用户。清晰明确一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。导航明确,来去自如导航是确保用户在网页中浏览跳转时不迷路的醉关键因素。导航需要告诉用户,当前在哪,可以去哪,如何回去等问题。悦听在小程序内现不提供统一导航栏样式,开发者可根据需要自行设计小程序首页和次级页面界面导航。建议所有的次级页面左上角提供返回上一级页面操作。悦听iOS用户还可通过界面边缘向右滑动操作,返回上一级小程序或悦听页面。安卓用户可通过物理返回键达到同样目的。小程序菜单小程序的所有页面,包括小程序内嵌网页和插件
悦听都会在其右上角放置官方小程序菜单,样式如图。开发者不可对其内容自定义,但可选择深浅两种基本配色以适应页面设计风格。官方小程序菜单将放置在界面固定位置,开发者在设计界面时请预留出该区域空间,若需要在此区域附近放置可交互元素,要特别注意交互事件是否会冲突,操作是否容易被使用小程序菜单深浅配色方案(iOS和Android)开发者可在满足可用性的前提下,从悦听提供的深浅两套配色的小程序菜单中选择合适的方案,以适应小程序页面设计风格。页面内导航开发者可根据自身功能设计需要在页面内添加自有导航。并保持不同页面间导航一致,指向清晰,有路可退。受限于手机屏幕尺寸的限制,小程序页面的导航应尽量简单。建议开发者设计的自有导航样式与悦听官方小程序菜单样式保持一定差异,以便区分。开发者可为小程序页面添加标签分页(Tab)导航。标签分页栏可固定在页面顶部或者底部