童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

GoogleAndroidWear设计规范学习心得

9月1日 乱人心投稿
  写在正文前的几句话
  随着AppleWatch明年开始发售,可穿戴设备市场会逐渐火起来,这里的主因不是因为AppleWatch会像当年的iPhone4一样开启了智能手机时代,更主要的原因是智能手机越做越大,便携性越来越差。用户需要一个更为便携的设备来满足一些需要快速完成的任务。笔者购买了iphone6Plus后就遇到了这样的问题,个头太大不好放进衣服的兜里,只好放在包里,当需要时还要停下脚步或正在做的事情从包里拿出手机。这个过程每天都要重复好几十次甚至有时会上百次。观察下你身边的人是不是也有类似的情景发生?
  智能穿戴设备,无论是手表还是眼镜就会解决这个问题,不因为别的,贴身性就是最大的优势,这些设备与手机互联,在不方便使用手机的时候完成简单的任务,当拿起手机时能无缝的延续之前在穿戴设备上的进度。智能手机会彻底变为个人随身终端,穿戴设备担负起部分智能手机的工作,这才是未来移动互联网的写照。
  关于GoogleAndroidWearD
  Google在发布第一款AndroidWear的时候就同步推出了设计规范,从设计规范开篇Google就希望所有的开发者可以严格按照规范来设计AndroidWear上的应用。另外需要提及的是AndroidWear的设计规范与MaterialDesign风格上有很高的相似度,为了保证设计的一致性建议手机APP的设计风格最好采用MaterialDesign,这也是Google现在提倡的统一平台和各个交互间的用户体验。
  AndroidWear设计基本原则
  卡片流
  与手机和平板一样,AndroidWear的通知信息也采用了垂直排列的卡片流形式,区别在于AndroidWear每次只会显示一张卡片以及一个背景图组成的简短信息。这种设计的意义在于让用户抬起手腕扫一眼就能掌握信息,想要更进一步时滑动下卡片就能获取隐藏起来的更多信息或打开应用。
  自然交互
  得益于Google的语音识别和语义分析技术,可以将应用与系统设定的口令关联使用户可以用最自然的语音输入方式达到目的。
  设计规范文档相当详细,就不全部翻译了,下边的图片是笔者总结的要点摘要,仅供大家参考:
  关于2DPicker
  2DPicker是AndroidWear独有的信息架构,2DPicker里的“D”可以理解为轴向,只能在水平轴向选取选项的为“1DPicker”,例如音乐播放应用中在一个音乐专辑中切换音乐。如下图:
  已经有水平轴向后再加上一个垂直轴向就是2DPicker,还是用音乐播放应用举例来说就是从当前播放的专辑切换到另一个专辑,如下图:
  语音命令
  AndroidWear支持系统层级和应用层级两种类型的语音命令,前者是控制系统功能模块,例如“设置几点的闹钟”、“开始计时”。后者是控制已安装的应用,用户需要先说出“开始(Start)”作为激活命令,之后再说出具体的命令。
  注意:目前AndroidWear不支持中文命令。
  下面这个表格是AndroidWear支持的语音命令:
  目的口令例句
  callacartaxi叫辆车出租车“OKGoogle,getmeataxi”“OK,Googlecallmeacar”
  Takeanote记笔记“OKGoogle,takeanote”“OKGoogle,notetoself”
  Setalarm设定闹钟“OKGoogle,setanalarmfor8AM”“OKGoogle,wakemeupat6tomorrow”
  Settimer设定计时“OKGoogle,setatimerfor10minutes”
  StarStopabikeride开始停止骑自行车“OKGoogle,startcycling”“OKGoogle,startmybikeride”
  “OKGoogle,stopcycling”
  StartStoparun开始停止跑步“OKGoogle,trackmyrun”“OKGoogle,startrunning”
  “OKGoogle,stoprunning”
  StartStopaworkout开始停止锻炼“OKGoogle,startaworkout”“OKGoogle,trackmyworkout”
  “OKGoolgestopworkout”
  Showheartrate显示心率“OKGoogle,what’smyheartrate?”“OKGoogle,what’smybpm?”
  Showstepcount显示步数“OKGoogle,howmanystepshaveItaken?”“OKGoogle,what’smystepcount?”
  AndroidWear设计模式
  交互方式
  AndroidWear支持点击、长按、滑动、语音、手掌这5种交互形式。
  1、通知卡片、可操作、确认动画
  你在某天的晚上你戴着AndroidWear来到了一个餐厅,这时手腕感到了微微的震动后抬起手腕扫了一眼,发现你的好基友也来过这个餐厅并且还很喜欢这里。
  通知卡,最基本的信息通知展示形式
  既然好基友来过这里,那为了证明你和他的友谊那就签个到吧,顺便表示下我来这里不是因为你
  通知出现滑动卡片页面出现签到按键点击操作确认动画(包含结果)结束
  接下来换成基友视角,几天前还是相同的时间,你的基友第一次来到这家店
  通知出现点击签到操作确认动画(包含结果)结束
  接下来修改下剧本,在某日你陪女友去购物中心购物,到了晚饭时间打算在购物中心里找家餐厅解决下肚子问题,你带着女友进入了一家店,这时手腕传来震感后抬手一看,发现推送来的通知里的店名不是这家店,心里一边嘀咕着“什么破室内定位,一点儿都不准“一边准备修改下位置
  通知出现滑动当前卡片点击修改位置垂直切换选项点击选项操作确认动画(包含结果)结束
  以上三个范例是非常具有代表性的,从中可以看出通知卡片分为仅包含信息和带有可操作特性两种,前者适用于大多数情况,后者需要取决于产品形态。不管是哪种模式都有签到的操作确认动画和结果,这里强调动画的原因是签到这个功能一方面是非高频操作,其次是需要向服务器返回结果,而返回数据期间需要用动画来告诉用户应用运行正常。
  2、1Dpicker、2Dpicker
  你走在上班路上听着音乐,走到十字路口等红灯时想换首音乐
  
  滑动当前卡片点击切换歌曲垂直切换选择歌曲点击卡片播放选中的歌曲
  到了公司坐到椅子上,想换个适合工作时候听的专辑
  滑动当前卡片点击切换专辑垂直切换专辑左右选择歌曲播放选中的歌曲
  这两个范例是典型的1DPicker和2DPicker,关于这两者区别在文中已做了说明就不再重复了,这里要强调的是如果产品的某个功能符合用户高频使用或要求快速响应特点的,不要加入确认动画。
  3、语音
  涉及到语音的使用时有个细节要注意下,涉及到与其他人之间沟通的时候,语音输入的内容直到发送完成前是可以“反悔”的,发送中状态会用倒计时的方式来给用户最后几秒钟来决定是否发送,但是如果用系统预设的快捷回复则不需要用户最后确认。
  在听音乐的时候总会遇到一些自己非常喜欢的歌曲,为了不想错过会想办法创建一个只有自己挚爱歌曲的专辑
  滑动当前卡片点击创建专辑说出专辑名称语音识别创建专辑当前歌曲保存到创建的专辑中
  来了个短信,但手机放在包里或不在手边而又懒得去拿这种情况比较多见,这时如果佩戴着AndroidWear就可以快速回复短信,还不用敲键盘打字。
  滑动卡片点击回复说出短信内容语音识别发送中发送完成
  在有些场景下不太方便使用语音回复,例如在电影院、图书馆、学校上课和会议中等,这个时候可以用预先设定好的回复来解决问题。
  滑动卡片点击回复点击google图标选择快捷回复句发送完成
  4、全屏化、退出
  AndroidWear对应用全屏显示有限制条件,只在卡片无法承载内容时可以全屏化,之后要可以立即退出全屏化。做出这些限制的目的是避免应用侵占AndroidWear作为手表的主要用处全屏显示时钟。
  接下来举例来说明进入和退出全屏化的设计:
  某天你要去赴个约会,约会地点是你不熟悉的地方,最保险的做法是打个车过去,你利用AndroidWear上的打车应用成功叫到车到达目的地后想对司机的服务打个分
  点击卡片上的星星图标全屏化进入打分界面打分退出全屏化回到卡片
  有的应用特别是发送信息后不能自动退出需要等待另一方应答,按之前看到的短信回复的范例来看,发送信息成功后要不是退出或停留在发送成功页。这两个设计都不是符合要求的,退出应用不符合业务需求,停留在发送成功页看着还能接受,但不符合设计规范的全屏化后迅速退出全屏的要求。关于这部分的设计可以参考下面这个叫车应用范例:
  叫车请求发布成功后页面从全屏化退出进入了等待应答卡片页
  在AndroidWear上的退出方式有以下几种:设备上的返回主页按键、应用内含有退出功能、长按屏幕、用手掌捂住屏幕、滑屏退出(仅限全屏化下)。下面看看范例:
  应用内含有退出功能
  长按屏幕后出现退出按键
  手掌捂住屏幕后应用退出
