最激动人心的视觉系统其实是最枯燥乏味的

本文讲的是最激动人心的视觉系统其实是最枯燥乏味的,


最激动人心的视觉系统其实是最枯燥乏味的

让我们欢迎中性和舒适的视觉系统

我们正在构建另一个企业级视觉系统,并且我们极力把它变得枯燥。

Brad FrostDan Mall 和我刚刚开始帮助一家大型企业在他们众多的互联网产品上设计一个视觉系统。这家公司有着近 20 多年的数字产品的经验和大量的产品团队。长久以来,公司有关用户体验、用户界面和用于巩固技术的接口已经疏于同步。我们的目标是赋予产品团队一个一致性的设计语言和模式库,它可以解决常见的视觉、用户体验和技术问题。

和这个项目类似的情况来说,它会让你忍不住要抛弃现有的内容,然后使用最新的设计组件全新开始。『 如果我们准备建立标准,』(此时) 恶魔会在你身边耳语道,『 那么,让我们彻底摆脱所有的旧牵绊。让我们用一个有着全新外观、时髦交互方式和闪耀的技术框架彻底结束它吧。』(或者我最爱说的:『 让我们自己来设计。』)

视觉系统工程师应该抵住新事物的诱惑,不要把系统设计的工作和重塑或者技术栈的检查相混淆。系统设计的模式应该很相似,甚至是枯燥乏味的。

这份工作不是发明,而是策划。

已经解决的问题和已解决的科学

设计系统包含了机构内的常用知识。他们为设计中的问题提供了已经过测试和验证的解决方案。当这些解决方案被统一的视觉语言和用户体验指导方案组合的时候,它们就代表了组织机构或者平台应该有的良好设计。

对于和这个类似的项目来说,我们一次一次地和客户端合作伙伴一起来确定他们团队的设计问题直到他们满意。之后,确定和提出对这些问题的最优解决方案。

问题越常见越好。设计系统应该优先考虑常见的东西。

此时此刻,我们优先考虑数据入口、表单的验证和信息传递。这些并不是完美的设计体验,但是它们却是每个公司业务的重中之重,也是客户们花费时间最多的地方。这也是为什么枯燥乏味的事情却令人兴奋的地方:你如何对每天的设计更好的扩展且保证一致性?

痛点在哪里?我们正尝试从设计师和开发人员处定位这些重复的任务。

和其他产品一样,这个工作从很多用户调研开始。我们直面公司的程序员、设计师和产品经理们来识别重复的任务和发掘重复使用的方法。我们进行了对该公司网络产品的深度研究并尝试找到应对这些问题的最优解决方案。我们也对该公司不一致的视觉风格列出清单,并开始重新强化一个通用的视觉语言。

在这个流程的最后,我们将会为该公司最有利的商业解决方案制作一个设计的参考。其中会包含很多干货而非那些看似有用的知识。它会很有用。

创新性的设计来自于那些 『枯燥』 的设计

当设计系统很枯燥乏味的时候,它能释放设计师和开发人员做更多新的东西,去解决新的问题。设计系统解决了乏味的事情,所以设计师和开发人员就不用操心了。

不必第 15 次的重复设计卡片的样式,因为它已经被实现了。产品团队应该把时间和精力放到如何创建新的体验、新的算法和新的商业逻辑上。

当设计系统消减了了那些枯燥问题的时候,那些设计师和开发人员们才能放手去从事新技术和高阶的问题。

这也意味着一个不错的设计系统比能提供很多按钮、颜色板和样例代码做的更多。这些组件都是常见的。奇妙的事情是伴随着他们出现在指导手册中。一个伟大的设计系统会对某些特定情况建议使用哪个设计模式(连同为什么和怎么做一起)。这将集合的用户接口组件推向了一个成熟的设计模式。设计师对每天公司日常的问题都有了现成的解决方案。

『 任何时候考虑,比如 「 这里应该展示一个弹出窗口还是提示框?」这类问题都是浪费时间。』这是一位设计经理在这个最近项目上的调研过程中告诉我们的。

更快,更快

所有这些都能带来速度上大的提升。Big Medium 公司 帮助一个重要的零售商搭建并且运行起了他们的设计系统,并且结果出人意料。『 相比之前的工作,我们的速度提升了 10 倍,』团队经理如实汇报道,『 也就是说,我们能仅用四分之一的员工完成 10 倍的高质量的工作。』

值得强调重申的是: 这样的速度和一致性并不意味着是千篇一律的产品。相反,在设计系统中解决枯燥乏味的工作意味着产品团队有更多创造发明的空间。事实上,这些产品就是系统未来模式的孵化器。

在产品中发明创造

