云通动力,让您在任何地方都能够连接人与人,人与生活

icloud-link,link Person,link life

穿戴设备Wear Design设计体验,打造专属你的UI设计风格

【云通动力科技报道】针对智能穿戴设备的UI设计体验,云通动力科技结合国内著名UI设计平台-UI中国,不断的接收挑战,为客户打造不一样的UI,往品牌UI设计路线接轨。


    几周前,Timothy Jordan和我说起设计一个智能手表应用,以实现在2014 Google I/O大会上发布的相关内容。我们俩聊了很多关于如何吸引用户,如何让开发者不断想出新点子,如何让这个应用变得更有用,让智能手表不仅仅只是一个噱头,而真正的实现功能化。

    但是,过去我一直在为安卓设计操作界面,而Timothy仅有的也只是Glass经验。我们都很好奇,为了实现这一设想,我们俩会创造出什么样的产品。

    正好在去年,我曾参加过Nadya Direkova领导的一个非正式Glass设计项目。实时追踪并且提醒,距离你选择的旅游景点有多远以及整个旅游路线和临近的景点。

    穿戴设备Wear Design设计体验,打造专属你的UI设计风格

    我最初的设想便是来源于此。

    尽管这项设计终止于雏形,但这个点子在我的脑海萦绕不断。对于智能手表来说,这似乎是一个完美的应用,即可极大的完善用户体验。

    为安卓手表设计一个行走路线APP

    当用户启动这项APP会发生什么呢?好吧,首先是相当标准的语音提示“你正启动路线追踪系统”,如果还能通过通知提醒用户邻近的景点那就更有趣了。当然这些通知只会出现更重要的信息通知之后,不会让用户忽略掉重要信息。并且随着Google Play设备地理围栏和定位功能的发展,有效的防止了电池的损耗。

    随着初步的构想完成,我们开始着手UI设计。我们以Taylor Ling的Android Wear 0.1 design模版为基线,因为更熟悉矩形UI设计,我们初试正方形设备。

    我不得不承认在如此受限的环境之下设计的兴奋感,140x140 dp的屏幕下不得不做出艰难选择,花了很多时间思考,真正在Photoshop或者Sketch上的心思却十足有限。

    在具体化的过程中,我们添加了几个页面:一个动态的通知显示你距离下一景点的距离,还有四页更详细的页面关于你到达的时间,你在哪儿能休息,以及你现在所处的位置。


    真实的设计生活

    除了在Photoshop上所能做的,作为一个设计师,你还必须要用一个真正的设备来测试你的成果。以更好的评估整个设计操作的复杂性,可触位的可用性,以及内容的易读性。

    还好Timothy和我都有自己的测试设备,一台LG G Watch样机和Moto 360样机。在几年前,我曾经发布一个the Android Design Preview工具,它可以让你的部分页面直接显示在安卓设备上。因为我们顺利的看到最终设计成果在设备上的显示,在调整之后我们更有信心了。

    圆形设备的设计

    之前我们从来没有涉及过圆形设备的设计,所以相对来说这又是一个挑战。但一切总是这样出人意料,我们之用了一个小时就将8个页面调整为圆形。当你一次展示2到3个重要信息在主屏幕上,在圆形设备上也是相当。总的来说,我们只要做一些细节的调整:

    按比例放大背景到160x160dp(320x320 px)

    将页面边缘从方形设备的12dp成为圆形设备的26dp;这也意味着主页内容页面在圆形中将更小

    将按钮比如“继续行走”在表盘中更为居中

    文本内容在圆形设备中将居中显示,方形设备为居左对齐

    下移显示(空出部分为通知内容,没有实际的运作)


    当我们将其显示在设备上的那种兴奋感实在难以描述,我们的想法就这样成为现实了。

    如下便是我们整个的设计,完整的囊括了圆形和方形设备,还包括所有的页面,也不仅仅只是一个app图标。

    启发性的体验

    设计智能手表与电脑桌面或者手机是全然不同的,你需要费更多的精力去思考用户的需求以及你想要给用户提供的功能,哪怕是任何字句都需要仔细斟酌。

    作为一个设计师,在如此受局限的情况下进行设计开发也是一个挑战,这也意味着你需要不停的迭代,尽管实际显示出来的操作是如此的简单,但又很深刻。

    这就是我们,将理想变为现实,也就在几年之前我们有至多成就。这也是长久作为UI设计师最为高兴的。所以请你一定记住这一刻,当你从第一次幻想一个应用,模拟,编程,最后在你的安卓手机上运行的那一刻。尽管这种感觉不能放大也不能保存,但深深印记在你心中。

    摘自UI中国


在线
客服

在线客服服务时间:9:00-18:00

选择下列产品马上在线沟通:

客服
热线

关注
微信

深圳云通动力 关注官方微信
顶部