第八章

学习资源

与无代码社区联系,学习如何在不编写代码的情况下构建、自动化和扩展软件。

Omid Ghiam
Omid Ghiam
?阅读时间
发现顶级无代码资源和社区,以帮助加快您的学习曲线。

Makerpad

makerpad标志

Makerpad是一个领先的无代码社区和学习中心。探索最好的无代码工具,学习如何构建和扩展功能强大的应用程序,并聘请无代码专家来帮助您的项目。

Webflow大学

webflow的标志

Webflow大学是学习网页设计和开发的来龙去脉的地方-不需要编码。获得关于设计和构建动态网站的全面教程,详细的特色文档,以及常见问题的答案。

Nucode

nucode标志

Nucode是一个无代码社区和论坛,创客聚集在这里学习和讨论各种无代码项目。学习如何在没有任何编码经验的情况下构建应用程序,并与世界各地的代码专家进行交流。

Zapier学习中心

zapier标志

Zapier学习中心是学习如何在不编写代码的情况下自动化日常任务的教育资源。从项目管理到客户支持,学习如何使用Zapier创建自动化工作流。

Nocode.tech

nucode科技

Nocode.tech是一个为非技术创意人员提供免费资源和工具的策划目录。获得无代码工具的折扣,并学习世界各地的企业家、设计师和员工使用的技能。

Nocode总部

nocode总部

Nocode总部是一个发现和学习如何在没有代码工具的情况下构建的资源中心。学习如何构建网站、移动应用程序、聊天机器人和自动化工作流程,而不需要编写任何代码。

Flowbase

flowbase标志

Flowbase是一个Webflow资源网站,没有代码初学者和专家。访问可克隆的资产、模板、指南等。

Nocode必需品

Nocode essentials标志

Nocode必需品是发现无代码资源的中心枢纽。轻松找到构建、启动和扩展下一个项目所需的知识—无需编写代码。

分享

下一章标题

下一章介绍

作者姓名
?阅读时间
读一章
第一章

什么是无代码运动?

以及它对现代企业和营销团队的意义。

读一章
“这些工具减少了将想法转化为人们可以使用的东西所需的时间和编码专业知识。你不再需要成为一名程序员才能在互联网上创建东西,这为来自不同背景和视角的新一波创客提供了力量。”

- - - - - -瑞安胡佛他是Product Hun欧宝体育在线首页t的创始人“无代码”的兴起

20世纪70年代初,史蒂夫·乔布斯和史蒂夫·沃兹尼亚克在旧金山的第一届西海岸电脑展上展出了第一台Apple II。Apple II拥有内置的BASIC编程语言、彩色图形和4100个字符的内存只是1298美元。程序和数据可以存储在录音机上(还记得那些吗?!)在展会结束之前,沃兹尼亚克和乔布斯已经拿到了300份Apple II的订单,苹果公司从此开始腾飞。

坦迪无线电公司(Tandy Radio Shack)和IBM紧随其后,迅速生产出自己的面向消费者的电脑。

然而,这三台机器的共同点是它们完全没有视觉界面。所有的事情都发生在命令行中。这就限制了这种新型家用电脑的使用范围,只有精通技术的人才能使用BASIC语言编写和执行自己的自制程序,并与他人共享。

直到1984年,计算机的真正潜力才得以释放,同样是由苹果公司推出了第一代麦金塔电脑。

是什么让它与众不同?图形用户界面(简称GUI)。还有一个小东西,我们现在称之为鼠标。

进入可视化界面

这可能是非常明显的为什么可视化界面(或GUI)改变了一切,但只是为了确保我们都在同一页上:

它降低了普通人与日常使用之间的知识障碍,使计算机大众化。你不必编写自己的程序——或者使用别人共享的程序,但仍然必须知道如何安装——你可以突然启动你的机器并开始点击。当然,这并没有完全消除进入的障碍。数字素养课程继续在世界各地的学校开设,在“假新闻”时代,它们变得越来越有价值。

但同时从根本上当一切都是可视化的时候,学习和使用电脑更容易。你可以点击周围和看到会发生什么。

在历史上的一瞬之间,计算机从世界上只有一小部分人可以使用的专业工具,变成了任何有视力和少量手工灵巧的人都可以经常使用的东西。(这并不是要淡化那些仍然存在的进入壁垒的重要性。它们非常重要,我们仍在努力妥善解决。)

如果你对Webflow很熟悉,这可能听起来很熟悉。我们实际上是在尝试将一个基于文本的界面模型移动到一个可视的(GUI)界面模型。

这和“无代码”运动有什么关系?

上面的简要历史教训是为了将无代码运动置于背景中,无代码运动本质上由一系列紧急工具组成,这些工具旨在转换典型的基于代码的工作流,并使任何人都可以在不编写代码的情况下处理它们。因此得名。

如果你问设计界、初创公司和科技界的许多人,你会遇到一些对这场运动感到不安的人。这是自然的。改变很难。

但从历史的角度来看,这只是任何技术发展中越来越像自然弧线的最新迭代。从高度专门化的工具包和知识库开始逐步扩展、简化,并设计成更简单、更易于访问。

只要看看印刷业的历史和它的业务增长——出版业就知道了。始于前共同时代的中国在中世纪晚期冲击了欧洲,并从根本上改变了文化,使知识的传播比手稿模式容易得多。但它仍然需要昂贵的设备和知识,需要多年的培训才能正确应用。随着印刷术的发展,设备变得越来越简单和便携,有了压版印刷机,照相排版,最终有了桌面出版。

快进到今天任何人可以写一本书,出版一本书,然后把它放在亚马逊上,在全球范围内曝光,潜在的受众是美国数十亿

gui的业务利益

当然,技术发展不是自然选择。机器和软件不会自动进化。这样的开发背后总是有一个业务案例,在面向gui的情况下,业务案例很简单:

执行一项任务的人越多,它就能更高效、更快速地大规模执行。

今天,web开发是一项非常专业的任务,需要多年的培训,掌握广泛的工具和语言,并有能力跟上每天都在变化的技术格局。市场营销也没有什么不同。后者已经从更广泛的无代码工具中受益,但在这个领域中有效所需的知识仍然是巨大的并且不断变化的。想想谷歌经常改变SEO的工作方式——通常是在基本层面上。

这就是我们开始创作这本书的原因。帮助那些希望为自己的业务体验无代码的好处,无论是网页设计和开发而且营销方面的过程。在本书的后面部分,我们将深入探讨如何使用Webflow的设计和内容管理工具取得成功,但我们也希望让这本书尽可能广泛地使用。因此,即使您还没有准备好深入研究Webflow,我们认为您将在这里找到价值。如果你没有,我们很乐意听到我们如何做得更好!

了解了所有这些之后,让我们谈谈无代码方法的好处。

第二章

为什么nocode ?

为网站开发和营销而抛弃代码的商业利益。

读一章
“现在构建软件比以往任何时候都容易。现在,在短短几个小时内,你就可以创造出过去需要专业技能和无数天的东西。这都是因为“无代码”工具,让你不用写一行代码就能做这么多事情。”

- - - - - -Hiten沙

既然我们已经在“无代码”运动的历史背景下进行了定位,现在是时候深入研究为什么在网站设计、开发和营销中抛弃代码了。

更简单的原型和mvp

数字产品的初始原型通常不像最初的产品那样需要工程投资。欧宝体育在线首页在早期,一些简单的东西,如一系列精心设计的图像(如InVision原型),可能足以向潜在投资者、早期采用者和未来的团队成员传达核心理念。

随着想法的发展,对保真度的要求会越来越高——但即便如此,像Webflow、Bubble、Glide和voicflow这样的工具也能提供令人难以置信的强大体验,足以激起人们的兴趣并验证假设。一旦你准备好开始向公众展示你的想法,Webflow、Bubble和card就会成为漂亮、高效的工具,你需要在登陆页面上传达你的核心价值主张和其他好处。

更少的依赖关系

每个管理过项目的人都知道,你需要的人越多,准时和预算内交付的后勤工作就越困难。

传统的数字化交付过程所依赖的至少

  1. 内容
  2. 设计
  3. 发展

对于更复杂的交付成果,可能也需要工程师。此外,上述三个学科中的每一个都可能涉及多个从业者,所以上面的列表可能看起来更像:

  1. 内容(战略家、文案、SEO、信息架构师)
  2. 设计(UX设计师,UI设计师,交互设计师,动画师)
  3. 开发(前端开发、内容开发等)

