Writeups

Just a blog.

PPT电子教案导航设计思考

PPT

就算是对前面一段时间的工作总结,此处撰文写一下我在工作中经常会遇到的PPT电子教案的常见导航模式及其优缺点。

其实导航,就是在纷繁的页面中,理出一个头绪,让头一次见它用它的人,就很容易上手。在这一方面,出版社制作的供广大教师使用的电子教案与个人制作用于演讲的PPT有本质区别。个人制作的PPT可以有很多隐形的链接结构等,演讲者自己对PPT心领神会,而且讲者会在PPT内容之余添加各种过渡或解释用语,一场演讲下来可以做到一气呵成、擅长淋漓。但是很多时候,我们如果脱离开演讲者的话语,仅看PPT的话,会觉得前后难以连冠,有的时候甚至不知所云。例如,我所在的单位搞过一次教师制作的PPT电子教案大赛。很多老师的PPT内容非常丰富,但是我们一页一页翻下来,感到没有连贯性和逻辑性。只有看了老师们用word写的教学设计,才能了解其PPT设计的初衷和PPT各页的内在关联。出版社提供给教师的PPT并不是给人看的,而是让人讲的。什么背后的教学逻辑或课堂设计都要拿到面上,这样才能让老师了然于胸。

本文先主要探讨一下不同目录层级的情况下,导航中使用目录及/或标签的选择方式以及注意事项。在此需要澄清一下的是,标签事实上也是一个层级的目录,只不过标签是出现在相应版块中每一个页面上,而树状目录则通常出现在PPT中个别页面上。

Tab页和目录页各自的优缺点以及弥补方式


Tab页导航方式的优点:

  1. 跳转路径短,通常情况下采用Tab页跳转比采用目录页跳转要少一步。
  2. 使用者对于自己当前身处何处比较了解,因为在相应Tab页上会有所体现。

Tab页导航方式的缺点

  1. 对于制作公司来讲,制作Tab页会比较大的增加工作量和错误率;而对于编辑来说,对于Tab页的检查要比对某个目录页的检查繁琐得多。
  2. Tab页要出现在每一个页面上,因此会占用页面空间。出于空间的考虑,Tab页数目不能太多、名称不能太长。例如:


这个教案乍看上去比较新潮,但是实际制作和使用当中就会发现,留给页面主体部分的空间太小,导致很多整体意义的内容要被分割,PPT做成很多页,而且主体内容的地位不够突出,旁边用于导航的空间太过喧宾夺主。

目录页导航方式的优缺点:

  1. 树状结构的目录页呈现整体结构会非常清楚。但是由于在每一页上没有提示,因此用户对于自己的当前位置不如Tab页展示的那样明晰。
  2. 采用目录页导航,跳转的路径通常要比Tab页长一步。

采用某一种形式的导航的时候,由于注意到这些优缺点,从而在策划界面的时候要有所侧重。比如,利用Tab页的时候,注意节省版面,利用目录的时候,注意路径简短清晰,让用户不容易迷路。同时,针对以上每一种缺点,都可以采用相应的弥补措施。例如,Tab页占空间的问题,可以利用将Tab页名称隐藏或用缩略语的形式呈现。例如:


这个教案就利用了首页先给每一种颜色定义了一种色块,然后在后面的页面当中,就用色块取代了带有具体文字的Tab页,只有当前页所在板块的Tab会显示文字,从而节省了页面空间。

另外一种解决Tab页占用空间的方式,就是将导航目录做成可以伸缩的目录栏形式。在页面上仅留下一个触发器的按钮,点击之后,显示整个目录,然后点击目录,目录自动滑到页面外面(这个方法利用PPT的基本功能就可以实现,当然利用宏的弹出窗体的功能,也可以实现)。这种滑动进出的目录虽然可以很好的解决空间和信息量的矛盾,但是遇到PPT中页面太多,目录又比较复杂的时候,有可能链接数目会超过PPT的承受极限。在我策划的电子教案当中,就碰到了这种罕见情况,200多页的PPT,每页上的目录就有二三十个,连带PPT中原本的单词解释、练习等等链接,最终做出来的PPT出现了bug。就是以前明明添加好的链接,却在后来使用的时候,怎么也不起作用了。这是因为PPT用于存储链接的空间上限是64kb,如果超出则会出现灵异事件,对于这个问题,可以参考这篇文章:http://support.microsoft.com/kb/249209。但是对于结构比较简单、链接数目没有这么变态的项目,可以考虑尝试这种导航方式。

