当你在设计和生产语音智能硬件时,不可避免的需要开发设计一个与智能硬件关联的App。该文档为关联App提供了一些设计建议。其中当你引入iFLYOS提供的关联APPSDK时,SDK中包含了iFLYOS为你提供的一些web页面,该文档也同时会说明这些web页面的作用。
在设计关联App时,请考虑为用户提供流畅、自然的体验,让用户能快速设置好一切,并引导其如何使用,使其最终能畅通无阻地使用设备。
在关联App中,需要有iFLYOS的品牌露出,logo形式有以下两种:
iFLYOSlogo的使用规范:
iFLYOS希望在厂商的关联App闪屏中,能提及iFLYOS,厂商可以自由地设计自己的闪屏,但必须包括以下内容:
对于必要的内容,如音乐内容之于音箱,视频内容之于电视,建议将绑定步骤置于成功绑定主控设备之后,即绑定厂商主控设备->绑定内容方账号。
当用户设置好一切后,建议引导用户通过语音使用设备,可以包含这些内容:
可以将这些引导页置于绑定主控设备及绑定必要内容账号之后。
告诉用户设备正处于何种状态,如:空闲中,无网络,唤醒中,处理中,麦克风关闭,播放中等。
iFLYOS中开放了一些内容可以供你的用户使用,为了让你的用户更好的访问内容,你需要在App中为用户展示可以使用哪些内容。内容可通过SDK中的API接口获取。
智能家居控制可以为一级栏目也可以放置于用户的个人中心里,厂商亦可根据实际情况自由决定入口。iFLYOS提供了如下web页面供厂商接入:
添加具体某个厂商设备的web页面,由该厂商提供。
语音技能建议放置于用户的个人中心里,厂商亦可根据实际情况自由决定入口。iFLYOS提供了如下web页面供厂商接入:
在语音技能主页,点击“查看全部”进入。
绑定iFLYOS与技能商的web页面由技能商提供。
我的闹钟建议放置于用户的个人中心里,厂商也可以根据自己的App实际情况自由决定入口。iFLYOS提供了如下web页面供厂商接入:
厂商需自行实现在App中浏览web页面的浏览器,样式上建议延续该App的风格以统一视觉。
以iOS版本为例,浏览器可被设计成如下方左图所示:顶部为AppBar,最左边为关闭浏览器的按钮,底部为操作栏,用于返回及前进web页面,实现时请注意适配iPhoneX;浏览器亦可被设计成如下方右图所示:只有顶部AppBar,左边依次包含返回上一web页面,及关闭浏览器的按钮。
需要注意的是,由于Android手机底部都有返回键,因此在Android版的App中,没有太大必要为web浏览器增加返回按钮。