如果你看到了左下角的菜单，你认为我当前选中的是什么？你还是犹豫了一会对吧？最终大多数人，包括当时的我在内，还是认为当前选中的是设为头像吧。因为在我们对于导航栏的心智模型中，选项被选中或是被鼠标划过时才应该呈现高亮状态，而其他选项是比较暗的颜色。这也符合人的正常视觉特征，需要重点突出的东西要明亮一些。可校内的这个设计确正好相反，图中当前被选中的竟然是“上传”！

这样的设计贯穿校内手机版的始终，但在某些情况下问题不太明显，如下图：

看到上面的导航，虽然有些别扭，但不会导致过多的犹豫，因为不可能一次选中3个。但对于开始那种情景，选项只有两个，这时候就会产生较大的歧义。虽然用户之前使用其他页面导航的时候没有出现问题，但这只是由于某些限制因素（比如上图）限制了用户的其他猜疑，而一旦这种限制因素不存在了，歧义便会接踵而至，变成了坏设计。

而且导航菜单对于按键的响应也存在问题：
选项多于两个的时候，可以看到：选项上下跳跃与手机按键上下操作是匹配的。据此也可以找到当前所在的选项。
而只有两个选项时，你知道我按的是上还是下呢？一阵乱按？此时来自按键的辅助判定也没有了。于是orz了……
具体看我录制的视频：

对于这种情况应该怎么做？
一种方法是统一修改导航设计。
很纳闷为什么网页版校内没有这类问题，而手机校内会出现？

上图是网页校内的导航，光标当前指示的选项被高亮了，没有任何歧义。

但也不排除某些特殊情况，还是被弄的楞晕…如下：

VS
选项设计得真像太极阴阳鱼。当你看到太极阴阳鱼的时候，你觉得哪个是被选中的呢，或者说哪边应该是重点呢？

统一导航设计就是要统一风格和视觉元素，该深蓝的都深蓝，该浅蓝的都浅蓝，不要一会这一会那，搞得用户头晕。当然前提是这种设计是显式的，是不需要用户思考的，校内手机版的统一设计就是个反例。

另一种办法就是有针对性的调整，这与视觉风格统一并不矛盾，只要不搞成阴阳鱼这种两难的选择就行。针对两个选项的，可以添加部分视觉元素给予区分，不要只通过颜色。既然手机版的选色不太符合用户心智模型，但在大多情况下也可以区分，那就在出现阴阳鱼或只有两个选项时，添加点小附件来区分一下。

修改后如下图：

由于加入了指示性的元素，理论上此处可以不再引入颜色差异，但因为手机屏幕比较小，单用小箭头区别看起来会比较累，所以颜色差异还是有必要保留的。这样虽然可能会引入视觉噪音，但至少可以避免歧义。

总之呢，做交互设计即要有全局观念，又要对细节给予足够的关注。而往往正是这些细枝末节，决定了用户如何使用你的产品，进而影响了产品的成败。

校内很守规矩，每次访问任何文件夹都要先询问，而且从来记不住上次访问过的地方。就像是探讨人生的时候，每动一下都不厌其烦地问疼不疼，第一次还算你体贴入微，可每次都这样，还有快感么？

文件夹下的照片还不提供缩略图，要是没有特别的文件名，你就得一张张地预览才能找到那些要上传的文件，特别是列表很长的时候，手都按酸了。过了N9，终于找到了要上传的文件，于是左软键选择，选择菜单下有两个按钮，设为头像和上传。点上传，让选择上传到哪个相册，选好了，ok，上传成功。于是又传另一张，预览了一下，又点选择，但这时没有关掉预览窗口。事实上根本没告诉怎么关，要是点击右软件取消就退出了上传操作，还要被再问N遍疼不疼……后来发现原来再点一下预览键，预览就关了。

话说在没有关掉预览的情况下，点了选择，弹出来菜单：设为头像和上传。于是点上传，这次居然没有让选择相册就嗞溜一下传上去了。我当时还想这回终于记住了，刚才传哪这回也默认传到哪，不过好像不太合逻辑，正琢磨着呢，跳出一提示说设置头像成功！orz…我没让设置头像啊，再说这截图是游戏人物，也不能当头像啊，要不没星了啊！所以严重怀疑刚才自己点错了，接着陷入深深地懊悔之中，好在没多久就把头像改了回来，星还在。但同样的事情就在刚才又发生了。

这次是我玩深海钓鱼的一张截图，是钓上来的一件比基尼，不知哪位mm的，估计可能游泳遇到了鲨鱼，于是准备留图纪念。上传时也是同样的情形，没有关预览图。这次我精力高度集中，因为事关声誉，确信自己点的是上传，不是设头像。结果，悲剧还是发生了，我的头像瞬间被变成了哥斯达黎加海域漂浮的一件c杯的比基尼……