我们甚至没有提到研究,研究应该先于内容。我们也忽略了所有的利益相关者和主题专家,你可能需要确保内容和设计传递正确的信息、视觉效果和整体体验!

任何代码工具的价值都不在于它们可以将开发人员和/或工程师从许多项目工作流中移除。有了正确的工具在手,内容战略家和/或作者可以在可用的数据库中建模他们的内容,而不仅仅是图表或电子表格。设计师(或视觉开发人员)不仅可以模拟和原型解决方案,而且可以实际使用构建它在功能HTML, CSS和JavaScript。反之亦然!

这并不是说没有开发人员或工程师的帮助,项目就能更好地工作。或者没有这些专业人士他们会更好。但是,通过将他们从新的登录页面、博客构建等营销资产中解放出来,你可以让他们有更多时间从事其他更复杂的项目。真正实现价值的项目。

更快的发布路径

通过将营销团队从依赖关系中解放出来,你也能够更快更轻松地推出游戏。无需将开发人员从产品工作中拉出来,您的设计人员可以实现并连接欧宝体育在线首页任何所需的表单。您的内容战略家可以处理建模和结构,而不是让工程师创建数据库并将其连接到动态内容页面。你的付费营销团队可以通过他们自己创建的定制登陆页面来发起新的广告活动。小团队比大团队移动得更快这一事实并不奇怪——这是一个内在的真理。

需要明确的是,这并不是说你可以跳过研究、主题专家访谈或利益相关者审查等重要步骤。这些步骤可能会减慢进程,但它们是必不可少的,而且它们通常可以与其他工作并行进行。

降低生产成本欧宝体育在线首页

开发人员和工程师通常——由于他们受过广泛的培训,在产品开发中扮演关键角色,而且相对稀少——比一般的营销团队成员更昂贵。欧宝体育在线首页不管公平与否,这是现实。所以任何时候你都可以将开发人员或工程师的时间从项目方程式中移除,你不仅节省了时间,还节省了宝贵的资金。

给你的营销(团队)更多自主权

随着成本和依赖性的降低,承担风险的自由也越来越大。去尝试那些最终可能行不通的事情。但即使失败也代表着宝贵的学习机会。

例如,Webflow团队最近开始试验各种新用户入职格式。专注于学习而不是胜利,我们能够尝试我们假设的不可行的解决方案——但即使它们不可行,我们至少会知道这种方法行不通。因为我们真的试过了。

你知道吗?我们的初始测试做了工作。尽管我们的假设是基于定量的用户数据和定性的用户访谈结果,这两个我们认为失败的测试版本在设计器的活动时间上提供了统计上的显著改进,这是我们的关键指标。

不试一试,你永远不会真正知道。现在我们试过了,我们知道了。

避免使用低价值的工具集和一次性工件

到目前为止,数字产品和网站的设计过程遵循着一个非常熟悉的路径:欧宝体育在线首页

想法- >设计

设计师、产品经理、内容创作者都有自己的想法。欧宝体育在线首页他们开始以对自己最有意义的格式充实想法,可以是Dropbox Paper文档、一张真正的纸,也可以是Sketch这样的设计工具。创作者可能会在此迭代一段时间,然后达到对自己想法的信心阈值:他们准备分享它并从其他人那里获得反馈。

这是最流行的设计工具开始失去相关性的地方(至少,直到2018年底)。因为它们在很大程度上是静态的:你可以与他人分享它们,但实际上它们不能交互以任何有意义的方式。

设计- >原型和协作

当然,这些设计工具的制造者已经意识到这一硬性限制,并开始构建像Sketch Prototyping、Adobe XD和InVision这样的工具,将这些静态模型以某种形式呈现出来。

但是对于上面的几乎所有工具,原型本身就是一个一次性的工件。人们可以与它互动并提供反馈,但它的可用性就到此为止了,因为它实际上只是一系列图像巧妙地连接在一起,以制造真实的交互式体验。除了原型、协作和迭代阶段,他们没有可用的输出。

建立- >规模

正是在这里,橡胶与道路相遇的地方,设计工具在历史上不再有多大用处。开发人员和工程师接起设计师的工作,主要工作是将静态设计转化为真实的功能代码。

这也是大多数营销团队和制造商开始感到依赖的地方。新的网站、博客或登录页面完全脱离了他们的控制,并受到更大的产品路线图中不可预测的变化的影响,其中开发/eng“资源”可能突然被重新分配,遇到技术债务问题或其他错误。欧宝体育在线首页营销人员和创造者只能坐着等待(然后转向下一个想法)。

“无代码”工具的时刻到了

这正是“无代码”工具——特别是Webflow——真正发挥作用的地方。随着这些工具所代表的较低的进入门槛,营销人员和制造商可以抛弃依赖关系,在宝贵的一天、一周或一个月前将一些东西带出市场,并开始收集反馈、迭代和更快地学习。

所有这些也意味着静态的“设计”工具——从最广泛的意义上说——变得越来越没用。这意味着更少的一次性工件——以及更低的软件成本。

最后,也是最重要的一点:更多样化的创客阵容

硅谷存在一些多样性问题,这不是什么秘密。因此,绝大多数获得真正吸引力的初创公司都是为了满足那些与他们的创造者相似的人的需求,并克服他们的“挑战”而设计的。

即:白人、男性、中上层阶级、技术导向等。

通过使能够构建和发布数字产品的人员多样化,没有任何代码工具也有可能使正在构建的产品的范围多样化,以及它们进入市场的速度多样化。欧宝体育在线首页

迄今为止,科技领域一直由拥有计算机科学学位的人主导。工程师。被训练以特定的方式处理和克服问题的人。重视效率、数据和分析的人。

那些有人文背景的人往往会用不同的方式思考问题。效率很少成为人们关注的焦点。品质、情感和经验往往主导着他们的思维。

所以你会想:如果一个比较文学专业的学生要做软件,他们会做什么?哲学家或环境律师将如何应对技术挑战?

声明一下,我知道上面的内容包括许多概括。Webflow的首席执行官弗拉德·马格达林(Vlad Magdalin)曾是一名3D动画师,后来转行做工程师。而且,似乎没有非白人制造商。

但我们需要更多。背景、观点和观点更加多样化。因为我们的创客阵容越多样化,可用的解决方案就越多样化,这些解决方案就会更全面地解决当代的问题。

第三章

如何用无代码工具验证启动概念

如果新产欧宝体育在线首页品不能满足需求,它们就毫无用处。有了Webflow,你可以快速建立原型并测试你的想法,而不需要大量的投资。

卡梅伦鱼子
卡梅伦鱼子
?阅读时间
读一章

推广一家新创业公司的感觉很像冲浪。我们都想赶上最新潮流。

而且要做到眼都不眨,让一切看起来毫不费力。

问题是,大多数创业公司最终都亏本了。

初创公司创始人对新想法感到兴奋,但往往无法有效沟通,无法用真实数据验证这些想法。

为什么要验证?

在商界,好主意很容易——似乎每个人都有。但真正重要的是拥有客户。

大多数人不愿意购买一种新产品,除非它经过彻底的测试、验证和广泛使用。欧宝体育在线首页

如果我们观察一个显示新创业公司如何进入一个市场的市场接受曲线,我们会发现40%的市场用户不会使用一个产品,直到早期的大多数人都在使用它。欧宝体育在线首页对许多人来说,社会认同是一个重要原因。

市场采用曲线图像结果

CB Insights做了一份报告创业失败的20大原因第一大原因是没有市场需求,占42%。

在公司的早期阶段总是会有很多最初的假设,但用真实的数据不断质疑和验证这些假设是很重要的。

例如,你可能会问这样的问题:

  • 谁是理想的观众?
  • 观众在哪里?
  • 吸引他们的价值主张是什么?
  • 是什么促使人们参与我们的品牌?
  • 是什么驱动品牌价值和重复购买?

一旦你明白需要回答哪些问题,你就可以将这些问题映射到客户旅程中,并专注于验证最重要的问题:

如何创建客户?

当你能回答这个问题时,你就已经验证了你的创业公司。

像Dropbox, DoorDash和Robinhood一样验证

硅谷所有顶尖的创业公司都必须验证他们的假设。他们都必须回答有关受众、价值主张以及将潜在客户转化为付费客户的关键问题。

