7位专家对谷歌材料设计的意义进行了权衡

自从谷歌推出了它的材料设计语言以来,它的UI设计以及应用程序的外观和工作方式都有了明显的变化。它使用一致的设计模式,可以在定制应用程序开发中跨不同媒介使用。

我们采访了7位业内专家,讨论他们是如何将材料设计融入到自己的应用程序中的。他们还分享了一些在开发应用程序时可以使用的技巧。雇佣一个移动应用程序设计公司让材料设计从头开始,或者训练你现有的设计师。

#1准备访问谷歌的UI/UX研究

材料设计小贴士

Anatoly Ivasyuk的工程总监LastPass

整合材料设计的挑战在于,不是所有的标准组件和行为都包含在Android设计库中。当材料设计首次发布时,每个想要实现它的开发人员都必须使用自己的组件,或者寻找开源组件,因此最初的采用速度很慢。

而且,这通常会导致应用程序之间的行为不一致,因为这取决于使用的是哪个组件。谷歌随后发布了他们的Android设计库,这对他们的帮助很大,因为它包含了最常见的组件和行为。

随着时间的推移,设计库不断充实,以一致的方式实现材料设计并减少对定制或第三方组件的依赖变得更加容易。

使用materialdesign的好处是Google已经完成了UI和UX的研究,因此个人开发者不必这样做。因此,由于一致的导航和行为,客户可以更快地学习应用程序。

2 .注意细节决定成败

材料设计合并

路加福音Klinker在创始人爪的推特

对我来说,材料设计为制作一个漂亮的应用程序提供了基线;然而,它永远无法覆盖每一个案例或直接应用于特定的应用程序目标。它们只提供了一些完整的布局示例。

指南强调了应用程序的许多独立部分,但每个开发人员都应该尝试处理这些部分,为用户提供新的和令人兴奋的体验。

虽然制作一个很棒的应用程序没有“秘方”,但我发现,在我的工作中,对细节的关注会让一切变得不同。不要盲目地从文档中直接实现材料设计,而要尝试通过使用不同的布局和诱人的动画来实现自己独特的设计。

然而,最重要的是,材料设计应该作为一种工具来帮助实现功能。仅仅因为你做了一个设计良好的应用程序,并遵循了指导原则,并不意味着它就会成功。

当你加入一些利用这种设计的功能时,你的应用程序才真正开始结合起来,变成真正美丽的东西。材料设计是成功的一个很好的途径,但是要小心不要犯一个错误,一个设计良好的应用程序没有任何用户关心的功能。

想要一个满足您需求的UI/UX代理吗?获取免费报价!

#3坚持关键指标

android应用的材质设计

斯特凡·普莱德尔,开发商本地广播

最重要的是,在你开始考虑你的应用程序设计或重新设计之前,你必须记住谷歌材料设计指南。如果您想重新设计一个旧的应用程序,可能需要为UI部分开始一个新的代码基,而不是在这里或那里修改它,因为设计指南是从布局结构的根元素开始的。

坚持应用程序中每个元素的关键指标。对于某些元素来说,这可能看起来很有挑战性,但Android支持的设计和多个iOS素材库使之变得非常简单。当我开始LocalCast的时候,这些都不存在,我不得不自己编写代码,比如在旧版Android上实现涟漪效果,但这是完全值得的。

在整个应用程序或整个应用程序生态系统中保持一致的风格,可以让用户很容易在最关键的几秒内找到自己的应用程序,而大多数卸载都发生在这几秒内。想象一下,打开一个有材质设计的应用程序,这真的不重要:你很可能会有一个简短的动画,让它立刻看起来很有价值,并且有人会关心你的设计。

4 .坚持用户期望的布局

高质量的内容

阿德里安亨利,创始人饿了海龟的代码

首先,我想说的是,关键是不要试图重新发明轮子。我的意思是,材料设计已经在Android世界中无处不在——用户已经习惯了与材料设计UI相关的组件。