投诉 评论 转载

写给网页设计师的网页设计简史编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史,……【细节思考】hover的时间策略hover的延时策略hover是web交互里的一个重要交互动作,当鼠标指针悬停或者划过元素的上方时,会触发对应的反馈,或者展示隐藏的信息。但是在实际的设计过程中,h……设计师的必备技能!你需要学会设计有意义的动效在今年的GoogleIO大会上,我参加了一个小的讨论小组,一同探讨跨平台设计所面临的挑战。这次讨论的内容信息量非常大,就像第一次去拉斯维加斯的那种目不暇接的感觉。这次Googl……移动设备手势分析用户是怎样操作手机的?增哥导读:了解用户是怎么操作手机的对于手机厂商和APP的设计者来说至关重要,如果你不仔细的研究,不依靠真实的数据。那么你之前的研究很可能沦为想象的玩物,快来看看真实的情况是什么……GoogleAndroidWear设计规范学习心得写在正文前的几句话随着AppleWatch明年开始发售,可穿戴设备市场会逐渐火起来,这里的主因不是因为AppleWatch会像当年的iPhone4一样开启了智能手机时代,……UI设计新手?试一试这7条法则(Part2)法则4:学会在图片上呈现文字在图片上优雅地呈现文字并不容易,这里给出6种方法。如果你想要成为好的UI设计师,你必须学会在图片上美观地呈现文字。优秀的设计师在这方面做……首屏大图:最大限度利用设计当下网页设计最重大的一项趋势,就是大图片的使用。不只是大,这些巨幅图片看上去就像在屏幕上活过来一样。用在页面顶部时,就是我们常说的首屏大图。如何利用这一趋势?需要从哪些工……适合开发者的UI设计7条法则(上)本文编译自Medium,作者是一位UX(UserExperience,用户体验)设计师,他通过自己学习UI设计的过程,总结出7条实用的法则,为UI设计新手提供了宝贵的经验。文章……重新认识控件(三)【选择框】最近总想着,“憋”出一篇“大”文章,但是事实上越是想憋,越是憋不出个满意的,索性写写小的观察和总结。也许写的内容不周全,但是自己写的舒心和惬意定义我自己的定义中,就……重新认识控件(二)【Web传图控件】图片和文字,都是一种数据形式。我平时对文本框的录入,报错和提交的设计比较多。最近涉及到图片控件的设计,细细琢磨一下,这玩意还有一些平时没太注意的细节点,感觉对于其他控件的设计有……高保真原型应保真到什么程度?阿拓带你飞:最近设计师、产品经理谈到高保真原型,但是都没有一个标准来确定应保真到什么程度。首先应该定义什么是高保真,其次考虑不同的交付对象,产品本身不同时期,不同环境下的高保真……电子商务网站设计分析面包屑导航网站中的面包屑导航(BreadcrumbNavigation)导航是一种作为辅助和补充的导航方式,它能帮助用户明确当下所在的网站内位置,并快捷返回之前的路径。面包屑的由来……
如何做好外包项目验收?我总结的几点建议产品经理工作几年遇到瓶颈?试试从这几个方面突破找出客户痛点,你需要知道的服务体验历程设计潜意识理论:启发产品经理工作的15点产品遇到瓶颈,能否出奇制胜开一堂小课:AI如何赋能给AI产品经理?PRD:宠趣,宠物用品购物社交平台PRD:米家需求文档V1。0从程序猿到产品总监,我的成长历程从账户底层逻辑思考注册登录如果我是神州专车公关经理。。数据产品经理,该如何搭建数据指标体系?
路的变迁作文600字生命大树爬山爬楼梯更危害老人的膝关节如何再做一款社交产品房屋被强拆屋内财产损失怎么算?微信引流加人方法,日加100被动粉方法分享轮滑板车技巧疫情期间房租可以减免吗?珍惜资源爱我国土主题作文诸葛亮死后嘴含七粒大米是什么意思背熟这些报价技巧,没有拿不下的单!我最喜爱的人妈妈热传聚热点网

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界