这些成功的公司都从一个简单的登陆页面开始,进行实验,并获得关于他们的想法的宝贵反馈。这些都是创始人需要处理的关键步骤。

在Dropbox,他们创建了一个简单的登录页面,里面有一个演示视频和一个收集电子邮件的注册表单。他们想测试潜在客户是否有兴趣分享他们的电子邮件并了解更多信息——也就是说,找出是否有“市场需求”。

Robinhood设置了一个登陆页面,以突出他们的关键区别-零佣金股票交易。他们甚至在产品推出之前就加入了病毒式分享选项,并迅速增加了电子邮件列表。欧宝体育在线首页

这帮助他们建立了一个庞大的电子邮件列表,并创造了一种社区意识,成为他们可以测试的受众。

注册确认屏幕显示:谢谢!我们已经将您的电子邮件地址添加到您前面的354,6111人的报名队列中

我帮助一个客户验证他们的创业想法,方法是设置一个登录页面,其中包括一个注册表单,并概述了他们的价值主张和主要好处。我们添加了应用功能的截图来衡量用户的兴趣。

虽然每个创业公司都会问一些略有不同的问题,但他们都采用类似的方法来定义假设,创建新的实验,并测试这些实验来验证或否定结果。

定义受众

在你能解决任何问题之前,你需要了解它。这几乎总是从了解你的客户/市场/观众开始——一群与你有共同问题或你试图解决的一系列问题的人。

为了定义和理解你的受众,从几个不同的角度考虑他们是很重要的。

人口统计资料

你的听众有什么特点?这应该包括以下内容:

  • 性别
  • 年龄范围
  • 城市
  • 职称
  • 婚姻状况
  • 收入水平
  • 教育水平

对于企业对企业(B2B)市场,您可能决定将目标定位于纽约市的律师,年龄在30-45岁之间,年收入在13万美元以上。

对于企业对消费者(B2C),您可以将目标锁定在波士顿、费城和新泽西州21-35岁之间正在攻读学士学位的单身人士。

利益

另一种定义受众的方法是基于他们的兴趣。这是Facebook上一种常见且高效的定位方法——它能显示你的用户已经与哪些品牌产生了联系。

对于我们的B2B示例,您可以指定对特定软件公司感兴趣的律师,如Apple和谷歌。他们可能是技术的早期采用者,而不是遗留软件用户。

对于B2C的例子,你可以通过锁定对特定学校感兴趣的人来接触计算机科学和商业学生,比如麻省理工学院和哈佛大学。或者你可以瞄准竞争对手,以达到相同类型的产品亲和力。欧宝体育在线首页

网站分析

定义你的受众的最后一种方法是你的网站分析,这在你进行再营销活动时将变得非常重要。

这包括以下跟踪指标:

  • 获取渠道(来源)
  • 设备使用
  • 访问页面数
  • 会议时间
  • 跳出率
  • 完成转换

这些数据可以用来定义和重新营销那些以特定方式与你的网站互动的受众——推出额外的内容,创造紧迫感,并完成销售。

创建客户角色

一旦您有了关于目标受众的足够数据,您将希望创建一个客户角色,在单个文档中概述理想客户的概要,有时称为“真相来源”。这将是你用于测试和找到产品/市场适合度的初始假设集。欧宝体育在线首页

客户头像的图像结果

在Webflow中建模实验

创造一个新客户是一项艰苦的工作。它需要大量的实验和测试才能正确。创造一个客户实际上是在培养一种关系——一系列从多个方面加强的约定。每一点都能建立客户关系,建立信任,并帮助他们对你的产品做出决定。欧宝体育在线首页

几乎你在内容营销策略中所做的一切都是为了加强客户关系,推动用户更接近完成目标。在市场营销中,这被称为运动

有时,最好的活动是最终会成功的实验。尝试你的广告活动可以帮助你保持创造力,专注于服务你的受众。

Webflow可以很容易地为客户旅程的每个阶段建模新的活动实验。如果你在谷歌Analytics中查看漏斗报告,你可能会看到如下内容:

谷歌分析自定义漏斗的图像结果

为了在你的漏斗或“客户旅程”的每个阶段创建正确类型的内容,你需要考虑买家所经历的阶段。

以下是漏斗的各个阶段,以及与每个阶段相关的内容类型:

意识

认知阶段是指用户第一次发现并参与你的品牌。

在这个阶段,你需要通过博客文章、电子书、指南或清单来推动网站访问。

感兴趣

一旦用户在认知阶段与你的品牌进行了互动而且当他们决定想要了解更多的时候,他们就会进入兴趣阶段,成为领导者。

在这个阶段,你需要通过网络研讨会、案例研究和电子邮件课程来收集线索。

转换

最后,一旦用户一直与你的品牌互动,并信任你的产品,他们就会进入转换阶段,并进行购买。

在最后阶段,你需要通过咨询、优惠券和免费试用来推动购买行为。

在Webflow中建模活动内容类型

一旦您了解了什么类型的内容将推动用户通过客户旅程,您就可以开始在Webflow中建模这些内容类型。

例如,假设您想对一个活动集合建模,为这些活动创建新的登录页面。您将从CMS Collections选项卡创建一个新的Collection,并将其命名为“Campaigns”。

然后,您将包括您的活动的公共数据属性,其中可能包括:

  • 标题
  • 副标题
  • 关键好处
  • 行动呼吁
  • 行动呼吁link
  • 正文内容

你也可以使用Webflow的选项字段类型来为布局体验创建一组选项(下文将详细介绍)。这将允许您使用有条件的可见性创造多种测试体验。

设计活动实验

当你设计活动实验时,你需要设计多个布局体验来测试每个活动的假设。布局体验应该基于你所推广的信息和你所瞄准的客户旅程的阶段。

您可以将活动模板视为数据的容器。数据是内容,布局是为用户提供体验的容器。

例如,假设你创建了2个新的活动——一个清单和一个电子邮件课程——来提高意识和引导。


通过选择您创建的布局体验选项,您将能够以全新的方式呈现数据。这减少了对额外集合的需求,并帮助您加快实验速度。

优化和验证实验

为了创造最佳的在线客户体验,你需要回顾分析,并基于所学内容进行迭代。

例如,在查看谷歌Analytics报告时,您应该询问有关数据的关键问题:

观众报告

  • 观众的年龄是多少?
  • 观众的性别是什么?
  • 他们来自哪个国家和城市?

渠道报告

  • 交通从何而来?
  • 跳出率是多少?
  • 转化率是多少?
  • 产生了多少转换?

漏斗报告

  • 他们在漏斗里走了多远?
  • 他们在哪里下车的?

这些报告将为您提供有关您的受众的关键见解,并帮助改进您的活动谷歌优化是一个很好的工具。

您可以设置A/B测试来进行如下更改:

  • 更新副本
  • 添加新媒体
  • 改变目标
  • 更新登陆页面与高弹跳率

随着时间的推移,你应该开始看到不同的受众群体对特定的活动做出反应,并且表现得比其他人更好。你可以相信你的假设确实被证明了(或被推翻了!):特定的受众、特定的活动和特定的体验将产生预期的结果——通常是销售。

tl;dr(太长;不读)

在市场中创造真正的价值充满了变化的动态:现有的供应(竞争)、趋势、用户需求、信任,当然还有市场采用曲线。

如果你真的想创业,你绝对必须验证你的假设。Webflow通过正确的集合、正确的内容和吸引人的体验使这一点很容易做到。

当你专注于你的(潜在)用户,获得他们的信任,并向他们销售你的产品时,你已经验证了你的想法。欧宝体育在线首页

“判断你是否达到了产品/市场匹配的一个好方法是,如果至少有40%的用户不再使用你的产品,他们会感到非常失欧宝体育在线首页望。做人们想要的东西。”

- - - - - -肖恩·埃利斯

第四章

使用无代码工具增强客户体验

当今无代码工具的伟大之处在于,它们使您能够专注于提供更加个性化的客户体验。

杰夫Cardello
杰夫Cardello
?阅读时间
读一章

Webflow的首席技术官和联合创始人Bryant Chou在2019年No Code Conf大会上谈到了事情的发展方向,以及从后端管理中解放出来将如何改变品牌与受众的联系方式。

