原文地址:http://bbs.seacat.cn/thread-887-1-1.html
这个文档会重温一些设计和信息发送的最佳实践。遵循这些参考将能保证最好的用户体验。 不要使用一个固定的时间轴项作为启动 对于用户有两种主要的办法启动Glassware和功能,一个是使用语音或ok glass主菜单中的触控命令,另一个是时间轴卡片中的上下文菜单。 你不该强制用户为了启动glassware而从菜单中固定一张时间卡片。Mirror API为了基于用户配置的周期性通知而设计。 只要和周期性通知的设计规范保持一致,提供菜单来启动glassware或者调用Mirror API都是可以的。 例如,一个宠物领养的Glassware不应该插入一张时间轴卡片并强制用户固定它来为以后访问。反之,Glassware应该允许用户设置他们想要的规则,并周期性推送满足规则的卡片。这些卡片然后可以包含菜单项来展开一些操作,例如阅读简历和领养宠物。 如果你的glassware不想用这个周期性提醒的模式,提交一个可以启动Glassware的语音请求来取代使用一张固定的卡片。 遵循标准卡片设计和模板 |
如果可能,应使用许可的卡片和模板。如果模板无法使用:
、如果你使用mirror api可以使用base_style.css中的样式
2、遵循以下通用的内边距和间距的规则
![](http://bbs.seacat.cn/data/attachment/forum/201401/03/060905awgz0w01g11b8ogx.png)
创建适当的内容
当为你的卡片创建内容,每张卡片需要简洁并包含一个信息的逻辑块。另外:
1、尽可能用图片取代文字
2、按原始长宽比显示图片(裁剪也可以)
3、让一张卡片的底部中间区域保持空白。ok glass语音菜单会出现在这里并会盖在任何内容的上面。
4、如果可以,使用自适应CSS类来根据内容自动调整字体大小
![](http://bbs.seacat.cn/data/attachment/forum/201401/03/062301hzbvrus20ewv2d0w.png)
按照多媒体的要求
如果发送多媒体,遵循以下参考:
1、所有发布的视频都是流并不会附加到时间轴上
2、视频横纵比为16:9
3、视频分辨率为640*360像素
4、H.264格式
适当的套件和分页
套件和分页允许你把卡片分组,但你应该在以下的情形中正确的使用他们。
套件
1、将相似的卡片用套件分组
2、为套件中不同视图的卡片设计摘要封面。
3、每个套件只有一次通知提醒声音
哪些地方能很好的使用套件:
1、邮件或短消息
2、同一个人的三条短信消息
3、一个小时内采取到的五张图片
4、一次性插入所有的关联条目
5、一个关联事件的列表和一场体育游戏的比分更新
哪些地方不适用套件:
1、你的服务的所有内容
2、发送给谷歌眼镜的很多头条新闻或一天的课程
![](http://bbs.seacat.cn/data/attachment/forum/201401/03/062301hzbvrus20ewv2d0w.png)
按照多媒体的要求
如果发送多媒体,遵循以下参考:
1、所有发布的视频都是流并不会附加到时间轴上
2、视频横纵比为16:9
3、视频分辨率为640*360像素
4、H.264格式
适当的套件和分页
套件和分页允许你把卡片分组,但你应该在以下的情形中正确的使用他们。
套件
1、将相似的卡片用套件分组
2、为套件中不同视图的卡片设计摘要封面。
3、每个套件只有一次通知提醒声音
哪些地方能很好的使用套件:
1、邮件或短消息
2、同一个人的三条短信消息
3、一个小时内采取到的五张图片
4、一次性插入所有的关联条目
5、一个关联事件的列表和一场体育游戏的比分更新
哪些地方不适用套件:
1、你的服务的所有内容
2、发送给谷歌眼镜的很多头条新闻或一天的课程
分页
由于在一张卡片上的空间限制可以使用分页。
哪些地方适用分页:
1、一条邮件、新闻故事或相似度的内容
哪些地方分页不适用:
1、一组有区别的卡片,例如复杂的新闻故事或邮件
遵循标准菜单设计
自定义菜单
1、每个菜单项应该有一个50*50的关联图标。使用谷歌眼镜菜单图标来和谷歌眼镜UI保持一致
2、尽可能限制名称的字数。使用祈使句动词
3、使用内置菜单的默认图标和名称。除非你使用的菜单非常不同
4、图标要全白色且背景透明
5、保证菜单名称小于15个字符,例如
![](http://bbs.seacat.cn/data/attachment/forum/201401/03/065625a4960g9gk494649r.jpg)