PDF《哪些是相同群组？》

哪些是相同群组? 令人困扰的指示板:化妆室在哪里? 上图是在 Twitter 造成讨论话题1 ,新宿一家 大楼的指示板.

请问化妆室(厕所)在哪里?同 时请一并思考理由为何? 看到这个指示板,会觉得化妆室在右边,也 会以为在左边,甚至认为在正前方.这称得上 是让人感觉有各种可能性,很容易明白问题出在 哪里的最佳烂 UI 案例.截至目前为止,我曾经 拿这个问题询问过将近

200 名讲生,大概有 7~8 成左右的讲生回答「左边」,其余认为 是「右边或上面」,请问你觉得在哪里? 绝大多数的讲生回答「左边」.关於这个 案例,弄错方向的人或许没有想像中多.当你在 冷静阅读本书或课等心平气和的状态下,看到 这个指示板,倒不会有什麽问题.可是如果你正 处於急著想上厕所,无法冷静的时候,就会感到 很焦躁了. 为什麽这个指示板会让人困扰,难以分辨化 妆室方向呢?别用简单一句「因为很难看懂!」 就带过.在学习 UI 的过程中,试著深入思考原 因,是非常重要的一件事. 让我们来分析一下这个指示板.首先,指示 板有

9 个方格,其中

3 格是大型箭头,其他

6 格包含手扶梯、化妆室等标志、多功能厕所 等资讯.箭头方格是用来指出该往哪个方向前 进,6 个资讯方格是显示这里有手扶梯、化妆 室.换句话说,应该要组合

6 个资讯方格及

3 个箭头方格,才知道手扶梯或化妆室的方向. 所以必须先了解,6 个资讯方格各属於哪个箭头 方格的群组. 先请注意「化妆室」的方格,想想看与化妆 室配对的箭头方格是哪一个?应该包含在「向右」、「向左」、「向上」哪个箭头群组内? 化妆室方格上面有往右的箭头,下面是往上 的箭头.然而,化妆室左边第

2 格是向左的箭 头.由於不容易分辨化妆室方格是和哪个箭头方 格同一组内,才会搞不清楚化妆室在哪个方向.

1 「抵达新宿,搞不清楚厕所在哪!制作这个告示板的人真的 是…Twitpic」 http://twitpic.com/6h3fd3 图4-1 化妆室在哪个方向? 上图是我实际到现场勘查之后,以红框显示 各方格所属群组的图示.如这张图所示,化妆室 方格与向左箭头方格为同一群组. 前往其他楼层时,发现别的地方还张贴著以 3*2 或1*3 组成的方格(下图).3*2 的方 格组合上层有向右的箭头,下层有往上的箭头, 但是这些箭头都统一放在右边,因此很容易t解 方格对应哪些箭头(只不过,这里的向上箭头会 与向右箭头相撞,最好上下反过来).另外, 1*3 方格组合只有

1 个箭头,所以根本不会弄 错.从随意安排方格位置以及贴法毫无原则来 看,恐怕是设计师没有规画方格的配置方式,而 建筑业者或管理公司就直接将设计师制作的方格 板以等距方式贴上去而已.一想到制作过程,就 觉得这真是非常有趣的烂 UI. 这组指示板是思考最佳配置的好案例,请你 动脑想看看,怎麽做才能避免产生疑虑. 图4-3 其他楼层的指示板(以3*2 或1*3 组合而成的指示内容) 图4-2 各个方格归纳在哪些群组内?