2009年,周永明还是Intuit公司的一名初级工程师。随着公司进入重组的不确定状态,他的工作实际上陷入了停顿。在这段空闲时间里,他开始基于当时的尖端技术开发一款应用——Android 1.5。

他小时候喜欢用对讲机和朋友聊天,受此启发,他决定开发一款基于这种即时双向交流的应用程序。在深入了解了Android 1.5上开发应用的来龙去路后,Chou完成了这款应用,并将其命名为Hoot。只需一个红色按钮的简单界面,你就可以录制并发送消息给你联系人列表中的任何人。

Chou免费发布了这款应用程序,并获得了相当大的吸引力,在谷歌Play Store中进入了十大热门免费应用程序——一个月内下载量达到了1万次。自然,他对创造一个病毒式流行的应用程序感到兴奋——直到他收到亚马逊网络服务的账单。当他得知这款应用的基础设施需要300美元时,他对这款应用成功的兴奋之情被粉碎了。

“我可以花大量时间在这款应用上,让它变得更好,因为它太原始了,有很多bug,或者我必须扩展这款服务器,让它变得更性能。实际上,我很难决定关闭它。”

- - - - - -科比周

他做出了艰难的决定,终止了胡特的工作。

基础设施曾经很复杂

就在10年前,如果你想运行一个受欢迎的网站或应用程序,你必须知道如何扩展数据库。如果你不知道,你必须雇佣一个会的人。保持更新和平稳运行需要持续的努力,占用大量时间。

今天,您不必关心后端发生了什么。Webflow负责安全、维护和可伸缩性,以保持运行,这样你就可以专注于重要的事情——客户体验。

Webflow意味着保护

有那么多坏演员在破坏互联网。Webflow可以保护您免受WordPress特别容易受到的各种威胁,包括:

  • 蛮力攻击
  • SQL注入
  • 恶意软件
  • 跨站点脚本编制
  • DDoS攻击
  • 来自过时的WordPress或PHP版本的漏洞

Webflow还会定期进行渗透测试,这是一种受控的方式来执行虚假的网络攻击,以查看安全措施的运行情况。从后台处理这些事情中解放出来,让你有更多的时间投入到其他领域。

“创客可以打造尽可能最好的产品,并致力于营销、增长、利用你收集的数据以及欧宝体育在线首页自动化等真正重要的事情。”

- - - - - -科比周

Bryant Chou在2019年No Code Conf大会上的舞台

Webflow使可伸缩性自动化

Webflow网站每月浏览量超过20亿次。让我们慢慢理解。这是一个很大的页面浏览量。一些虚拟主机提供商会陷入如此巨大的流量——或者更糟,下线。但是因为Webflow的托管速度就像子弹头列车,装载时间非常快,可以很容易地扩大以适应交通激增。

Webflow使用现代技术实现绝对可伸缩性,包括:

  • 亚马逊网络服务以及他们的DDoS防护层屏蔽
  • 用于负载均衡的NLB全局加速器
  • Kubernetes来管理服务器端
  • Amazon S3用于数据存储
  • 数据库服务DynamoDB
  • NGINX的一个专门版本,为10%的互联网提供动力
“当这些错综复杂的问题都由Webflow解决时,运营自己的营销网站、公司博客或电子商务商店就没有意义了。”

- - - - - -科比周

Webflow是如何做到的呢?Webflow每月花费12.5万美元来管理、维护和更新其基础设施,并拥有一支由工程师和专家组成的团队。这很有效。它的正常运行时间为99.999%,平均页面加载时间为400毫秒,稳定而快速。

无代码运动减轻了必须处理软件、服务器和运行网站的其他技术方面的负担。它让你把精力集中在营销和其他发展品牌的途径上。

没有代码能让你更好地进入市场

“作为千禧一代的晚辈,我们不一定会对销售做出良好的反应。”

- - - - - -科比周

营销格局已经发生了变化,为了吸引年轻一代,品牌需要建立的不仅仅是一个乏味的自我推广的数字平台。他们需要在网上放一些有深度的东西。为了与年轻人群建立联系,并为每个人提供更好的体验,重点需要放在客户身上。当您不必担心代码或运行后端时,您可以为客户提供最佳的客户体验。

客户体验给传统营销带来了压力,并带来了更大的销售势头和可重复的产品领先增长。欧宝体育在线首页欧宝体育在线首页产品,以及数据和自动化,是驱动一流客户体验的燃料。

客户体验将如何改变未来

“重新关注客户体验,包括增长、产品和营销,可以真正增强现代销售和营销活动的力量,这样我们就可以通过产品引领增长来建立公司。”欧宝体育在线首页

- - - - - -科比周

客户体验营销人员的专业知识包括产品、内容和增长营销。欧宝体育在线首页他们了解自己的受众,并与营销团队合作制定内容策略,并提供受众认为有价值的内容。他们与视觉开发人员合作——客户体验中的另一个重要角色——来制作这些内容。

客户体验栈

客户体验堆栈可以为每个人在品牌的数字空间中导航提供个性化和一致的体验。数据塑造了他们所看到的,以及他们如何相互作用。客户体验的每一层都聚集在一起,促进与品牌受众的更多个人联系。

客户体验栈

个性化和人工智能

市场营销的发展需要一种新的方法来处理客户体验堆栈。个性化和人工智能占据了这个重新想象的客户体验栈的顶层。用户属性和数据被收集并集成到不同的应用程序中,如Clearbit或MonkeyLearn,因此每个使用网站的人都有个性化的体验。

经验与商业

体验和商务占据了客户体验栈的下一层。这是一个品牌有机会留下好印象的地方,也是观众可以互动并从他们那里购买东西的地方。

生命周期

消息传递的类型、传递的时间以及传递消息的渠道对于确保客户在需要时获得正确的信息至关重要。客户服务的Zendesk、跨平台互动的Iterable、营销自动化的ActiveCampaign等工具都有助于促进这种交流。

数据

客户体验堆栈的这一级别涉及数据——包括数据保存的位置以及如何访问数据。Segment可以捕获数据并将其传输到其他软件,雪花可以压缩和结构化数据,这些工具对管理数据很有帮助。

自动化

这个级别的堆栈将所有个性化数据机械化,并将其传输到像抛物线、Retool和Zapier这样的工具,在这些工具中可以分析和利用数据。

客户体验是多方面的

“在我看来,这就是未来客户体验令人兴奋的地方:你真正从整体的角度考虑客户体验,并使用一流的工具来提供这种体验。”

- - - - - -科比周

网站是品牌营销圈的焦点。客户共享的信息和数据被传输到Zapier、HubSpot和Salesforce等互联平台,进一步增强客户体验,帮助品牌更好地服务客户。

客户体验轮

没有代码就能带来新的十年的客户体验

任何代码都不是为了欺骗那些拥有数据、服务器和基础设施方面的专业知识和热情的人。Webflow依靠这些高贵的技术极客来维持它所托管的数千个网站的运行。

当你不需要担心这些事情时,为什么要担心呢?保持简单,这样你就能赶上客户体验的浪潮,建立更好的品牌。

请在下面的评论中告诉我们你是如何使用无代码工具来创造更好的客户体验的!

第五章

将无代码引入公司的指南

了解Getaround的营销团队如何将他们的网站迁移到Webflow,提高他们的网页性能和内部设计师团队的灵活性。

读一章

Getaround在Webflow之前的营销网站:资源贫乏,优先级太多

在迁移到Webflow之前,我们的营销页面是用传统的方式编码的,由工程师拥有。所以任何时候我们想要改变我们的主页,我们都要面对竞争的产品优先级和宝贵的工程资源。欧宝体育在线首页

随着Getaround的迅速发展,我们的网络目标也在不断提高,其中包括:

  • 增加有机搜索流量
  • 比以往任何时候转化更多的用户
  • 将我们不断发展的品牌扩展到我们的在线存在

与此同时,快速增长意味着我们的产品欧宝体育在线首页需要扩展和发展。

从逻辑上讲,让我们的产欧宝体育在线首页品令人惊叹是我们工程团队的首要任务。结果,我们网站的营销和设计更新被搁置了。所以,在2018年,我们发现自己有一个网站,外观和行为都很像2011年的网站。

Getaround.com, 2011版

我们迁移到Webflow来改变这一点。让我们深入研究一下您的团队如何做到同样的事情。

5个步骤来回收你的网站