如果采用目录页的方式,如果想要协助用户的定位,可以在页面不显眼的位置添加相关位置信息。例如:Part I » Exercise 3 这样的字样,也可以弥补用户定位难的问题。但是如果PPT整体结构简单,用户不容易迷路,那就完全没有必要再在页面上添加类似于定位信息的干扰项,从而保持页面至简。

Tab页和目录页的搭配使用


其实Tab和树状目录的搭配使用才是最常见的一种形式。因为,电子教案很少见到目录结构只有一层的情况。

针对多层目录结构,Tab与目录页的搭配准则就是:在一条路径上相邻的视觉上需要换页的两步上,不能使用相同的导航方式。比如说,目录结构是两层,用户第一步是点击一级目录中的一项,进入了一个新的页面,发现自己面临着另外一个目录页(对应的是二级目录),然后需要再次点击,进入对应的内容页面。用户过去的时候,可能还挺清楚,但是当她返回的时候,有可能就在返回一次,到达二级目录的时候,出现迟疑和迷惑。对应的做法是做双层的Tab页或双层的目录,比如目录页上一下子显示两个层级,而不是一个层级换一页。

例如:

上面这个教案,先点击了第一页上的Additional Resources之后又进入了一个目录页,是Additional Resources的下级目录。这种导航方式就是多此一举。不如在一个页面上解决掉。如果一个页面上放全部的二级目录放不下,那么完全可以将一级目录作成Tab页。

以下是几种导航方式的示例:

上面这个教案采用了典型的一级Tab+两层目录的形式。结构清楚,页面清爽。


上面这个教案巧妙地利用了颜色和横竖的布局,实现了三层Tab导航。虽然到达某个页面最多需要点击三次,但是视觉上,整个导航部分位置一直固定,好像是在同一个页面上切换一样。但是这个教案也有问题,就是中间主体内容的区域有些小了。


同样是三层Tab,上面这个教案用了太多的颜色和框线,使得页面显得非常的杂乱。


上面这个教案,本身导航方式没有什么问题,但是采用Tab页的方式,不仅不注意节省空间,反而还在上方如此浪费空间,呈现出非常明显的头重脚轻的感觉。

针对只有一层或者两层结构的PPT,不添加Tab页,只用目录页的形式实现,也没什么不好。制作简单,结构也没有什么不清楚,用户也不容易迷路。如下面这个教案:

导航的第三种考虑


其实说到导航,还有一种更为基本的方式,它不是在PPT之内实现,而是在PPT之外实现的,那就是利用文件和文件夹结构。如果一个PPT真的结构过分复杂,放在一个PPT里面导致文件冗长,导航繁琐。那么可以考虑将不同板块制作成不同的PPT,放在一个文件夹里。如果每个PPT又有众多的譬如音视频的链接文件,可以考虑分拆到多个文件夹中。外研社早期许多电子教案就是采用一拖多的这种形式。就是总的一个目录PPT就一页,分别链接至不同文件夹中的不同PPT文件。其实用户如果用哪一部分的话,可以直接到对应文件夹中获取所需即可。因此,分拆文件也是减少文件内导航层级复杂程度的一种方式,在必要时候,也可以考虑使用。

总之,导航这件事儿就是在跳转操作路径长度、用户自身定位的难易程度、页面空间的合理分布、用户跳转过程中迷路的可能性等因素间博弈。但是其实此处讨论这个问题也不是多么有意思的一件事情。理想的PPT不是做出来当作软件来使。最常见到的精彩PPT都是一线流。完全就是使用者思路的体现。现在电子教案的PPT都可以做到三层、四层的结构了,策划们还在绞尽脑汁思考着导航明晰、页面合理的问题,本身就是错用PPT这种媒介的一种表现。怎么说呢,努努力,我们可以做得让它更不那么让人不满意吧!