关于移动应用程序 UI 设计,汽车能教给我们什么?
已发表: 2015-10-19设计灵感几乎可以来自任何地方,从美术画廊的大厅到您的厨房台面。 虽然太多的司机可能会花时间在方向盘上看他们的手机(请不要成为他们中的一员!),但道路实际上可以为制作移动应用程序 UI 的人提供丰富的设计智慧来源。
下次当你发现自己堵车时,环顾四周——不要因为你最近的驾驶运气不好而诅咒命运,看看当代汽车制造商在设计方面做对了(和错了),想想你怎么能把这些课程带回你的办公桌。 作为汽车爱好者和移动应用程序极客,这些只是我们从无马车世界中学到的关于应用程序 UI 设计的一些内容。
DeLorean:司机喜欢大胆的设计,但他们更喜欢性能

DeLorean DMC-12,几乎每个人都简称为“The DeLorean”,拥有汽车历史上最具标志性、最容易辨认的设计之一。 即使您从未打开过Motor Trend的一期,观看过 Top Gear 的一集或对汽车设计有过深思熟虑,您也可能会立即想象出这种 1980 年代美学典范的拉丝钢、锐角和鸥翼门.
毕竟,布朗博士在《回到未来》中使用这辆车来建造他的时间机器是有原因的。 如果你在 1.21 吉瓦的功率上航行了几十年,你应该这样做。
但是,尽管多年来 DeLorean 受到了所有的爱和怀旧,但不可忽视的事实是,在 DeLorean 汽车公司关闭运营之前,只生产了 9,000 辆汽车。 这辆短命的汽车比它所出演的特许电影更长寿,只享受了两年的制作。 为什么?
勉强赢得出席奖杯的跑车
1983 年 DeLorean Motor Company 的清算是多种因素共同作用的结果,其中最重要的是美国汽车市场低迷。 然而,仅仅基于它作为汽车的优点,DeLorean 不太可能在更有利的经济条件下持续更长时间。 虽然汽车的设计说,“驾驶我 - 我是未来派和快速的,”性能讲述了一个不同的故事。
在 John DeLorean 坐下来为他的标志性汽车制造原型之前,他最初的梦想是 200 马力。 虽然肯定低于时间旅行所需的 1.21 吉瓦,但这是相当大的肌肉量,并且更接近您对一辆看起来像那样的汽车的期望。 当汽车制造并进口到美国时,凭借其新制定的排放法和强制催化转换器,200 马力变成了大约 136 马力——与当今最不令人兴奋的 4 缸紧凑型汽车相媲美。 这不仅仅是今天的标准动力不足,而且当时也很糟糕。
这是一辆跑车,不是为了从 A 点到 B 点而保留的一些实用的轿车或几乎不能维修的老爷车。没有人购买 DeLorean 是为了获得稳重的驾驶体验。
如何不设计 DeLorean
然而,所有这些都告诉我们关于移动应用程序 UI 设计的什么信息? 这不仅仅是一个关于形式跟随功能的警示故事。 每个人都知道,如果应用程序本身性能不佳,世界上最漂亮的应用程序 UI 设计仍然会失败——如果应用程序崩溃、挂起、运行缓慢,或者表现出其他开发不良和质量保证不足的症状。
然而,对于任何设计其他人可能最终制作的东西的人来说,DeLorean 都是重要的 Aesop。 John DeLorean 在他的脑海里有一个实际的汽车制造商无法提供的美丽形象。 请记住,DeLorean 汽车公司的总部设在爱尔兰,而大部分性能损失来自于汽车到海外去美国并拿起催化转换器,进一步失去动力。
App UI 设计师就像 John DeLorean,而开发人员就像美国制造商。 您只需尽早与您的开发人员进行对话,就可以避免很多 SNAFU。 简而言之,设计师和开发人员可以而且应该成为朋友。 与团队的其他成员讨论任何可能的限制,从硬件规格到潜在的网络性能问题——任何可能导致外观非常酷但最终功能失调的应用程序 UI 的任何事情。
通过在构建原型之前讨论这些限制,您将对您的应用程序的可能性有一个现实的想法。 也许某些动画或过渡最好留在剪辑室的地板上。 也许某些类型的推送通知是不明智的。 虽然其中许多细节将在测试和质量保证中得到解决,但从一开始就解决它们将使您对实际设计和构建的内容有一个更现实的想法。
你的应用程序 UI 应该更像特斯拉而不是普锐斯
但看在上帝的份上,不要让它成为悍马。
作为与“形式追随功能”或“设计追随性能”论点的对立面,您还希望避免制作一个功能强大且可用的应用程序,但在视觉上不是很有启发性。 你仍然想要那个“酷”的因素,除非你的应用程序 UI 设计具有更特别的讽刺、苦行的吸引力——Craigslist,我们正在寻找你。
但有时这种冷静会以牺牲效率为代价。 也就是说,我们当中谁会拒绝对道奇挑战者 SRT Hellcat 进行道路测试? 凭借 707 马力和在三秒内从 0-60 MPH 加速的能力,直线行驶可能不可能有更多乐趣,这甚至还不能说明它的复古肌肉车底盘看起来有多好。 如果你拥有年轻克林特伊斯特伍德的美貌和不妥协的阳刚之气,加上史蒂夫麦昆的速度和凶猛,将由此产生的嵌合体变成汽车,然后给汽车注入类固醇,那么地狱猫基本上就是你所得到的。
为你推荐:
简而言之,这是一次非常糟糕的旅程。