使用Webflow回收你的营销网站需要策略,我们发现以下5个步骤取得了很多成功:

  1. 得到的支持
  2. 组建你的团队
  3. 选择页面
  4. 设计和开发
  5. 传福音发射
5步收回你的网站

1.通过战略性地“涉水”获得关键利益相关者的支持

如果您的团队或公司从未听说过Webflow,或者怀疑它的健壮性或有效性,请花些时间进行教育和演示。利用Webflow的可视化特性显示它能做什么,而不是仅仅依靠讨论。

考虑用屏幕记录你自己在Webflow中构建一个小页面,并使用该记录来显示它是多么快速和简单。使用Webflow页面,用你的团队最受益的任何功能的现场演示来吸引利益相关者,无论是使用编辑器快速复制和图像编辑,还是使用CMS构建。

除了你的演示项目,分享案例研究和其他转向Webflow的公司的轶事——如果你找到一个与你的规模和目标相似的团队的证明,那就有加分了。涉众更有可能购买经过尝试和测试的工具,所以除了从其他团队的测试中获得验证之外,还要进行自己的测试。

一些Webflow的成功故事:

希望这能让你通过使用低风险网页来试用这个工具。考虑一下哪些页面对你的公司来说是(相对)低风险的:避免你的主页或任何主要的转换驱动因素或其他关键指标。

在Getaround,我们开始在较小的登陆页面上使用Webflow,比如促销和本地合作。

这种渐进式的介入可以作为Webflow概念的证明,让关键的利益相关者了解其功能(和局限性),而不会对登录或转换等关键指标产生巨大影响。

在试运行期间,向适当的涉众演示相关特性,让他们对Webflow的功能感到兴奋。

Webflow创建干净的代码

使用涉水来证明您的主张,这样您的团队就可以继续将强大的东西迁移到Webflow中。在Getaround,我们的索赔包括以下内容:

  • 更快的生产时间欧宝体育在线首页
  • 所需团队更小
  • 等价或改进的业务绩效指标,如转化率
  • 改进的搜索性能

Getaround的涉水行动取得了成功。我们的2个非编程人员的小团队在几天内就建立并发布了功能齐全的网页。我们并没有损害转化率,在首次发行后,我们在一周内推出了比之前更多的迭代.我们也能够在搜索引擎优化上进行迭代,从而提高了有机搜索流量。

到目前为止,利益相关者相信Webflow对我们的团队和我们的网络指标都有好处,为我们继续迁移扫清了道路。

2.组建你的团队

一旦你接受了Webflow的神奇之处,就该组建你的网络团队了。

我从Getaround迁移到Webflow中学到的最重要的一课就是教育队友“没有代码”的重要性意思是“没有网络小队”。

如果不投资一个合适的网络团队,你的团队将无法完全获得无代码的好处。

我的同事梅格和我几乎处理了我们迁移到Webflow的所有方面。在我们俩之间,我们

  • 设计而且开发的页面
  • 建立指南和系统
  • 管理开发商合同
  • 与工程部协调跨职能需求
  • 想出了我们的移民策略
  • 启动页面
  • 写的复制
  • 和更多!

只是因为可以完成并不意味着完成应该是。

我们的小团队加上我们雄心勃勃的时间表,意味着我们有时会做得又快又脏:为了赶上我们的发布截止日期还行,但最终会导致技术债务和更多的工作。

为了避免这种情况,组建一个团队,就像你用传统方式创建网站一样。

谁应该组成这个团队是一个有趣的问题,因为没有代码只是在技术世界中获得了主要的吸引力,并且角色继续形成和发展,但以下是我希望在我们的迁移项目团队中拥有的角色:

  • 欧宝体育在线首页产品经理制定自己的战略和跨部门工作
    如果这个PM可以弥合Webflow和传统开发之间的差距,那么就会有很大的好处,特别是如果您的迁移涉及到与产品共享的功能,比如一个导航栏,可以让用户在多个环境中登录。欧宝体育在线首页
  • 项目经理让所有的活动都在正轨上,确保项目完成
    你的产品经欧宝体育在线首页理也可以担任这个角色。
  • 视觉开发人员谁是Webflow专家,知道开发最佳实践
    这对于Webflow站点的可伸缩性和可维护性至关重要。几乎任何人都可以在Webflow中拼凑一个站点,但需要开发专业知识和经验来构建它,使其能够清晰地扩展和发展,而不会积累技术债务。
  • 网页设计师熟悉Webflow来创建模拟和流
    设计师至少应该熟悉Webflow,这样他们的设计既能利用Webflow的强大功能(比如交互),又能在它的限制范围内工作(很大程度上,这是web的限制)。
  • 文案和搜索引擎优化专家创建与品牌相关的高性能内容
    一定要与作者和seo密切合作,以确保页面结构对内容和优化工作良好!

从内容映射到页面选择再到产品协作,对迁移过程中需要执行的每一项任务都要透明,以证明这个团队的必要性。欧宝体育在线首页提醒你的团队(和你自己!),你仍然在建立一个强大的网站。即使您是通过一个无代码的界面来做这件事,您本质上仍然是在编码和构建复杂的功能。

3.选择要迁移到无代码的页面

现在,你已经接受了Webflow,并组建了你的梦想团队,找出你的网站的哪些页面或块是有意义的,以实现无代码。

这对每个团队和公司来说都是不同的。请记住:

  • 依赖关系
    您的团队是否负责增加登录页面的转化率,但您的工程团队必须执行这项工作?这个登录页将是迁移的一个很好的候选者。
  • 任何需要欧宝体育在线首页在无代码工具中使用大量定制代码的产品功能
    具有欧宝体育在线首页复杂逻辑或API依赖关系的产品页面可能不适合进行迁移。大量的自定义代码违背了像Webflow这样的工具的目的,并极大地降低了您享受其好处的能力。
  • 可伸缩性和未来的页面目标
    任何可以从集合列表和CMS中获益的页面,或者可以成长为页面集合的页面,都应该被迁移。最主要的候选内容包括:登录页面、案例研究、博客、产品教育——实际上任何类型的内容,在这些类型中,写作的速度必然比设计所能欧宝体育在线首页支持的要快。

对于Getaround来说,要迁移哪些页面是很清楚的。在用户登录之前,他们可能会浏览营销页面,比如主页、about或它是如何工作的。登录后,他们就进入了产品——搜索汽车、预订汽车等等。欧宝体育在线首页

营销页面和产品页面欧宝体育在线首页

由于市场营销负责预登录页面的性能和目标,我们将其迁移到Webflow。这也意味着工程师可以完全专注于我们的产品,而不会被市场营销人员和设计师频繁打断,更换英雄形象或更新H1s。欧宝体育在线首页

4.在设计和开发时牢记无代码媒体

每一种媒体都有内置的功能和限制,当你投入你的交付成果时,你需要记住这两点。以下是我的团队需要考虑的关键因素。

尽早并经常咨询您的可视化开发人员

经常与你的可视化开发人员联系,以确保你的想法是可扩展的,并牢记Webflow的最佳实践。大多数事情都是可能的,但您可能需要进行一些设计修改,以避免依赖于大量的自定义代码或不能很好地扩展的俗气解决方案。

成为一个无代码专家

利用无代码资源,如Webflow大学Makerpad,设计+代码

如果您像我一样是一个边做边学的人,那么在这些资源的帮助下构建网站是让自己沉浸在没有代码的世界中并熟悉它的所有可能性和最佳实践的好方法。

最大化地使用CMS

Webflow的CMS对于快节奏的营销团队来说,这是其最强大的功能之一。同样,请与可视化开发人员密切合作,以确定可以使用Collections构建的页面和部分。这将允许您的团队只需要比一个页面稍微多一点的努力就可以启动数十个页面。

使用可视化开发指南

你仍然在构建一个专业级别的网站,所以你需要清晰而强大的开发指南,比如:

  1. 命名约定
  2. 全球风格
  3. 组件使用

谨慎使用自定义代码

大量依赖自定义代码违背了使用Webflow的目的:你将在Designer UI中看到大块的空白,而不是在发布时看到确切的内容。维护各种自定义代码片段也很快变得笨拙。

使用自定义代码:

  • 无法通过设计器完成的次要CSS样式,例如更改滑块上的箭头
  • 简单的JavaScript功能,比如在登录按钮后面添加逻辑

