注：此文章主要指iPadOS和macOS平台的图形化界面应用Swift Playgrounds，非Xcode内无图形化的playground。

近几年“低代码”概念火热，其全称为“Low-Code Development Platform（以下简称LCDP）”，展示方式形如搭积木似的可视化编程，通过可视化、拖拽等行为将逻辑组装而成，如微软的Power Platform、钉钉中的功能等，各式低代码平台应运诞生。

同时，与“低代码”的形态颇为近似的“青少年编程”产品也应运而生，同时关于“技术背景”、“付费阅读”，搜索热度也日趋平稳。

潮流背后，具有几乎完美软硬件生态的Apple也抓住了这一机遇，于2014年6月推出了可视化编程产品“Swift Playgrounds”（以下简称“Playgrounds”）。

一、“游戏化”编程

屏幕左侧是实例的文字介绍，右侧是使用建模软件的操作界面，主角是byte。

第一个事例操作的 Playgrounds 主角Byte，在编程语言中直译为：字节。

Apple取名一向比较有特色，所有的电子产品和系统都以i开头，且iWork套件的“Pages、Numbers、Keynote”，直译就是“多个页码，多个数字，提案”，”字节”也不例外——是计算机技术用于计量存储容量的计量单位之一。

青少年对于图像的敏感度大于文字，故设置了“Byte”与可视化的环境，使用编程命令让主角动起来，可以显著提升他们对于编程的兴趣。

Playgrounds，为我们生动形象的阐述了编程的入门、为青少年展现一款编程入门的范本：如何让青少年接触编程，热爱编程，以及界面拥有哪些要素，可以拥有哪些要素，无需哪些要素。

Playgrounds（上）和Xcode（下）的界面对比

由图可知，Playgrounds 与 Xcode 较为显著的区别是以下几点：

前者（Playgrounds）代码完全是在屏幕最底部的候选词中进行备选，同时也具备键盘输入功能：一时间无法寻找所需代码之时（在笔记中可以自行输入想要的指令）。

而后者（Xcode）作为Apple的生态开发独当一面的程度上与专业性上来看，首先完备的开始菜单可见一斑：无论是 Cocoa 框架，还是AR应用，Xcode 都可以直接开发；Xcode 有拖放控件的 Storyboard，任意增加各种控件，而 Playgrounds 仅拥有写好的互动界面“调试”功能与断点调试，Playground 只有简单的红点提示，点击后则会弹出具体的错误提示……

不过，Playgrounds很巧妙的将繁杂的开发文档隐藏了起来，需要的时候可以打开查看：

以及需要添加的内容直接通过+号展现，无疑减轻了用户在编程时候的压力：

笔者北里熊曾在某产品平台中提出过一个问题：如何评价微信Web开发工具这个产品？会是国内IDE的“开创”性产品么？

是在微信小程序编辑器推出之时，与专业的 Xcode 和 Android Studio 进行的对比。

诚然，笔者认为微信小程序仅仅是对于开发环境的功能与设计上的比较，相对于Playground这类游戏化的模拟开发，还是有所区别的。

同样是Apple产品，Playgrounds 保留了文字介绍、及时反馈的功能，轻点“运行我的代码”，主角会完成相应的任务，到达目的地。这种关卡的设计带有一定的挑战性，可爱的主角的各种动作同时也提升了趣味性，这样游戏化的设计可以使用户“上瘾”，学习编程根本停不下来。

在上瘾模型中，美国学者 Nir Eyal 提出：从触发、行动、多变的酬赏再到投入。

这样一个模型，我们也可以运用在这个软件中，通过这个模型，更好地思考这个软件。

在软件的界面中，左侧为每一个关卡的详细介绍，右侧则为所熟悉的有趣的图形化界面。

1）触发和行动

触发，即为文案，通过文字与动画的描述令用户开始第一个行为：阅读文字，输入编程指令：

下图中展示了 Apple 对于触发的理解，也深知用户可能会进行潜在的失败：

文章来源：《电脑编程技巧与维护》 网址: http://www.dnbcjqywh.cn/zonghexinwen/2021/0522/1098.html