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讲述的内容十分感兴趣,课程结束时同学们报以极其热烈的掌声。
评论关闭。