避免使用自定义代码:

  • 通过编写自定义HTML和CSS构建整个元素。这听起来可能是显而易见的,但这是一个很容易掉进去的陷阱,特别是当与那些可能不完全理解Webflow最佳实践的工程师一起工作时。

5.启动并宣传你的无代码网站

在启动你的无代码站点之后,分享你的项目,它的成功,以及你通过转向无代码而解锁的所有东西。

通过持续的教育和演示,让利益相关者参与进来并感到兴奋:

  • 向您的工程师发送有关Webflow后端或新的API集成的文章,以证明它是如何跟上不断变化的技术的
  • 演示一个设计师如何快速地用新的布局和新的资产更新你的主页
  • 展示从一个Collection页面生成数十甚至数百个页面是多么容易

专业提示:人们喜欢好的Webflow GIF。

最重要的是,记录并分享由于无代码迁移而实现的目标。这些可能包括:

  • 每周页面启动数
  • 是时候创建一个新页面了,从启动到启动
  • 性能指标,如搜索引擎优化,转化率和网站流量

Getaround的营销网站后webflow:提高网络性能和团队敏捷性

以下是Getaround在迁移到Webflow后的3个月里所取得的成就:

  • 每周新页面启动
  • 请记住,我们并没有在2011-2019年推出一个新的页面!
  • 站点总会话增加了25%
  • 有机搜索流量增长了15%

最重要的是,我们现在更加灵活,能够跟上业务的发展速度。几个月前,当一个主要的(时间敏感的)业务计划需要在项目启动后一周左右启动时,这是一个压力测试。我们在不到5天的时间里轻松地设计和建造了两个着陆页面来适应这一点!

Webflow加快了前端开发
网页前后没有代码

将Getaround的营销页面迁移到Webflow对我们的业务产生了巨大的影响,不仅提升了我们的网络性能指标和网络内容的质量,还提高了我们团队的速度和灵活性。

用无代码工具重建一个现有的遗留网站不是一项小任务,但我希望这些步骤能帮助您的团队实现它:结果显然是值得的!

第六章

规划从无代码到代码的转换

我叫大卫·海德。自2014年以来,我一直在构建无代码产品和功能。欧宝体育在线首页我带领我的团队从Y Combinator获得了2017年夏季批产品的资金,该产品在过渡到Ruby on Rails堆栈之前经历了两次无代码迭代。欧宝体育在线首页

大卫的头
大卫的头
?阅读时间
读一章

原则

我在每个无代码项目中都发现了一个核心原则你获得的动力越多,转向代码就越有利.你会注意到发生了三件事,我们称之为没有代码的限制

没有代码的限制

  1. 特性限制:根据特定用例定制特性的程度有限
  2. 社区限制:你需要雇人来维护产品/功能并编写更多代码欧宝体育在线首页
  3. 基础设施限制:一次可以使用产品的人数有一个较低的限制欧宝体育在线首页

你的牵引力越大,你的处境就越危险。您必须计划从当前堆栈平稳而迅速地过渡到下一个堆栈。您的下一个堆栈可能是另一个无代码堆栈,但如果您继续成功,它通常会变成类似Ruby on Rails的代码堆栈。我们称之为堆栈转换步骤。

堆栈转换步骤

  1. 预测故障:时刻考虑当前堆栈将在何时何地发生故障
  2. 构建新堆栈:开始构建新堆栈,以便在当前堆栈崩溃时过渡到新堆栈
  3. 过渡到新堆栈:将所有数据和用户迁移到新堆栈

最后,除非你的编码技术已经达到了高级开发人员的水平,否则在开发到那个阶段时,你应该计划雇人来领导代码库的开发。一个可以处理所有技术决策的人,而不是一个在你手下工作的初级开发人员。

我的基本信息

2015年,我拥有了一家网站设计机构,建立了很多Squarespace网站。我们和杰克Jorgovan他创建了一门关于如何建立Squarespace网站的热门课程。杰克的课程吸引了很多人前来询问,比如“你愿意帮我优化网站的设计吗?”杰克会把这些线索交给我们。

大多数网页设计师都不想要这些小范围的线索,因为所有的来回都让他们很昂贵。但我们发现,通过视频会议与客户合作,我们可以收取比标准费率高出50%的费用(即150美元/小时),并在大约2小时内启动他们的网站。对于大多数专业设计师来说,这是值得的。

考虑到所有其他以diy为卖点的网络工具,我们发现,像这样的按需帮助远远超出了网页设计的范围,有一个更大的市场。所以我联系了一位同事,他也拥有一家网络代理公司,让他成为我这个兼职项目的联合创始人。

Squarespace堆栈:证明这个概念

我的新联合创始人负责销售,并招募网页设计师提供他们的服务。我专注于整合基础设施以扩展服务。我的目标是,一旦我们证明了这个概念并开始全职工作,就请另一名团队成员来领导技术。

由于我们有大量的潜在客户,我们的第一个瓶颈是要有一个基础设施来方便网页设计师通过视频会议进行按需会话。我用以下堆栈解决了这个问题:

一旦我们建立了这个堆栈,并与一些客户进行了测试,我的联合创始人开始招募设计师加入。

当构建平台并预测它何时会崩溃时(步骤1)堆栈转换步骤),我知道Squarespace和Acuity是第一个瓶颈。

  1. Acuity有一个团队账户,但没有像Zoom那样的API计划。所有的设计师都会登录并同步他们的日历,就像他们是团队成员一样。这对扩展来说是一个问题。
  2. 我们不得不在Squarespace中为每个网页设计师设计一个独特的页面,因为当时没有CMS。因此,更新设计师个人资料的模板意味着单独更新每个页面。这也不会有太大的规模。

其他分析包括:

  • 我们无法添加基本的web应用功能,比如用户登录
  • 客户端用户每次安排会话时都必须输入他们的信用卡。他们在UI中看不到过去的交易记录,这也是一个提示后续会话的机会
  • 设计师必须提交更改档案的请求,而我们必须手动更改

我们在5个月内以每月50%的速度扩展这个堆栈。我们的主要指标是每个月的游戏时长。

回到没有代码的限制概念,我们的首要问题是第一个,功能的局限性.在堆栈转换步骤我们预测5月份左右会出现问题,我们需要更换堆栈。

Bubble stack:构建一个web应用程序

为了保持收入的增长,我们需要让客户更容易购买,并增加平台上的设计师数量,这样就有更多的时间可用。我们的愿景是最终让客户能够在60秒内聘请到设计师。

我们的下一步是重建大部分堆栈。我们认为我们需要聘请一名开发人员,但有一个新的“无代码web应用程序构建者”平台叫做泡沫这看起来很有希望。它似乎可以做传统web应用程序所能做的一切,而且速度更快。我们决定尝试一下。下一个步骤:

  1. 将Squarespace替换为Bubble,这样我们就可以构建一个客户端仪表板,并管理数十个设计师配置文件
  2. 种子泡沫的数据库与我们的谷歌表数据
  3. 重新布线Zapier仍然张贴数据到谷歌表用于分析

因为我们的收益正在增长,所以我的网络代理公司的一个初级前端开发人员学习Bubble是有意义的,这样我就可以专注于其他增长任务。他花了一个月的时间来学习Bubble,重建我们的平台,并让我们直播。

现在我们有了一个注册流程,一个客户仪表板,并集成了Stripe Connect来存储客户的信用卡。接下来,我们需要一个功能,允许每个设计师通过OAuth同步他们的日历。我们假设,因为我们擅长api,我们可以在Bubble中实现任何可能在代码库中发生的事情。我们计划使用几个看起来很有前途的工具Timekit因为它看起来是最精致的。

这对我们来说是一个巨大的学习机会。当实现Timekit的时候,我们意识到OAuth必须编程“回调”才能工作——它们是不可能入侵Bubble的。我们现在有了一个新的功能限制在一个关键特性上。我们决定尽可能长时间地围绕它进行扩展。

接下来是增强客户端仪表板,以便他们可以查看过去的会话-这是编程到web应用程序中的一个非常基本的功能。当我们在Bubble中编程时,在历史会话数据显示在屏幕上之前大约有两个延迟。虽然它在技术上可行,但UX感觉很糟糕。我们花了十几个小时与最好的Bubble自由职业者一起优化这个工作流程,但并没有太大的区别。这是一个基础设施的限制这是一个用户体验问题。

