儿童键盘输入交互方式探讨：为熊孩子设计的输入法

2017-07-25 12:36来源:人人都是产品经理

原标题：儿童键盘输入交互方式探讨：为熊孩子设计的输入法

想必针对婴幼儿用户所设计的产品出发点与普通的产品设计出发点一定有所不同，那么在设计幼儿产品时，应该考虑哪些交互细节点呢？文章以一款儿童输入法为例，为我们解读了在儿童产品设计过程中该注意的一些交互细节点。

为孩子们进行的设计，与我们的设计会有什么不同呢？

把范围缩小一点，孩子使用的输入法呢？是拼音？还是王码五笔呢？

从一个儿童输入法系统说起

在一个韩国的一个展览上，出现了这样的一个输入系统，孩子可以触屏去输入韩文。输入区域由类似于偏旁部首的元素构成，只需要点击键盘，就可以在界面中生成文字。

（韩国一展览上的输入屏幕）

看起来，这个设计似乎没有什么太大的问题？

但有一位设计师，因为孩子出生了，所以想要探讨一下孩子使用键盘输入的交互方式，顺便尝试一下教育。于是他设计了一款app。这个系统的设计过程中，设计师一直在做不同的用户测试，尝试脱离自我，真正用小孩子的视角去看问题。

例如说下图是小孩看文字的视角，上下两组文字的含义是一模一样的，但是由于字体不同，有些偏旁部首粘连的情况不一样，对于小孩子，他们会把相连的块状结构看成是一个东西，下图中的颜色就代表了他们的视觉归类。

（孩子眼中的韩文字分区）

先来点基本的知识吧

要更加深入去理解上面那张图的话，先用我简陋的理解跟大家科普一下最基本的韩语知识。

先讲一下韩文字的基本原理（见下图）。

（韩文字识别表-部分）

简单来说，上图中横轴可类比于拼音中的声母，纵轴可类比于韵母，他们是一一对应的关系，上图中横轴的“ㄴ”对应于“n”，纵轴的“ㅏ”对应于“a”，所以整个字“나”就读为“na”。韩文是一种看见了，就可以读出来的语言。“读”的方面，相比汉字真的简单粗暴很多。

另外就是一个关于布局的小问题，因为待会也会涉及到。横轴的元素会在字的左或者上方（ㄱㄴㄷㄹ等），纵轴的元素则会在右或者下方（ㅏㅑㅓㅕ等）。

为熊孩子量身定做的输入方式

回到这个app，实际上是经过了三个阶段：

1. 第一个阶段（偏旁+键盘）

正如我们一般理解的键盘输入法一样，把文字部件拆分，让小孩子打字输入文字，给予奖励提示。再加上一些自动完成功能，更加提高打字的效率。

（韩字输入设计-阶段1）

理所当然，是吗？

但小孩子不买帐。首先键盘与屏幕之间的关系对于他们就是一个很难理解的地方，为什么本来出现在下方的东西，会出现在上面？

然后刚刚说到的自动完成与调整功能，更是对孩子的挑战，为什么同一个位置的东西突然跑到其他地方去啦？如上方动图所示，为什么本来在字下面的“o”会突然变了位置，出现在其它字的上面了呢？

对于我们，键盘输入是系统学习之后的理所当然，对于孩子，一开始就还没系统接受文字教育，所以如果跳过这一步，先学习键盘打字这样的东西，自然不是马上能接受。

2.第二阶段（偏旁+键盘+动效）

（韩字输入设计-阶段2）

动效加强了键盘与屏幕之间的联系，起到引导的作用。取消自动完成，避免孩子对文字位置的混淆。还记得开头提到的韩文元素位置吗？横轴的元素会在字的左或者上方（ㄱㄴㄷㄹ等），纵轴的元素则会在右或者下方（ㅏㅑㅓㅕ等）。

因此这一阶段的设计，打乱了传统的键盘布局，根据韩文元素的位置，重新安排键盘的布局。由图中可见，键盘左上方出现的元素是ㄱㄴㄷㄹ等，键盘右下方则是ㅏㅑㅓㅕ等。 3.第三阶段（偏旁+触屏+拼图）

（韩字输入设计-阶段3）

真正的问题在哪里？认知，识别。孩子们需要更更更直接的交互。