atppp's Blog

October 27, 2007 7:07 pm GMT-0700 | In Tech

网站设计里的流氓行为一般人注意不到，但是作为一个技术愤青，每看到一个流氓设计，我就会骂一次。

偷输入焦点。有些网站的输入框是这样设计的：当鼠标移上去就获得了输入焦点，然后不用点鼠标就可以直接键盘输入了。这看似人性化，实则却非常违背常理，我喜欢在哪里输入就在哪里输入，怎么我动一动鼠标移过了你的输入框你就认为我要在你那里输入了呢？你傻不傻啊，请问有哪一个 windows 程序是这样设计的？难道你要跟我说某类诡异的 X window 窗口管理器么？你真要提醒我这儿有个输入框可以，变变色比方说，但是你不要把我的输入焦点抢了啊。
搜索框里提示这里可以搜索。一般这类搜索框是这样设计的：初始设置文字 ‘search here…’；onfocus() 判断如果内容是 ‘search here…’ 则清空输入框；onblur() 判断如果内容是空则重置输入框内容为 ‘search here…’。这个很聪明的设计看似节省了提示文字的空间，但在我看来实在是可以列入 SB 吉尼斯纪录。你要提示这儿有个搜索框，写在搜索框旁边会死啊？一个好好的网页难道就缺这么一点儿空间吗？网页搞得密密麻麻号称信息密度高的网页一般来说可读性却很低。而且，如果我在框里输入了东西，’search here…’ 就出不来了，我反而不知道这个输入框是干啥的了。另外，我还有一个习惯是在网页里面选中文字拖进搜索框进行搜索，对于这类 SB 设计的输入框，我拖文字进去就变成了 ‘search h选中的文字ere…’，真是傻极了。
滥用 javascript。有些网站哪怕一个普通链接也要用 javascript 函数来跳转，搞得我没办法直接在新窗口打开这个网页。你要搞点小动作可以在 <a 的 onclick() 里面搞，href 给我好好的写上目标网页的 url 有这么难吗？
滥用 flash。flash 是个好东西，但是不要滥用。比方网站导航结构不要用 flash，要不然没装或者关掉 flash 的地方就不能正常使用网站了。
某个门户网站把广告和搜索结果搞得几乎一模一样的 style，faint。还有漂浮广告，随便乱弹新窗口，等等等等，批判这些的貌似很多，我就不写了……

Tags: usability, web

7 Comments »

RSS feed for comments on this post.

还是我的日记的搜索框好，直接就是一个框，啥都不告诉你是干嘛的，应该大家都能猜到吧。

Comment by elephant — November 1, 2007 9:18 pm GMT-0700 #
a core把水木首页的输入框改了吧~~~

Comment by forcey — November 4, 2007 10:15 pm GMT-0700 #
orz 那个不归我管。。

Comment by atppp — November 4, 2007 11:05 pm GMT-0700 #
继续评。偷焦点这件事情是俺最痛恨的了。为啥？因为俺在firefox里面也用single key vi keybinding。只好搞了个greasemonkey script杀掉这些js。好像还数yahoo首页的那个最不规矩。google finance也学坏了。

flash也不爽。貌似flash 控件也会steal keyboard focus……，不过还好，不按就没事。

Comment by alpha — November 7, 2007 1:45 pm GMT-0700 #
用全角总行吧。。。sorry a总

〈script〉
function clearIt(obj)
{
if(obj.value == obj.defaultValue)
obj.value = “”;
}
〈/script〉

〈input type=text value=”search here…” onfocus=”clearIt(this)” ondrop=”clearIt(this)”〉测试搜索框

〈p〉
苏州降兵们高喊“馒头！馒头！”的镜头有点奇怪，苏州那一代的人应该以米饭为主食吧，怎么这么热衷馒头，我怀疑陈导是在讽刺张导的黄金甲。但是有个严重的BUG不得不说，就是苏州的馒头应该是有馅的，片子中的没有，不真实啊。
〈/p〉

Comment by asker — January 4, 2008 1:39 am GMT-0700 #
不好意思 ondrop是IE的非标准事件
firefox里边用需要加上这些代码：

var search=document.getElementById(“search”);
window.captureEvents(Event.DRAGDROP);
if (search.addEventListener)
search.addEventListener(‘dragdrop’, clearItFF, false);

Comment by asker — January 4, 2008 3:23 am GMT-0700 #
admire asker.
btw1 wordpress 真土鳖
btw2 firefox 真土鳖

Comment by atppp — January 4, 2008 9:28 am GMT-0700 #