虽然我们解决了所有这些问题,但每一个新问题都变得越来越具有挑战性。当我们的开发人员接手Bubble并以极快的速度重建平台时,我们所有人都不堪重负,开始寻找更资深的开发人员来领导。

注意:你的生死取决于基本原则

能够将应用程序组合在一起做事情是很容易的。了解web应用程序架构的基本原理是你的致命伤。这是因为您正在创造技术债务。不仅仅是因为你不在一个代码库中,而是因为你会做一些事情,比如不恰当地建模你的数据库。

这就是发生在我们身上的事。在Bubble中很容易启动数据库和关联,但因为它不是以一种基本合理的方式完成的,数据库查询需要更长的时间,并且在添加新功能时,我们必须更改模式并进行数据库迁移。

这与Webflow和Squarespace的用户向我们寻求帮助是一样的:他们可以把技术上是一个实时网站的东西放在一起,但他们没有足够的骄傲来公开它。他们的问题是他们不知道网页设计的基本原理。

我们寻找一位资深的Bubble开发人员。论坛上只有大约10个可供选择(这是泡沫出现前的开发者目录)。在与他们合作的过程中,我们了解到两个月前刚学习Bubble的初级开发人员的技能水平大致相同。

每个人都有和我们相似的背景:他们想快速破解一些东西,但不知道如何编码。没有人有开发可扩展web应用程序的经验,更没有计算机科学学位。

Bubble开发者的平均工资也是每小时150美元左右。相比之下,一般的Rails开发人员每小时80-100美元,有几年的应用开发经验,而且通常是计算机科学学位。一个快速构建的应用程序最初的效率收益已经结束了。现在,为了扩大规模,我们将在人才方面付出成倍增长的代价。

我们试图找到最成功的消费者应用程序Bubble。我们认为我们可以跟随他们的脚步,并将规模扩大到至少和他们一样大。不幸的是,我们是我们发现的最成功的人。虽然你可能认为这对我们的自尊有好处,但实际上这很可怕——我们意识到我们不能像我们想象的那样扩展Bubble。现在我们正在经历一种极端的社会的局限性

尽管面对这些无代码限制的挑战,我们仍然在接下来的三个月里以每月50%的速度扩展Bubble。回顾一下:

  • 特性限制:主要构建调度特性和谷歌OAuth
  • 基础设施限制:主要是数据库查询花费的时间太长
  • 社区限制:可扩展web应用开发经验有限,社区规模小,自由职业者很少,基本上没有全职候选人,自由职业者的价格很高。

转移到代码库

由于Bubble过去是、现在仍然是无代码平台的顶峰,而我们也已经精疲力竭,现在我们唯一的选择就是基于代码的平台。一开始我们认为我们可以雇佣一些人用代码重新构建平台。我们尝试了一下,意识到我们需要一个“技术联合创始人”,而不是一个员工:一个可以充当我们CTO的人,在未来几年我们建立公司的过程中全力以赴。

我们花了3个月的时间招聘自由职业者,发布联合创始人职位的招聘信息,并在纳什维尔各地建立网络,直到找到合适的人他说,他想加入公司的最大原因之一是我们已经展示出的吸引力。

在接下来的两个半月里,我们的新CTO在Rails中重新构建了应用程序,我们已经准备好进行转换。这是此次转让的核心范围:

  • 数据导入:CTO指示他如何需要导入数据设置。我花了一天左右的时间整理电子表格。
  • 301重定向:需要改变路由,所以我用尖叫的青蛙来获取url列表,并创建了一个映射它们的电子表格。这是一个模板。
  • 第三方工具连接:我重新配置了Zapier工作流,由webhook触发。我们的CTO编写了应用程序,在Rails中适当的工作流步骤中将JSON数据发送给Zapier。
  • 用户电子邮件:我们的每个用户都需要执行密码重置过程来获取他们的帐户。我的联合创始人起草了一封给用户的电子邮件,我们计划在发布时发送。

从这里开始,我们的产品不再受任欧宝体育在线首页何没有代码的限制.随着我们的新团队和代码平台准备就绪,我们在那年春天向YC提出申请,并为2017年夏季批次获得了资金。

反思和收获

我们将Zapier/Squarespace/Acuity堆栈组合在一起的策略是一个很好的选择,并证明了我们的概念。如果我们直接聘请一位技术联合创始人,而不是在Bubble重建,可能会更好。我认为我们对no -ode作为核心平台的潜力过于乐观了。

也就是说,我们仍然相信并大量使用无代码。我们已经使用Webflow的CMS和a构建了数千个网页反向代理设置在我们的Rails应用程序之上。一个是展示欧宝体育在线首页产品。连续4个月,谷歌流量每周增长30%,直到我们在遇到基础设施和功能限制后将其转移到Rails。

对于一些页面,我们已经建立了the Sixty博客和我们的了解产品欧宝体育在线首页在美国,他们可能永远不会离开Webflow。

如果Sixty重新开始,我实际上会让Webflow掌控我们所有的营销页面。盆景而且中音都在这么做,我也看到很多Y Combinator的创业公司也是这么做的。这是一个强大的设置-营销团队可以在不增加工程团队负担的情况下对网站进行更改。

希望这能帮助您更好地解决无代码挑战。如果您仍然对使用哪个堆栈以及它的可扩展程度有疑问,请随时与我联系推特.我也会分享更多我在那里提到的no -ode项目的内容。

第七章

无代码将对世界产生的影响

无代码运动的核心是授权和释放潜力。

巴雷特。约翰逊
巴雷特。约翰逊
?阅读时间
读一章

那么,没有代码会对世界产生什么影响呢?简而言之,没有代码的世界是一个想法不受技术障碍阻碍的世界——在这个世界里,任何人只要有想法或想要创业,就有能力去实现它,而不需要学习代码或找一个工程师来实现。

正如其他行业的情况一样,当创造的手段变得更容易获得时,创造的数量和规模就会飙升。在软件界,无代码运动也在尝试着做同样的事情。

我们很自豪能够站在这个新运动的前沿,我们迫不及待地想看到每个人都能做出什么。为人类潜能的倍增干杯。

第八章

学习资源

与无代码社区联系,学习如何在不编写代码的情况下构建、自动化和扩展软件。

Omid Ghiam
Omid Ghiam
?阅读时间
读一章

Makerpad

makerpad标志

Makerpad是一个领先的无代码社区和学习中心。探索最好的无代码工具,学习如何构建和扩展功能强大的应用程序,并聘请无代码专家来帮助您的项目。

Webflow大学

webflow的标志

Webflow大学是学习网页设计和开发的来龙去脉的地方-不需要编码。获得关于设计和构建动态网站的全面教程,详细的特色文档,以及常见问题的答案。

Nucode

nucode标志

Nucode是一个无代码社区和论坛,创客聚集在这里学习和讨论各种无代码项目。学习如何在没有任何编码经验的情况下构建应用程序,并与世界各地的代码专家进行交流。

Zapier学习中心

zapier标志

Zapier学习中心是学习如何在不编写代码的情况下自动化日常任务的教育资源。从项目管理到客户支持,学习如何使用Zapier创建自动化工作流。

Nocode.tech

nucode科技

Nocode.tech是一个为非技术创意人员提供免费资源和工具的策划目录。获得无代码工具的折扣,并学习世界各地的企业家、设计师和员工使用的技能。

Nocode总部

nocode总部

Nocode总部是一个发现和学习如何在没有代码工具的情况下构建的资源中心。学习如何构建网站、移动应用程序、聊天机器人和自动化工作流程,而不需要编写任何代码。

Flowbase

flowbase标志

Flowbase是一个Webflow资源网站,没有代码初学者和专家。访问可克隆的资产、模板、指南等。

Nocode必需品

Nocode essentials标志

Nocode必需品是发现无代码资源的中心枢纽。轻松找到构建、启动和扩展下一个项目所需的知识—无需编写代码。

第九章

无代码工具目录

从可视化的网页开发到自动化工具,无代码平台使团队能够更快地工作,降低生产成本。欧宝体育在线首页

Omid Ghiam
Omid Ghiam
?阅读时间
读一章

Web开发

无代码开发平台,旨在帮助团队构建美丽而强大的网站。

Webflow

webflow的标志

Webflow是一种设计、构建和发布强大网站的方法——无需编写代码。建立专业网站,启动Webflow的word类托管,或导出您的代码,并在100%可视化画布中体验HTML、CSS和JavaScript的强大功能。如果你能设计它,你就能用Webflow构建它。