对于一个考虑创建一个材料设计UI的设计师或企业家来说,这意味着他们必须坚持用户期望的布局。

我明白作为一个企业家,你想脱颖而出,与众不同。因此,人们总想打破规则,让自己显得与众不同。这在当时似乎是个好主意,但从最终用户的角度来看,这只是一种不和谐的体验。他们应该知道一切都在哪里,并且直观地理解UX流。这就是我所说的不重新发明轮子,坚持用户所知道的。

第二个建议是密切关注应用程序中的用户流。不要因为元素遵循材料设计规范就认为它是应用程序中该工作的正确元素。是的,gmail使用浮动操作按钮,但这并不意味着它永远是你的最佳选择。

经常问自己,它是否增加了应用程序的用户体验?感觉起来直观吗?如果你一直保持批判性,那么你就会发现你制作的“好”材质元素在你的应用中并不起作用。

另一点可能与上述观点有关,即内容应该是重点,而不是材料设计。事实上,如果一个用户没有注意到你的应用程序是材料设计,那么你已经做好了你的工作。如果他们没有注意到这一点,那就意味着这种体验是如此的无缝和直观,他们不需要去想它。大获全胜!所以要确保内容是最优质的,并且是应用程序的焦点,而不是材料元素本身。不管怎样,他们只是为了提供内容。

最后我要讲的是动画。我们都喜欢动画,但很容易做过头。它们应该再次无缝地适应UI。这是我刚开始的时候经常犯的错误。

我只是为了有动画而加入动画。动画应该看起来像是体验的一部分,而不仅仅是事后的想法。如果它看起来像你做的应用程序和添加的功能,然后只是扔一些动画,它会显示,你的用户不会喜欢它。

但是,如果动画看起来像是UI的一个固有部分,而UI没有它就不可能存在,那么你就做得很好了。我找到的一个例子可以说明这一点在这里我知道这不是一个android应用程序,但材料设计的概念是存在的。注意按钮本身是如何以动画的方式变成注册屏幕的。动画是UI的固有部分。这比按下按钮,然后突然出现注册页面要好得多。

关注研究、资源和测试

android应用程序的材料设计

乔纳森盔状突起物,首席设计师灵维斯特

作为一名产品设计师,我将给出的3个主要建议可能围绕着设计流程中最具经验的元素:研究,资源,测试。前两个的链接和资料在网上很丰富,其中最好的,不出所料,由谷歌自己提供。

研究:

material.google.com对于任何开发Android应用程序的设计师来说,这都是一个典型的参考点,但我觉得很少有人会在开始一个项目之前花时间阅读这本指南。即使你以前用过Android应用程序,刷新一下你的记忆,看看视觉语言是否有任何更新——在项目开始时花几个小时做这些,可能会减少设计过程中的几天时间。

该指南非常详尽,因此熟悉其原理将有助于进一步解决问题。这个海拔和阴影部分特别具有启发性,并严重影响了我们对新的Lingvist应用程序的最终设计和方法。

如果您正在创建的产品可以在多个操作系统上工作,请在任何平台上开始工作之前尝试进行研究。很自然,你的结果和发现会反馈给所有人。但要灵活。例如,如果你必须比较我们在安卓应用和iOS应用中使用的视觉语言和交互,你会看到一些细微的差异:圆角;投影大小;导航结构;等。

虽然这可能对我们的整体品牌延续有轻微的影响,但考虑到应用程序在特定操作系统环境中的归属感,这是一个小代价。反过来,这相当于一个巨大的可用性胜利,通过最小的工作量实现。

资源:

同样,Google提供了大量精心策划的资源,这些资源对于任何实用程序库来说都是必不可少的,从符号到设备线框。我们在Lingvist的大多数用户界面设计中都使用了草图,而组件贴纸是必须的(在阳光下几乎每种格式都有)。

