编者按:本文来自微信公众号“栈外”(ID:zhanwai_),原文来自usefyi,作者:Hiten Shah,36氪经授权发布
本文看点
图片编辑软件Sketch致力于成为服务UI设计师的必备工具,瞄准设计行业内的唯一巨头Adobe,听取用户的意见和建议,反其道而行,放弃了Adobe旗舰产品Illustrator提供的众多功能,主打轻量级、实用,信奉“产品的深度大于广度”。
Sketch的发展大致可分为三个阶段。第一阶段(2008-2012):在设计界培养小规模的忠实拥趸,作为Illustrator的轻量级替代品,很快声名大噪。第二阶段(2013-2015):发现自我,直接销售。考虑到Mac应用商店的诸多限制,Sketch大胆选择直接销售,更好地与用户沟通。第三阶段(2016年至今):Sketch辐射非专业设计师,为更广泛的使用者提供轻量级编辑工具。
从Sketch身上,我们正真看到一款成功的产品背后一定有一大群“嗷嗷待哺”的现有受众;只有不忘初心,企业才能维持稳定增长;面对挑战和竞争,要保持简单纯粹,并化简单为简约。
在荷兰特温特大学的计算机课上,彼得·欧姆弗利被要求设计一个简单的绘图应用,他准备开发一款轻量级App交差。十年前,矢量设计工具市场比现在小得多,但欧姆弗利依然觉得他的设计大有可为。
那个App叫Sketch,欧姆弗利的商业天赋可见一斑。
2008年,Sketch推出封闭测试版,自那以后,Sketch聚拢了一批小规模的忠实拥趸。
求轻求快的Sketch致力于成为服务用户界面(下称UI)设计师和其他高要求的专业工作人员的必备工具,因而缺乏行业巨头Adobe及其产品Illustrator提供的许多功能。
我们会讨论到以下几个有关Sketch的关键问题:
1.在竞争对手(包括Photoshop)求多求全的情况下,Sketch何以风靡设计界?
2.哪些特质让Sketch成为专业设计师的理想工具?
3.Sketch如何超越曾经OS X(Apple公司推出的基于图形用户界面操作系统)工具的定位,离开Apple应用商店之后又如何寻求更广泛的新受众?
欧姆弗利并没想到Sketch会发展成一款主流杀手级应用,甚至能与Photoshop媲美,但Sketch为网页和App设计师提供了化繁为简的解决方案,即使在今天,这一点仍令许多设计软件自愧不如。
2008-2012:反抗Photoshop
2008年,彼得·欧姆弗利受命为Apple的OS X系统创建轻量级、灵活的矢量绘图应用。
当时,独立软件开发的规模比现在小得多。iPhone还不满一岁,今天庞大的App开发生态也还未建立。
对于平面设计师而言,2008年的Adobe如日中天,旗舰产品Photoshop是无可争议的图像编辑工具霸主,姊妹产品Illustrator则是矢量编辑器老大。设计行业龙头,Adobe当之无愧。
虽然Illustrator作为一款设计软件包罗万象、应有尽有,但对新手来说过于复杂。
Creative Suite4中的Illustrator UI更是改头换面。经验比较丰富的艺术家和设计师也许可以轻松辨别Illustrator的诸多菜单,但对于小白用户来说,未免也太难了。
欧姆弗利的第一站选择了OS X,这点非常明智。虽然他可以开发Windows版本(或OS X和Windows两个版本)吸引更广泛的受众,但专注Mac市场具有高度的战略意义:设计师更青睐Mac。设计界长期以来一直认为Adobe产品,以及其他图形处理插件,在Mac上运行得更顺畅。
为OS X开发Sketch并不会吸引大批受众,但能够在一定程度上帮助欧姆弗利定位合适的受众群。另外,同时开发两个操作系统版本需要的工作量过于庞大。
Sketch首发前,各项安排没有确定的时间表。欧姆弗利在2008年开始开发Sketch,除此之外,我们对他在构建产品原型时所面临的挑战知之甚少。
2010年9月,欧姆弗利的Bohemian Coding公司正式发布了Sketch。
欧姆弗利立即决定要凭借这款产品发笔横财:学生时代的他生活拮据,亟需Sketch 1.0带来的微薄收入。
Sketch初始价格为49.99美元。虽然有些人认为这款“共享软件”过于昂贵,但与当时Adobe最新Photoshop的520美元相比,可是便宜得多。
“我立即发布了这款App,可能有点操之过急,当时我并没有其他选择。虽然第一版挣得不多,但我读书的时候真的很缺钱。”
——彼得·欧姆弗利
欧姆弗利的收费决定导致了一部分用户的流失。但他利用这个机会快速升级Sketch。付费用户希望产品发挥作用,他们源源不断的要求和问题帮助Sketch越变越好。
这对欧姆弗利来说是一个绝佳机会,Sketch凭借强大的产品功能,低廉的产品定价,定位广泛的专业受众,从而在初期阶段一路高歌猛进。
快速的原始积累赋予Sketch抢占更多市场占有率的能力,并提高其专业化程度,以满足不断增长的客户的真实需求。
Sketch的初版十分简单,与Illustrator相比尤是如此。欧姆弗利没有像Adobe那样设计复杂的嵌套工具栏,而是通过菜单顶部的简单图标访问各项工具。
Sketch的界面和整体外观看似简单。普通用户来说可能觉得它看起来像是免费软件,但这掩盖了Sketch的强大之处。
许多设计师都惊讶于Sketch的高效和灵敏,处理多层复杂的矢量插图依旧流畅。欧姆弗利在发布Sketch1.0的同时发布了一篇博文,表示Sketch会一飞冲天。
Sketch逐渐在设计界培养小规模的忠实拥趸,虽然终究无法取代Illustrator的主导地位,但作为Illustrator的轻量级替代品,很快声名大噪。
极简UI并不是它唯一脱颖而出的特色。欧姆弗利也希望有前景的领域做出真正的创新。
Sketch最实用和受欢迎的功能之一是伴侣应用Sketch Mirror,用户的移动设备和电脑端Sketch能够协同工作。设计师可以连接iPhone到Mac上,并在移动设备上实时测试自己本地端的设计。
现在听起来这没什么,但在2010年,这绝对是产品的杀手锏之一。Photoshop和Illustrator也没有类似的功能。对于UI设计师来说,Mirror节省了许多时间和精力。
“可以在文档中直接更改,并在已同步的任何屏幕上实时查看。我经常使用它测试App,并针对反馈即时修改。真节省时间!”
—亚当·高露洁Business Dictionary
2012年,Sketch在加州旧金山举行的Apple全球开发者大会上获得了年度Apple设计奖的Mac类奖项。
Sketch一时声名鹊起,也引起了行业媒体的兴趣,报导这款产品的热情更加高涨。
有些评论家对该产品的极简UI感到吃惊。还有些人甚至认为Sketch不算是一个“真正”的工具,质疑这么简洁的UI不堪大用。
欧姆弗利简化App的界面并不是偷懒,这是一个深思熟虑的设计选择,拒绝了主流图像编辑App的传统——用复杂到吓人的界面,和逐步扩大的、面向所有设计师的工具栏,维持市场占有率。赢得著名的Apple设计奖之后,欧姆弗利准备调整Sketch的工作重心,使其对UI设计师更有吸引力。
2013-2015:发现自我,直接销售
作为Adobe Illustrator便宜、轻量级的替代品,Sketch已经拥有了自己的名声。然而,如果Sketch希望进一步发展,这远远不够。Sketch的市场营销不能夸大其词,它需要建立自己的品牌,为未来两年的发展添砖加瓦。
2013年,Sketch吸引了慢慢的变多的设计爱好者,臃肿、复杂的Adobe产品变得碍眼起来。
2013年5月6日,Adobe宣布停止开发和支持其位图和矢量图形编辑器Fireworks。Adobe指出,Fireworks与更主流的产品Photoshop和Illustrator在功能上的重叠部分慢慢的变多,实乃无奈之举。
此消彼长之下,尽管Fireworks从未像Photoshop和Illustrator那样流行,但仍拥有相当多的用户。2005年Adobe收购Fireworks和其他Macromedia产品之前,Fireworks是Macromedia的产品,那时已有一大批忠实粉丝。
突然被Adobe抛弃,许多Fireworks用户迁移到了Sketch。Fireworks能做到的,Sketch可以做得更快更好。
Sketch的下一个重要里程碑发生在2014年,公司宣布与原型制作工具InVision整合。这一伙伴关系具有高度的战略意义。InVision依赖免费的商业模式已经拥有超过50万用户,吸引了超过3,500万美元的风险投资。
整合本身就很明智。用户都能够在InVision和Sketch上实时制作原型,两个App之间切换毫无障碍。当用户在Sketch中保存对文件的更改时,这些更改将反映在InVision文件中,反之亦然。
2013-2014年,公司规模几乎翻了一番。截至2014年,Bohemian Coding共有13名全职员工,虽然这一数字不算高,但对公司来说是一步重大扩张。
2014年,Sketch也转向了升级模式。欧姆弗利一再重申,他不喜欢订阅模式,但也不乐意接受不可持续的一锤子买卖。
讽刺的是,Adobe推出订阅模式却收效甚微之前,选择的正是类似的升级模式。升级模式使得欧姆弗利和团队可以继续开发Sketch,同时日进斗金,而无需用户支付月费。
“App的一次性付费不可持续,我完全同意这一点。我们不想切换到订阅模式,客户只是不喜欢订阅软件的概念。Adobe取消Fireworks时,我们的销售额激增。Adobe想当然了:用户不会自然切换去使用Photoshop。”
——彼得·欧姆弗利
产品方面,Sketch3.0是一次巨大的更新,对每一个方面都进行了改进和调整:高级优化工具的反应更灵敏、新的网格功能、集成更多插件、更快和更灵敏的Mirror模式以及许多其他功能。
Sketch对现有客户完全免费。虽然公司可以借此收费,但欧姆弗利明白,免费提供重大更新会得到一片赞誉,最终会比收费带来更大的价值。
到2015年,Sketch的标签不再是“便宜”、“Illustrator的替代品”,而是一种完全成熟的独立产品。然而,真正吸引众多设计师的并不是它的价格,而是工具的深度。
为了处理整个图形,Adobe承诺将尽可能多的功能整合到其最新版本的Creative Suite。另一方面,Sketch理解设计师和创意专业技术人员真正想要的是什么:少但高度专业化的工具。
如果Illustrator是瑞士军刀,那么Sketch就是手术刀。
“让Sketch流行起来的,是功能的深度,而非广度。比起开拓慢慢的变多的功能,往现有的功能中添加我们独特的小心思,我们获得更多的粉丝。我们要不惜一切代价避免臃肿。”
——彼得·欧姆弗利
从产品的角度来看, “深度大于广度”的开发理念大大提升了Sketch在设计界的形象。
Sketch曾经是《网络杂志》年度App的多年候选,2015年,该产品最终赢得了这一殊荣。《网络杂志》可能没有App设计奖那么有声望,但它证明了Sketch不单单是一个强大的设计工具,而且是一个设计精美的产品。
此前,Sketch可以直接从Bohemian Coding和Apple应用商店下载。但2015年12月它从Apple在线市场下架了。
在宣布这一决定的博文中,欧姆弗利列举了放弃Mac应用商店转而直接销售的三个原因:
1.提交到Mac应用商店的App至少需要一周时间才能通过手动审查程序。
2.Apple坚持要求桌面端App以沙盒技术运行,增加安全性,这对于Sketch来说不切实际。
3.Mac应用商店没有显示升级版本的定价,违背了Bohemian Coding的整体盈利战略。
“在过去的一年里,Sketch取得了巨大进步,Mac应用商店的客户体验并没有像iOS那样发展。我们大家都希望继续成为一家反应灵敏、平易近人、易于沟通的公司,直接销售能够给您带来更好的体验。”
——彼得·欧姆弗利
2015年底,Sketch已经将Photoshop和Illustrator最好用的功能整合到了简洁的极简UI中,设计师会觉得它耳目一新,非常有用。
好消息接踵而至,欧姆弗利拒绝了外部投资的诱惑,能够一门心思考虑扩大用户基础,为业余设计师和爱好者提供简单好用的设计工具。
2016年至今:岂止于设计师
随着Sketch持续不断的发展,欧姆弗利个人对融资的抵触成为一种负担。到2016年,产品增长已经放缓。但不管怎样,Bohemian Coding公司在进步,并为其不断增长的工具集引入了更多的改进。
2016年开端,Sketch发布了Sketch Cloud。
Sketch Cloud是设计师相互协作的重要一步。与Dropbox类似,Sketch Cloud使设计师能够在不传输文件的情况下处理文档。Could还为用户更好的提供了密码保护敏感文档以及对共享文件留下反馈的功能。
2016年末,Bohemian Coding公司再次修改了定价模式。Sketch现在将为用户更好的提供一年的免费升级,而不是更新之后强迫用户付费升级(比如从3.x升级到4.0)。
虽然里程碑式的升级模式在软件产品中非常普遍,但公司并不认为这种方法特别公平。
“购买App日期越早的用户能轻松的获得更长时间的免费更新,在产品发布周期中购买的用户获得免费更新的时长就要相对较短。我们大家都认为,更公平的做法是让任何一个人都能获得相同时间的免费更新,不管他们是何时购买的App。”
——彼得·欧姆弗利
定价的变化也使Sketch在产品更新方面更具灵活性。升级定价模型下,Sketch没有动力继续更新产品。Bohemian Coding为了吸引用户付费升级而推迟重要的更新十分合理。在新系统下,Sketch可以随时发布更新,这对忠实用户和新用户都是一种优惠。
2016年迎来了该产品推出以来最重要的一次改版设计。Sketch标志性的黄色宝石图标和其他图标都作了改进,但依然遵循典型的Sketch风格,此外还有速度提升、功能更新和其他调整。
Sketch的下一次重大更新是在2017年,Sketch 47引入了图标库。依托Sketch Cloud技术,图标库是忠实用户最常用的功能之一。
图标库允许Sketch用户跨多个Sketch文档和用户共享样式,分享可重复使用的内容,是分布式团队的理想工具。
图标库的推出意味着视觉团队不再需要依赖第三方文件共享系统处理自定义样式和其他图形,而是可以在需要的地方和时间使用共享的图标库。
图标库说明了Sketch如何不断完善核心功能,从而为设计师和创意专业技术人员提供更多的价值。然而,欧姆弗利承认,从招聘到产品开发,他对每件事的精细化处理限制了Sketch的发展。
推出图标库后,科技领域的分析人士又一次好奇:设计界对Sketch逐步的提升的预期和Adobe带来的持续压力,是否会迫使欧姆弗利最终接受外部投资?欧姆弗利的亲历亲为对Sketch产品很有好处,但也阻碍了Bohemian Coding的潜在增长。
直到2018年2月,Sketch仍然没有推出制作App原型的功能。尽管许多设计师会从Sketch开始,但不得不将设计导出到另一个工具用于原型制作,例如InVision或最近推出的framer。
为了解决这一关键缺陷,Sketch在2019年早些时候宣布,Sketch49将推出真正的原型制作功能。
原型制作功能的引入很重要,原因有两个:
1.设计师使用Sketch的同时不再需要用其他工具。
2.避免竞争对手抢占Sketch的市场占有率。
Sketch的原型制作工具相当简单,缺乏设计师原本期望的诸多技巧。不过,这不是重点。Sketch一直理解它在广阔的设计生态中的地位。同样,Sketch也明白许多设计专业技术人员不需要动画等高级功能。
和不断丰富的所有其他功能一样,Sketch最适合快速的迭代设计。另外,通过Sketch Cloud与其他用户共享画板,设计师更容易直接在Sketch中完成更多的工作。
短短几年,Sketch已经从便宜的绘图App发展成为非常强大的设计包,旨在帮助慢慢的变多的设计师处理其他产品无法解决的独特挑战。然而,Sketch最大的挑战将是定位专业技术人员日益复杂的需求,同时不忘初心:轻量级、实用。
Sketch何去何从?
Sketch已经从简单便宜的产品发展为灵敏实用的软件包,足以与更昂贵的传统图像处理和矢量工具媲美,但是Sketch的下一步是什么呢?
1.拆分
这似乎有悖常理,但要保持竞争力,Sketch可能会发现,按功能将Sketch拆分可能是改进产品、满足当今设计师需求的一种可行方法,而且不需要牺牲App的简洁外观。
2.Windows版本
到目前为止,欧姆弗利否认了开发Sketch Windows版本的可能性,因为Sketch从一开始就是在OS X系统下开发的。单一系统限制了产品在市场占有率方面的潜在增长,这将对公司非常有吸引力,如果它希望保持竞争地位和增长。
3.深化伙伴关系
Sketch与InVision的合作在Sketch的成长过程中至关重要。尽管这款App在过去几年中已经实现了有机增长,但长江后浪推前浪,同样的增长趋势难以为继。与免费、便宜的工具(如Canva)的潜在合作或整合可能是一种方式,让Sketch防范潜在的未来竞争或挑战。
我们能从Sketch身上学到什么?
Sketch的故事固然是独特的,但从Sketch的历程中仍有许多值得借鉴的经验。企业家可以从欧姆弗利和他的产品中学到什么?
1.一款成功的产品背后有一大群“嗷嗷待哺”的现有受众
欧姆弗利敏锐地定位了图形领域最多、最强大的现有受众,从而为Sketch的成功铺平了道路。欧姆弗利推出的个性化产品甚至比Adobe的旗舰产品要好得多。
以市场检验产品:
a.首先,想想你最大的竞争对手——你所在行业中类似Adobe的玩家以及它的旗舰产品。应该避其锋芒,还是勇敢地以下犯上?
b.如果将你的产品与最大竞争对手的产品比较,你能自信地说你的产品做得更好吗?哪里更好?更重要的是,如何利用这一优势?
c.在Sketch的例子中,Adobe对功能的偏执和臃肿界面在设计界不受待见,Sketch很好地解决了这样的一个问题。同样,对比一下你最大的竞争对手,用户经常抱怨什么?你如何利用这种不满鼓励他们使用你的产品?
2.不忘初心是成功的原动力
一旦产品开始获得市场占有率并扩大用户群,Sketch本可以接受外部投资。然而,欧姆弗利拒绝了天上掉馅饼,得以自由发展自己认为合适的Sketch,而不必担心是否被投资者看好。此外,欧姆弗利不断改善Sketch,实际上已经预示了Sketch产品的全面发展。
想一想你的产品,并回答以下问题:
a.你的产品是否有自己的杀手锏?还是在开发大量水平一般的功能?Sketch对深度的不懈探索是公司增长的持久动力。换言之,你是想当Sketch还是Adobe?
b.Sketch通过成为行业唯一龙头的替代品,从而解决了设计领域的一个主要问题。如何利用竞争对手的弱点?如果你只能说一个产品特点,你会说什么?
c.Bohemian Coding没有正式成文的企业使命或核心价值。欧姆弗利的目标一如既往:为全世界的设计师打造最好的矢量图像编辑工具。什么驱动了你和你的公司?贵公司的价值观如何体现在产品中?
3.保持简单
虽然Sketch融合了Photoshop和Illustrator这类复杂软件工具的工具和功能,但Sketch并没有强迫用户在设计糟糕的工具栏或模块化UI中煎熬,相反,深度大于广度。
这种简单纯粹帮助Sketch从以设计师为中心的专业工具一跃成为人见人爱的内容创建工具,却没有疏离早期用户或核心用户群。
想一想使用产品的感觉,诚实地回答:
a.如果不得不简化你的产品,你会怎么简化?你的产品会不会过犹不及?
b.要真正弄清楚如何使用Photoshop,可能需要数周,甚至数月。另一方面,你可以在一个下午学会Sketch。用户真正了解你的产品平均需要多长时间?你怎样才能缩短学习使用产品的时间?
c.简化产品能帮助用户更有效地处理问题吗?Photoshop和Illustrator是非常强大的工具,但它们也对新手不太友好。你是否为了吸引更多的受众而强迫用户学习不相关或不必要的使用技巧?
从简单到简约
在当今科技领域,真正的初创公司是个例,其实并不常见。几乎只专注于简单性、易用性和专注度的初创公司更为罕见。尽管面对看似不可能的挑战,Sketch已经从一款粗糙的设计工具成长为深度惊人、功能强大的设计产品,拥有独特的关注点和不断增长的忠实用户群。
毫无疑问,未来数月和数年,Sketch将面临越来越激烈的竞争。如果说到目前为止的产品发展历程能够反映未来趋势,我迫不及待地想看看Sketch会如何应对新出现的挑战?