2007-10-27
【糟糕的设计】网易新闻Tab
【阅世书生原创·转载请注明出处】
那天看了陈宵的Blog，提到一个UI设计上的糟糕体验，感同身受。这样糟糕的Tab应用并非罕见。同样的毛病网易新闻页面也在犯。
这是在浏览新闻时，页面下方出现的画面。
但是等我想过来点击，把鼠标移过来的时候，却发现，我想点的东西，不见了。怎么回事？
我小范围地动了动鼠标，没变化。我把鼠标移回到新闻上，发现下面还是没变化。这样来回移动了几次之后，我终于发现了其中的奥秘。
原来问题出在那个Tab上。网易把这里的Tab变化事件处理成鼠标经过就触发。仔细看，第一张图里的Tab是停在“新闻”上的，第二张之所以找不到我要的链接，是因为此时Tab停在“图片”上了，所以没有对应内容了。而导致上述问题发生的原因，只是我在试图点击相关新闻链接的时候，鼠标路过了图片Tab，如上图。显然，这样的用户体验是有问题的。
那么如何解决呢？
在不改变Tab效果的前提下，我从UI上提出两点办法：
1，将Tab的区分做得更明显一些。让用户能更容易分辨四个Tab，尤其是当前Tab；
2，将四个Tab适当放宽，从而使鼠标不容易在移动的过程中飘到旁边的Tab上。
以上两点改进，是基于这样的考虑：现在的问题在于用户太容易触碰到不相关的Tab，那么改进的方向应该是，让用户不容易激活非当前Tab。
