谈谈触控2.0的卡片式界面

    与触控2.0相匹配的，不是图标式界面，而是卡片式界面。这是因为卡片式界面的操作效率要明显高于图标式界面的操作效率。

    影响触控操作效率的两大因素，一是操作目标的搜索速度与定位速度，二是触摸手势的比划速度与比划 步骤。

    在触控操作中，操作目标（如卡片、图标）的搜索速度与定位速度越快，触摸手势的比划速度越快，触摸手势的比划步骤越少，触控操作效率就越高，反之亦然。

    我已经在《谈谈触控2.0的模拟操作》 一文中，详细分析了触控2.0的触摸手势比划速度和比划步骤都明显优于触控1.0，本文将为您详细分析卡片式界面的卡片搜索速度与定位速度要明显快于图标式界面的图标搜索速度与定位速度。

    一、卡片式界面的卡片搜索速度快

    基于以下三大优势，卡片式界面的卡片搜索速度要快于图标式界面的图标搜索速度。

    矩形卡片的优点之一是能够充分利用屏幕空间，最大限度地放大矩形卡片的几何尺寸。

    圆形图标是整齐划一的，几何尺寸相差不大，虽然图标下方通常配有文字说明，但是，这些文字说明仅起辅助作用，用户主要通过拟物化设计的图标进行快速地识别。

    随着各种应用的爆增，图标的拟物化设计越来越困难。糟糕的拟物化图标，反而增加了用户的识别难度。

    矩形卡片既可以放大，也可以缩小，最大时可以充斥整个屏幕。所以，矩形卡片的几何尺寸通常比圆形图标的几何尺寸要大得多。

    矩形卡片的优点之二是比图标大得多的卡片，能够容纳下内容丰富、形式多样的操作提示信息，有助于用户更好地了解操作对象和操作内容。

    矩形卡片上的操作提示信息可以是图标加文字，也可以是图片或者图片加文字，还可以是视频（音频）加图片或者视频（音频）加文字，甚至可以是纯文字。

    矩形卡片的优点之三是，在比图标大得多的矩形卡片上，视频（音频）信息、图片信息、尤其是文字信息更大、更醒目、更易于用户快速扫描识别。

    实测数据也表明，卡片式界面的卡片搜索速度要明显高于图标式界面的图标搜索速度。

    触控2.0操作时，屏幕上的卡片不是用来点击的，而是用来提示用户操作的。所以，在触控2.0中，没有必要再采用图标式界面，而是用卡片式界面取代了图标式界面。

    二、卡片式界面的卡片定位速度快

    基于以下三大优势，卡片式界面的卡片定位速度要快于图标式界面的图标定位速度。

    这里所说的定位概念，不是指如何确定卡片的所处位置，而是指如何确定卡片的所处方位，因为在触控2.0中，用户手指在触屏上比划什么样的触摸手势，完全是根据标示所要操作功能的卡片在页面中的所处方位来确定的。

    卡片式界面的优势之一是，可以通过设置空卡片，以保持九宫格卡片页面的完整性。所谓空卡片，是指不标示任何操作提示信息的卡片。

    九宫格卡片页面是卡片式界面的标准形态。在九宫格卡片页面中，各张卡片所处方位是相当清晰的，用户也非常熟悉这种布局方式。

    图标式界面是不适合设置空图标的，所以，不足九个图标的界面难以构成九宫格图标页面。

    卡片式界面的优势之二是，矩形卡片可以无缝连接构成一个个卡片群，各个卡片群之间保留有明显的间隔区域，用户非常容易区分。

    而在图标式界面中，圆形图标之间是无法无缝连接构成一个个图标群的。所以，各个图标之间的间隔区域与各个图标群之间的间隔区域是不那么清晰的，用户也不大容易区分。

    卡片式界面的优势之三是，各张卡片在卡片群中的所处方位非常容易区分，用户一眼就能看清楚。

    无论是多少张卡片，通过合并、缩放等手段，总是可以将各张卡片无缝连接成一个卡片方阵，构成九宫格卡片页面、八宫格卡片页面、七宫格卡片页面、六宫格卡片页面……

    而在卡片式界面中，图标之间是要保留一定的间隔区域，各个图标在图标群中的所处方位是比较模糊的，用户不易一眼就能看清楚。

    实测数据表明，用户对卡片群的记忆速度要明显好于对图标群的记忆速度，用户对卡片群的记忆保留时间要明显长于对图标群的记忆保留时间。

    上述分析表明，如果说图标式界面与触控1.0是绝配的话，那么，卡片式界面与触控2.0也是绝配。可以预测，触控2.0因卡片式界面而优势尽显，卡片式界面也会因触控2.0而真正火起来。

（本文作者：中国汉字工程院院长钟林）