但是,强大的动力带来了巨大的燃料成本。 而且,在这种情况下,可能会造成一些环境破坏。 虽然地狱猫在高速公路上每加仑行驶 22 英里——无论从想象的角度来看,这都不值得绿色和平组织,但可能比预期的要好——但它在城市中只能达到 13 英里/加仑。 让我们面对现实吧,如果你驾驶这些坏男孩之一,你可能不打算对你的投入过于温和。
事情是这样的:虽然一些司机不怕花钱买臭氧来换一个酷酷的耗油器,但没有用户会保留一个会耗尽他们所有手机资源的应用程序。 当然,他们一开始可能会下载它,认为这些功能很可爱,应用程序 UI 很漂亮,但是一旦他们看到手机电池,他们就会比中年危机的人更快地摆脱那个应用程序说,“也许我根本买不起这个煤气费。”
不要制作 Hellcat 移动应用程序 UI。 但这并不意味着你也必须让它成为普锐斯。
关于移动应用程序 UI 设计,特斯拉 Model S 能教给我们什么
在汽车世界中,酷车和高效汽车之间的大逃杀看起来像是一场悲伤的斗争,让技术上的整洁,但(让我们面对现实)美学上“meh”普锐斯和其他慢速混合动力车与仍然优先考虑的跑车和 SUV速度、动力和性能高于环境和财务可持续性。
直到一位有远见的企业家站出来提出,“为什么我们不能两者兼得?”

特斯拉汽车在很多方面都是汽车行业的苹果(大约在 2000 年代中期,史蒂夫乔布斯时代)。 它正在做人们以前认为不可能的事情,为行业设定新标准,并且在做的时候看起来非常酷。 看看 Model S 吧——它不仅能在 3 秒内完成 0-60 的加速,而且它使用的电动机使您的 Prius 在燃油经济性方面看起来像 F350。 此外,它在每个类别中都有五星级安全评级。
但也许比所有这些事情更重要的是它只是一台华丽的机器。 虽然 Model S 没有像日产 GT-R 或 Corvette Z06 那样华丽的车身风格,但很难看到一辆特斯拉在高速公路上经过而不伸长脖子。 无论您喜欢跑车、豪华车还是两者兼有(Model S 两者兼而有之),您都不能否认特斯拉旗舰车的时尚、空气动力学设计,以及零轮廓门把手等微妙的细节,是一件华丽的作品的机械。
Model S 的美在许多方面与 Apple 产品的美感相同:它的设计简单、流线型、奢华。 执行良好的移动应用程序 UI 设计应该有同样的感觉。
因此,虽然 DeLorean DMC-12 展示了放弃性能和功能以及过度依赖外形的缺陷,但 Model S 展示了当您花时间兼顾外形和功能时出现的所有可能性。 仅仅因为您不希望您的应用程序消耗太多内存或用户设备上的电源并不意味着您必须将其设为 Prius。 不要妥协——超越现状。
人们喜欢自定义修剪选项
这些天似乎有一个适合所有东西的修剪包。 无论您想要哈雷戴维森 F 系列皮卡、警用包 Dodge Charger(带有弹道门板!),或者,呃,Costco 的“Kirkland Signature”雪佛兰 Silverado(别担心,您不必在批量),那里有一辆具有您渴望的自定义功能的汽车。
人们喜欢选择。 这对任何人都不是新闻。 想想你上次买车是什么时候。 您可能对某个品牌或一组品牌感兴趣——也许您喜欢国产肌肉车,或者您喜欢实用但运动型的进口车,或者您只是在寻找价格合理的可靠车辆. 您可能是手动变速箱爱好者,或者您可能正在寻找全轮驱动。 即使您对其他任何事情都没有强烈的感觉,您也可能对您的汽车的颜色有偏好。
然后是我们需要的选项,但不一定要选择。 如果您有任何类型的背部受伤或慢性疼痛,乘坐质量很重要,座椅加热器比奢侈品更重要。 如果您的颈部活动有任何问题,备用摄像头是必不可少的。 你是否经常推着凌乱的孩子或宠物? 您可能需要一些易于清洁的真皮座椅。
定制不仅在汽车设计中很重要,在移动应用程序 UI 设计中也很重要。 构建自定义配色方案和放大您的应用程序 UI 等内容将使您的应用程序更容易被更广泛的受众使用和访问,同时让您的用户满意的选择。 但这不仅仅是一个可用性问题——如果你的应用程序是货币化的,你可能会为用户提供高级的“修剪”功能,如果他们足够喜欢应用程序来升级。 这可能包括访问更多种类的文件(歌曲、电子书、游戏关卡等)或选择使用无广告的应用程序。

但是,与汽车一样,您需要确保您的基本“装饰”足以吸引用户。 宝马以其定制选项而闻名,无论您选择 LED 大灯还是 i8 制动器上的蓝色调,都能提供可靠的豪华体验。 如果您将应用程序中所有最诱人的功能都锁定在付费墙后面,您的用户将卸载而不是升级。
您的移动应用程序 UI 是什么类型的汽车?

无论您是制作实用的生产力应用程序(也许您是沃尔沃)、令人兴奋的手机游戏(如果价格低廉,则为福特福克斯 ST,但如果更昂贵,则为保时捷 918)或介于两者之间,您可能会学到更多您可能会通过访问一些经销商来了解移动应用程序 UI 设计。 在月底去,你可能会发现自己为下一个应用程序带来了大量的灵感,以及新的旅程。
最初于 10 月 14 日发布在 Proto 博客上。