Carrd

carrd标志

Carrd是一个免费的平台,用于建立简单的,完全响应式的单页网站。无论它是一个投资组合或登陆页面,卡德让你建立它美丽和容易。一旦你的网站准备好了,就可以用Carrd Pro发布到网上。

Shopify

shopify标志

Shopify允许您创建和管理电子商务网站。建立和托管您的商店,履行订单,并使用Shopify的插件市场来营销您的产品-所有这些都在一个地方。欧宝体育在线首页从前端到后端,Shopify已经覆盖了你。

应用程序开发

没有旨在帮助团队构建强大的web和移动应用程序的代码开发平台。

Thunkable

thunkable标志

Thunkable是一个拖放移动应用程序构建器,让你创建iOS和Android应用程序而无需编码。在Thunkable上构建的应用程序可以在所有设备上运行,可以直接在iOS App Store或谷歌Play Store中发布。

泡沫

泡沫的标志

泡沫是一种可视化编程语言和应用程序平台,允许您为桌面和移动浏览器创建交互式的多用户应用程序。构建逻辑并管理数据库,而无需编写一行代码。

Voiceflow

Voiceflow允许您设计,原型,并建立语音应用程序。创建和发布Alexa技能和谷歌动作无需编写代码。

滑翔

Glide应用程序标志

滑翔让你把电子表格变成应用程序,没有代码。创建易于使用的应用程序在短短5分钟从一个谷歌表。

基于“增大化现实”技术/ VR开发

没有为帮助团队创建强大的增强和虚拟现实应用程序而设计的代码开发平台。

Scapic

scapic标志

Scapic让你创造增强现实购物体验。创建360度产品可视化,并通过数字产欧宝体育在线首页品参与转化更多客户,所有这些都无需编写代码。

自动化

没有代码自动化工具来帮助团队自动化工作流,并将他们最喜欢的应用程序连接在一起。

Zapier

Zapier在web应用程序之间自动移动信息。连接超过2000个应用程序一起构建和自动化工作流程-无需编写一行代码。

Integromat

Integromat允许您连接您最喜欢的应用程序和服务在一起。自动化手动流程,在应用程序之间传输和转换数据,并节省重复任务的时间。

抛物线

抛物线的标志

抛物线让您自动执行日常任务。将数据输入到抛物线,并根据所需的输出可视化地创建逻辑流。处理数据,建立CRM工作流,自动化电子邮件营销,以及更多的抛物线。

分析

分析工具旨在帮助团队收集和理解数据——从网站分析到用户行为。

段标识

是一个帮助您收集和分析客户数据的客户数据平台。将细分市场作为所有网站和产品数据的中心枢纽。欧宝体育在线首页然后,将数据发送到Mixpanel、谷歌Analytics或HubSpot等其他平台,以获得进一步的见解。让您的营销、产品和工程团队拥有通过分段收集的干净欧宝体育在线首页数据。

Mixpanel年

mixpanel标志

Mixpanel年是一个产品欧宝体育在线首页和用户行为分析平台,允许团队获得有价值的客户见解。从Segment等平台导入数据,并通过数据驱动的洞察分析、测量和改善客户体验。

振幅

振幅是一个产品欧宝体育在线首页分析软件的网络和移动应用程序。从SaaS到金融科技,Amplitude允许企业根据用户行为做出数据驱动的决策。建立伟大的产品体验和留住欧宝体育在线首页用户-振幅。

电子表格和数据库

没有代码电子表格和数据库,旨在帮助团队收集和存储数据。

Airtable

airtable标志

Airtable工作就像一个类似于谷歌表的电子表格,但给你一个数据库的能力来组织任何东西。从项目管理到完整的CRM, Airtable允许您构建可以充当动态数据库的工作空间——而无需编写代码。

dashdash

dashdash标志

dashdash是一个电子表格,让你建立强大的销售和营销工具。然后,你可以将它们作为web应用发布,无需代码。创建自动执行重复任务的功能,集成SaaS工具来收集数据,并将电子表格转换为web应用程序——所有这些都可以一键完成。

文档编辑器

文档编辑器旨在帮助团队跟踪数据库、知识管理和项目任务。

Coda

coda标志

Coda文档允许大大小小的团队创建文档并将其转化为应用程序。从项目管理,库存管理和远程协作,Coda把一切都带到一个地方。给你所有的文档、电子表格、数据和工作流应用一个家——不用在应用程序之间来回切换。

概念

概念

概念是一个用于知识管理、任务、笔记和数据库的一体化工作空间。它作为团队编写、计划和协作的中心枢纽。使用concept,你可以取代谷歌Docs、Evernote、Asana、Trello和谷歌Sheets等工具。

有证

客户关系管理工具,旨在帮助团队跟踪客户的每一步。

HubSpot的

hubspot的标志

HubSpot的是一个面向市场营销团队的客户关系管理平台。收集、跟踪和组织入站线索,引导客户完成客户旅程的每一步。

铜的标志

是为谷歌打造的客户关系管理平台。组织联系人,在销售周期的每个阶段跟踪潜在客户,并自动执行重复任务-所有这些都在G Suite中实现。

形式

表单生成器旨在帮助团队收集数据并构建个性化的客户体验。

Typeform

Typeform让您为调查和潜在客户生成表单建立交互式体验。通过将数据收集转化为一种体验来吸引更多的响应并提高回复率——而不需要编写代码。

JotForm

jotform标志

JotForm是一个在线表单构建器,用于生成线索,分发调查,收集付款等。

电子邮件

为电子邮件营销设计的无代码电子邮件工具,并帮助创作者在线内容货币化。

Mailchimp的

mailchimp的

Mailchimp的是一个一体化的营销平台,专注于电子邮件营销。通过注册表单增加你的受众,并将他们直接整合到你的网站上。制作漂亮的电子邮件,创建登录页面,收集和管理线索-所有在Mailchimp。

ConvertKit

convertkit标志

ConvertKit是一个面向在线创作者的电子邮件营销平台。获得为您的业务或博客收集和培育潜在客户所需的工具和自动化。通过自动电子邮件提高转化率,并深入了解您的订阅者在自定义旅程中的哪个阶段。

垂直叠加

垂直叠加的标志

垂直叠加允许在线创建者轻松创建基于订阅的电子邮件时事通讯。创建你自己的出版物,开始你自己的时事通讯,并通过写你喜欢的东西获得报酬。

客户支持

客户支持工具设计用于与现有和潜在客户进行对话。

对讲机

对讲机的标志

对讲机是一个客户消息平台,允许您与客户联系。它有助于在客户生命周期的每个阶段推动忠诚度和增长。在您的网站上集成聊天机器人,以支持销售、营销和客户支持团队-所有这些都使用对讲机。

支付

在线支付处理器,用于在任何网站或应用程序上发送和接收付款。

条纹

条纹的标志

条纹是一款针对互联网企业的在线支付处理工具。轻松连接Stripe到您的网站与其支付api套件,专为任何规模的企业。

贝宝

贝宝的标志

贝宝是一个在线支付系统,允许您接受和发送付款。使用PayPal支付,发送或接受几乎任何业务的付款。

用户研究

用户研究工具旨在帮助获得用户洞察,以做出数据驱动的决策。

优化车间

优化车间

优化车间是一个用户研究平台,帮助您根据用户数据做出决策。将见解转化为行动,增强用户研究、用户体验设计或信息架构。

原型设计

为个人和团队设计的原型工具,从构思到最终的艺术作品。

InVision工作室

invision

InVision工作室是一个屏幕设计工具,允许团队设计,原型,和动画-所有在一个地方。

Figma

figma标志

Figma是一个协作界面设计工具,旨在快速原型和收集反馈。创建、测试和发布更好的设计——所有这些都集中在一个地方。

草图

素描的标志

草图是一个数字设计工具包,设计用于创建、原型和协作设计。从自由职业者到大型团队,Sketch帮助设计师从想法到最终的艺术作品。

Adobe XD

adobexd标志

Adobe XD是一个为各种规模的团队创建的UI/UX设计和协作工具。为网站、移动应用程序、语音界面、游戏等创建设计和原型。

筹划者

筹划者的标志

筹划者是一款闪电般快速的交互设计工具,为生活带来创意。创建响应式布局和设计功能原型与Framer。

Baidu
map