有些设计师和开发人员常常小心谨慎地对待设计系统或者模式库。尽管大部分人重视一致性的需求,但他们担心一个设计系统会太过教条和有限制性,这会阻碍创新。『 设计系统就好像公共交通工具: 对其他人来说,它是一个好主意。』一位百感交集的设计师如是说道。

设计系统其实是鼓励产品团队创新,这应当是正确的。设计师和开发人员能依赖它创建、提高,也可以偶尔替换设计系统中的建议。

它应该是一个良性循环。新的理念应该在新的产品上进行尝试和测试验证。当好想法被证明是可行的时候,它们应该被采纳并且加入进设计系统中,以便未来的产品能获益。这些最新的解决方案都会赫然变成新常态。

设计系统应该始终从当前的代码中提取它们的模式。 在我们的设计系统中,我们采用以下两个方式:

  1. 从现存的应用程序中提取被证明可行的模式。
  2. 和设计程序一起创建试点应用程序,它能证明新的和必要的设计模式是可行的。

这就好像健壮的框架代码是如何从持续发展的项目中显现的。Ruby on Rails 是从第一代的 Basecamp 中提取出的,只有核心概念经过产品的证明。设计模式和用户体验指导手册也同样来自于那些量产的项目。

设计系统,如核心框架,容不下未经测试的想法。请从量产接口中提取那些被证明过可行的想法。

这是规则

Dan 喜欢使用星球大战 (当然) 作为一个对这个流程的暗喻。星球大战的世界充满了各种非官方的传奇故事、动漫图书以及爱好者们的科幻作品,当然它们都是基于电影原作的背景故事的。这个官方的故事是 星球大战正典故事,它是由 Lucas 电影精心编排制作和管理的。其余的是我们所知的 ”衍生的宇宙“,所有的这些角色、种族、星系、联盟和其他的那些都不被考虑在剧本中-除非他们进入正典。

常常,星球大战正典维护者们会采纳 ”衍生的宇宙“ 中的元素纳入官方故事。它们也就变成了正典中的一部分。

当你能在设计系统(比如 正典故事)和应用程序(衍生的宇宙)之间创建一个良性的循环系统,每个人都会很乐意看到这样的结果。

在 Dan 的暗喻中,你公司的设计系统就是你的设计正典。其他人公布、创建的应用程序和那些新的设计模式都基于它(比如,『 衍生的宇宙 』)。其中的有些设计模式将会是很有用出的,并且与你公司好的设计步调一致,它们也会变成正典。

这就是设计系统和量产产品之间的良性循环。如果你是一位设计系统的经理,你将会成为这个故事中的 George Lucas 。当然你将需要更加谦虚。

谦卑的工作

成功的设计系统不断为许多设计师、开发人员和产品经理,当然也少不了终端用户服务。

这种服务精神意味着设计系统的维护者们切勿浮想联翩,需要握紧手中的线。一个设计系统不是崇尚前沿科技的地方,而是汇集成功解决方案的地方。

打造一个设计系统是为其他人的创新和猜想扫清道路。那就意味着枯燥乏味的内容从未如此令人兴奋。






原文发布时间为:2017年5月24日


本文来自合作伙伴掘金,了解相关信息可以关注掘金网站。

时间: 2024-09-20 00:31:48

最激动人心的视觉系统其实是最枯燥乏味的的相关文章

BBC网站设计中的新网站视觉系统

BBC 日前在Blog 上展示了他们正在设计中的新网站视觉系统,他们称之为视觉语言Visual Language,旨在统一BBC 各个网页的设计风格.目前BBC 网站便用的视觉系统是两年前设计的,该套设计标准规范可在此中寻. 新网站设计想传递「现代英国.时事.强势.独特.领先.综合.优秀」等感觉.同时为了适应越来越流行的阔萤幕浏览,设计团队还重新设计了一套新的网格系统(grid system) 及网页模版. 当然还少不了字款.颜色选用的规范.总体来说没有太大改变.将在今年逐渐应用到bbc 各个网

工业机器人视觉系统该如何选择?

近年来,机器人尤其是工业机器人的迅猛发展,带动了机器视觉市场需求的大幅增长.在2016年5月份的世界机器人大会新闻发布会上,信工部副部长毛伟明透露,把智能制造作为该部门今后的重点工作,制定我国工业机器人产业的"十三五"规划,争取更多政策支持机器人关键部件的研发生产和推广.当前的以高端装备制造为核心的智造工业4.0时代背景下,随着中国制造2025战略的深入,工业智能机器人产业市场呈现爆炸式增长势头,而充当工业机器人"火眼金睛"角色的机器视觉功不可没. 机器视觉技术.j

浅析嵌入式视觉系统处理器的类别选择

