谷歌手表
-
2023年2月19日发(作者：)UI设计
一、什么是UI设计：
UI,顾名思义，UserInterface,UI设计即为用户界面设计。
用户界面是用户和设备交互的重要介质。用户界面设计可分为感觉和
情感两个层次，其综合了心、理学，设计学，语言学等方面的知识。
一个产品的UI设计直接关系着用户体验，随着移动设备的开展，用
户体验越来越重要。
用户界面设计很大程度上就是在探究如何让产品更具可用性，如何使
用户获得更好的体验，使用户能够更快的通过界面操作完成任务获得
良好的感觉。
二、UI设计的三大原则：
1、易用性，使用户能够更容易的使用产品，通过界面完成想要做的操作。
2、在界面美观的根底上，减小用户的记忆负担，使用户在使用产品时不
用刻意记忆各种功能，可以很舒服的完成操作，从而使用户得到很好的
产品体验。
3、界面的一致性。对于产品而言，在功能完备的根底上，界面的美观很
重要，美观的界面不仅使产品本身更具魅力，还会给用户带来愉悦的体
验。除此之外界面要高度一致，用户使用界面时往往会有惯性思维，UI
要保持一致，以免用户思维方向被打乱，影响产品的用户体验。
三、UI设计常见问题
1、要明确自己的用户群，不同的用户阶层对不同的设计元素有不同的理
解。所以我们的UI设计要针对自己的用户群设计。
2、要确保UI能够使用户自由掌控自己的浏览行为，要确保用户能从*个
点跳出，能够毫无障碍地退出*个界面。
3、尽可能的减少程序中的bug和错误。从而改善用户体验，beat测试
是削减错误的最好的方法。
4、将重点放在重要的容上，将最重要的东西展示给用户，从而使用户更
好的理解你的设计。
5、设计要简约。简约的设计可以增强UI的易用性，可I让用户不必关
心、那些没必要的信息。而过于拥挤的页面不管功能多强大都会给用户
带来糟糕的用户体验。
6、要有视觉提示。当我们使用了aja*flash等技术时，当容加载时应
当有视觉提示，始终让用户知道目前在做什么。
7、要确保容清晰，准确，易懂。
8、色彩的使用。色彩是UI的重要元素，不同的颜色代表不同的情绪，
色彩的使用应当和站点以及主题相契合。还要考虑特殊人群的感受，有
的用户可能是色盲，在色彩使用上要考虑他们的感受。色彩使用要保持
一致，一旦选定了*种配色，整个站点一致使用这种配色。
9、良好的构造。在UI设计中各个元素应当放在他们呢该放的位置,总体
构造应当清晰，一致，相关关联，那些不相关的东西应当单独放置。
四、交互实例分析
1、AndroidWear与AppleWatch
产品交互设计共同点：智能推送，轻量交互，高易读性。
AppleWatch:
1、个人化(Personal):因为手表是最贴近人体、最“无感的智能设备，
因此天然具备充当个人与虚拟世界交互入的潜质。每当用户抬起手
腕的时候，苹果手表能够自动呈现相关信息提醒和个人安康数据。
2、整体性(Holistic：)从iPhone5和iOS7开场，苹果开场追求软硬
件结合的一体化极致体验。Retina视网膜屏，浑圆过渡的鹅卵石
状外壳，数字表冠［digitalCrown］和置的Taptic准确震动引擎
都是这一理念的在手表上的进一步实践。苹果建议开发者在开发手
表App时候尽量使用黑色背景，并把UI元素尽量布局到屏幕边缘，
也是为了从视觉上模糊屏幕软件与表壳硬件之间边界。
3、轻交互(Lightweight)：苹果认为手表上的交互应该是快速便
捷、无需复杂输入和操作的。通过抬起手腕，提醒会自动显示，手
腕放下的时候，提醒自动消失，用户无需额外的触摸交互。扫视界
面［Glance］把所有重要信息集中在一屏之展示，并提供快速的操
作入以便*些场景下的进一步交互。
AndroidWear:
1、自动触发(Launchedautomatically):AndoridWear可通过识
别时间、位置和用户身体状态在最适宜的时间通过卡片的形式向用
户推送最相关的信息容。
快速浏览(Glanceable):谷歌认为用户在安卓手表上获取信息的体验应
该和用传统手表看时间一样优雅和精准，只需要眼角余光一瞥，一
切尽在掌握。只有这样，用户才能更快速地回到现实生活中，活在
当下，享受生命每一刻。
2、智能推送与搜索(SuggestandDemand):基于GoogleNow
的引擎，安卓手表力图成为用户最随身的智能助手。谷歌的账号效
劳系统可以学习用户的喜好，只推送最相关最及时的资讯。只可惜
目前谷歌的效劳在中国大陆无法使用，大大降低了安卓手表的实用
性。
3、零打搅(Zeroorlowinteraction)很多时候Android
Wear会自动识别你的需求，帮你自动输入容，用户仅需要确认或
者取消。UI元素采用大块点击，大动作滑动和手势识别，并不需
要准确的触摸操作歌打了个有趣的比喻，说每次推送消息给用户，
就好似现实生活中有人突然拍一下你的肩膀一样，是种很亲密的行
为。但如果这样的行为被滥用，用户很快就会厌烦，并且将你抛弃
〔AndroidWear可以自定义哪些App有权限推送消息到手表上〕。
UI交互架构：Android的“二维卡片vs苹果“立体空间安卓手表系统
的设计风格延续了谷歌MaterialDesign的原则，色彩鲜明细腻，强调
卡片式的交互构造。安卓系统采用情景式卡片［Conte*tualCards］推
送，卡片又分为两大类：一种是标准的通知卡片［Bridge
notification］只提供信息，无需进一步交互。比方短信、天气、新闻
等；另一种是可执行卡片［Actionablecards/Conte*tual
notification］,如可随时暂停的计时器，音乐播放控制器等。
卡片上嵌了可点击操作的按钮，用户除了阅读，还可以进展进一步的快
速交互；当同一程序向用户推送了多条信息，这些信息会自动组合成堆
叠卡片［CardStacks］，用户可点击展开或收拢。在用户有主动搜索的
需求时，还可以通过语音询问或者从命令列表中选择预制的快捷命令进
展搜索，安卓称之为线索菜单［CueCards］。
则问题来了，这么小的屏幕，这么多的卡片，用户又如何浏览和选择.安
卓为此制定了2DPickers［二维选择］的法则，即纵向上下滑动在不
同种类的卡片间快速切换。而从右向左滑动可以进入*个具体应用卡片的
详情进展进一步操作，如查看详情、快速回复、在手机上翻开等。从左
向右滑动则是返回前一卡片，直到退出返回默认表盘界面。卡片一旦退
出，则自动删除不再出现。
当然，除了情景卡片和线索菜单，安卓也给开发者提供了全屏“沉浸式
交互的可能，如果开发者认为确有必要，可以给用户提供入，进展全屏
交互。
与安卓类似，苹果也提供了卡片式的页面模式［Page-Based］。用户可以
在不同的页面之间左右切换浏览。这样的方式简单明了，但当页面数量
较多的时候，来回频繁切换也会影响效率。因此苹果建议开发者尽可能
的减少页面数量。
层级模式［Hierarchical］是苹果与安卓最大的不同。在层级模式中，
通过菜单导航栏引导用户快速找到相应功能，用户可随时点击左上角的
返回按钮或者从屏幕左边缘向右滑动返回上一层级界面。可以想见，对
于相对复杂的用户场景，这种模式比扁平的页面模式更为高效。
除此以外，苹果提供了压力触摸［ForceTouch］操作，相当于给同一界
面赋予一个快捷操作菜单。在特定界面，只要手指用力按压屏幕，这个
快捷菜单就会浮现。这样做既保证了界面布局的简洁完整，也不影响单
手指操的效率。另一个亮点是通过快速拨动数字表冠［DigitalCrown］，
用户可以在不同App和层级界面中进展浏览和进展Zoom-in-and-out式
的缩放操作，进一步提升了交互的空间层次感。
2、76Synthesizer
苹果在应用设计中最喜欢使用的Skeuomorphic〔模仿过去的现实物品，
强调界面与用户过往经历的一致性，例如iPad虚拟键盘上F键和J键上
的虚拟定位小横杠〕设计，让用户感觉自己和应用之间的互动更加直观自
然。这样就会让用户从冷冰冰的科技产品中体验到与应用互动的乐趣以
及亲切感
Genius
整个界面看起来就和真实的单反数码相机一样。明确强烈的视觉层次
感，再加上高分辨率以及高质量的Retina视网膜显示屏，整个UI看起
来非常逼真、简单明了，用户使用起来相当方便。超清晰和引人入胜的
移动UI界面，和Web页面完美照应。
ioMobile
FLStudioMobile是FLstudioiPhone版，使你可以在iPod、
iPhone和iPad上创立完整的多轨工程，它让你的iPhone就像是全功能
的录音室，漂亮的大混音盘，先进的创作工具，让你的音乐突破想象力
的限制。