2018年7月22日（第十届可视化发展前沿研究生暑期学校第七天）上午，来自加拿大蒙特利尔École de Technologie Supérieure (ETS)的Michael Mcguffin教授向大家介绍了可视化原型设计以及菜单设计相关知识。Michael McGuffin是加拿大魁北克蒙特利尔École de Technologie Supérieure的副教授，研究方向为信息可视化和人机交互，曾获IEEE InfoVis 2009最佳论文提名奖。
图1 Michael Mcguffin在授课
Michael Mcguffin首先和大家探讨如何通过绘制草图和纸质模型开展可视化原型设计。草图不是一个精美的绘画。它是一个设计，一个用来帮助使用者表达和交流想法的工具。一个想法创立之初，往往不是最好的想法。我们需要将这一想法不断迭代，才能逐渐接近最好的方案。但是，设计者也很有可能陷入到局部最优解中。因此需要在初始阶段提出很多个新想法，以便找到全局最优解。Michael指出，在尝试新想法的阶段，数量往往比质量更重要。这时草图便展现出了它的优点。草图有以下几个特点：
- 速度快。草图可以在很短的时间内就完成。
- 及时性。草图可以在需要的时候及时提供。
- 一次性。草图是一个设计，而不是具体的执行。草图是可以被丢掉的。
- 丰富性。每一个草图都是有意义的。
Michael还指出，处于设计早期的设计师更注重想法的迅速生成与操作，以避免在设计进程早期即投入不必要的精力进行细节设计。随后，Michael也为我们列举了一些好的草图本的例子。Michael指出为用户界面绘制草图的优点包括模糊性：草图易于让设计师将注意力放在总体设计上，而不是颜色、字体等其他细节；歧义性：草图可以用多种方式解读，一位设计师的草图可能为其他同行带来新的意想不到的启发。
图2 草图案例
纸质模型是帮助开展一个想法的初步实现。纸模比较稳定，而且易于制作和修改。纸模有以下几个优点：
- 易于制作及修改，代价低。
- 无需专业知识即可操作，设计师与客户/用户可共同参与建模。
- 纸笔媒介的非正式性更激发创造力。
- 在客户眼中纸模显而易见处于早期开发状态，可减少客户对提出重大修改建议的顾虑。此外，客户也会明白软件开发仍未完成。
- 设计师对纸模的情感维系低，更易于接受对纸模的批评及重大修改建议。
同时，我们也可以在纸模上模拟用户的操作。除了纸模之外，Michael也举了一些用其他工具进行建模的例子，比如Google Glass。曾有人用等重的橡皮泥模拟Google Glass，发现鼻子和耳朵会有明显的压迫感。Michael介绍了几款建模的软件，比如试验建模工具SILK (Sketching Interfaces Like Krazy)，网页建模工具DENIM (Design Environment for Navigation and Information Models)等。最后，Michael提出递次建模与平行建模的选择的问题。而这也是之前提到的数量与质量的选择的问题。因为在尝试新想法的阶段，数量往往比质量更重要，所以我们选用平行建模而非递次建模。平行建模有如下几个好处：
- 可以尝试更多的创意。
- 更多的创意有利于在多个可能性之间作出比较，或将它们互相结合。
- 可在开发早期排除掉较差的设计，避免在这些设计上陷入瓶颈。
- 易于设计师将“自我”从设计上剥离，更易于接受批评与修改建议。
图3 同学们在课堂上进行原型设计
接下来课程讨论了弹出菜单。它有很多的好处，可以减少鼠标移动的距离，也可以增加屏幕上的有效空间。那么，我们能不能改进弹出菜单，使得它有更多的优点呢？Michael提出了径向菜单的概念。相对于传统的线性菜单，径向菜单有如下几个优点：
- 相对于线性菜单中拖动不同的距离，径向菜单里拖动不同的角度更容易记忆。
- 径向菜单比线性菜单更快速。
- 径向菜单可以不看屏幕进行操作。
我们也可以改进图形的显示，不绘制大的饼图。同时，我们也可以将径向菜单分层，用上述方法改进分层径向菜单的显示。在径向菜单的基础上，Michael介绍了另一种弹出菜单，叫做标记菜单。标记菜单允许用户绘制手势，而不是在菜单中进行选择。相比较于径向菜单，标记菜单有另外几个优点。它可以拥有自己的手势集，也可以用来选择对象或者命令。但是，标记菜单最多只允许8个左右的手势，以及最多3个层次。
在提问环节，面对同学们的竞相提问，Michael也耐心细致地一一作答。同学们对Michael讲述的内容十分感兴趣，课程结束时同学们报以极其热烈的掌声。
评论关闭。