"嵌入式视觉"这一名词是指在嵌入式系统中使用计算机视觉技术."嵌入式视觉"是指从视觉输入中提取出其背后含义的嵌入式系统.与过去10年中无线通信技术的流行相类似,嵌入式视觉技术有望在今后10年得到广泛应用. 高端工业相机22.jpg 视觉算法与应用大大地延伸了处理器性能要求的范围.一般来说,虽然以运算能力的观点而言,处理器的性能至关重要.但当你跨越学术研究到实际系统的鸿沟,采用先进演算法以即时执行视频输入时,却不可避免地会消耗掉许多的处理功率.在许多嵌入式系统中,设计

亚马逊斥巨资建立在德第四个研发中心,专注人工智能视觉系统

亚马逊今日宣布,将在德国图宾根大学城(university city of Tuebingen)设立一座人工智能研究中心.亚马逊表示,未来五年该研究中心将创造约100个工作岗位.该研究中心是继柏林.德累斯顿和亚琛之后,亚马逊在德国的第四个研究中心,将专注人工智能,提升客户体验,尤其是视觉系统方面的用户体验. 亚马逊的柏林研究中心最初是一个客户服务中心,但自2013年以来,它还包括开发亚马逊云业务(包括管理程序.操作系统.管理工具和自我学习技术).德累斯顿中心是内核和操作系统团队,内核和操作系统在

FOTRIC列车行驶热像仪辅助视觉系统巧解列车夜间行驶难题

列车行驶中常常遇到无法预料的危险与突发状况,降低安全事故率是列车运营中长期关注的问题. 以夜间行车为例,规避行车危险需要驾驶员在意外发生前,提前预知到前方有突发状况.但是,现在常用的列车车头照明大灯,照射距离通常只有100多米,然而列车刹车的制动距离至少需要200米.这就意味着,即使驾驶员在大灯照射到100米开外障碍物的第一时间立即刹车,也已经无法避免危险的发生了. 因此,如果要减少夜间行车的安全隐患,列车的夜视设备是关键.传统列车搭载的夜视设备大致可分为两类,其一是照明大灯,其二是红外激光夜视

《制造业中的机器人、自动化和系统集成》—— 3.2 视觉系统

本节书摘来自华章出版社<制造业中的机器人.自动化和系统集成>一书中的第3章,第3.2节,作者[英] 麦克·威尔逊(Mike Wilson),更多章节内容可以访问"华章计算机"公众号查看. 3.2 视觉系统 机器视觉基本上是利用光学的.非接触式的传感器来自动地接收和解释一个真实场景的图像,以便获得信息来控制机器或工艺流程.视觉系统可以独立地应用,比如作为检测工具或者自动控制系统中的一个部件.最初的视觉系统与其他大多数自动控制设备一样,昂贵且难以使用.近几年,它们的成本大大降低

视觉系统中的按钮

本文讲的是视觉系统中的按钮, 建立一个长远的视觉系统的12点建议 我爱按钮们.我可以用按钮做很多事:进行下一步,做出决定,或者完成事务.有了按钮,交互变得焕发生机. 这就是为什么按钮们是一个设计系统里最重要的组成部分.非常简单,它们在指定的区域提供可以点击的简单标签.因此,按钮是你应用一种设计语言的基本特征的重要方式,之后你可以把特征扩展到其他更复杂的部分上. 这篇文章讲的是我在一个新生系统中着手设计主要按钮.次要按钮.以及一大堆其他类型按钮的时候所学习到的 12 条经验. 主要按钮 #1. 设

企业网站三剑客:.biz域名、产品规划、视觉系统

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 随着电子商务网络营销的发展,企业网站也逐步融入到了互联网的大家庭中,成为企业品牌建设的一个必需品.一般而言,企业网站的最终目的无非是扩大品牌知名度.提升产品销量以及利润最大化.那么如何才能最大化地发挥企业网站的价值?编者在此与各位分享企业网站建设的三剑客:.biz域名.产品规划.视觉系统.掌握这三个要点能够帮助企业在短时间内建设出一个专业的网

Facebook的视觉系统是如何养成的?

  当我2008年在Facebook工作开始,它在视觉识别(visual identity)方面已经做了不少研究了.他们选择了一种简单大胆的配色方案,运用了精心设计的简单井字标,令人庆幸的是避免了web2.0时代的流行审美.但是我相信,这其中仍然有巨大的改进机会.这样的机会与公司文化就是我为什么要在那里工作的主要原因. 有些不幸的是,在优先事项列表中,精炼更好的vi排名这件事并不高.在我们努力跟上Facebook快速增长的同时,设计师经常只是单纯的设计新产品或者提议,所以,在这种效率低下的状况之