你不必限制自己使用谷歌提供的资源,有一些很棒的第三方资产,它们推动了材料设计的边界。不过要小心,虽然这些设计可以真正鼓舞人心,但它们也可能以违背材料设计的主要原则而告终。在这一点上,您早些时候进行的初步研究确实会派上用场。

测试:

最后,但同样重要的是,设计Android操作系统的棘手之处在于,实际上有数百种甚至数千种不同的设备在运行该操作系统。对所有这些进行测试是不可能的,但这不应该阻止您尝试!在办公室里四处问问,试着得到一个名单,包括谁有什么设备,他们是否愿意让你使用它进行测试。

如果你有预算,试着为你的库存得到一些测试设备。这些不必是全新的,事实上,我强烈建议使用旧的设备。eBay上到处都是价格低廉的设备,寻找那些有连通性问题、无法像手机一样使用的设备。在很多情况下,只要设备可以连接WiFi,那么它应该是一个很好的测试平台。

如果这超出了公司的能力范围,那么像Genymotion这样的仿真器就真yabo.com下载的很好用。只是要确保不要把它作为你的唯一来源,没有什么能比你手中有一个真正的设备更好的了。

材料设计不仅仅是视觉上的,还有动感

实现谷歌材料设计的技巧

TheFabulous设计公司的联合创始人Taylor Ling

  • 理解为什么材料设计——在Android应用程序中并不是必须要实现材料设计,但是这个指导原则对于很多用例来说是一个很好的起点,同时仍然允许对一个产品进行独特的品牌表达(颜色,排版,插图等)。而且这是一个指导方针,所以没有什么是一成不变的——这是一个不断发展的设计系统,有时出于强烈的理由而偏离也是可以的。
  • 理解材料设计不仅仅是视觉,但也运动,使材料设计真正有趣的是故意对界面的运动指导,这不仅给一个机会给一个品牌/产品发光,它还帮助很多指导用户,大大提高用户体验,如果他们做是正确的。
  • 相互沟通和理解——我经常听到有人问如何最好地实现设计,因为开发人员似乎无法实现它们,而且大多数时候,这是由于设计师和工程师之间的沟通不足。无论是视觉实现还是动态实现,设计人员都应该能够解释某些设计决策,并让开发人员理解为什么要做出某些决策,可以是数据驱动的设计,也可以是基于理论的设计,或者是业务决策。设计师也应该试着去理解是什么细节需要由开发人员能够完成他们的工作更效率的方式,例如规格(或取消),关键帧,资产等一名开发人员,重要的是要找出事情要做而不是说不,如果这是一个全新的东西在你的字典,但同样重要的是,如果某些设计决策真的很难实现,与设计师交谈,并共同寻找一个解决方案,可以实现同样的事情。如果你对某些设计决策有疑问,即使你对它一无所知或者你可能是错的——和设计师谈谈。解释为什么要这样做是设计师的工作——如果他们解释不了,他们可能不确定这是否是唯一的方法,那么你可以用替代的解决方案来挑战他们,最终的目标是让产品变得更好。

7 .简单优雅的解决方案

改善沟通

Ole Reckzeh,厨房故事的艺术总监:

首先,在实现Google的材料设计时,很明显Google在创建一种适用于多个平台的设计语言方面做得很好。

材料设计最初的灵感来自墨水和纸张,并遵循物理规则,这有助于改善开发者和设计师之间的沟通和合作。当谈到在我们的《厨房故事》Android应用程序中实现材料设计时,我们了解到谷歌材料指南为我们的大多数设计挑战提供了简单而优雅的解决方案。

因此,我们相信,利用谷歌的指导方针,与Android社区和本地游戏商店的聚会交流想法,为独特的材料设计解决方案提供了很好的基础。

空白的
斯穆鲁蒂欣尼卡

Smruti是Arkenea的内容营销经理,Arkenea是一家为初创公司和企业开发经验丰富的应用程序的移动应用咨询专家。可以通过推特上的@Smruti_26联系到她。