清洁工的日志

来源：http://www.ui-style.com/

我们在工作中总结了一些有关界面设计与测试的规范，与大家共享。

界面设计与测试规则

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。

目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。

1：易用性：

按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则：
1):完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。
2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
3):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。
4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。
5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。
7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab
8):默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。
9):可写控件检测到非法输入后应给出说明并能自动获得焦点。
10):Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
11):复选框和选项框按选择几率的高底而先后排列。
12):复选框和选项框要有默认选项，并支持Tab选择。
13):选项数相同时多用选项框而不用下拉列表框。
14):界面空间较小时使用下拉框而不用选项框。
15):选项数叫少时使用选项框，相反使用下拉列表框。
16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。

2： 规范性：
通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具厢。 规范性细则：
1):常用菜单要有命令快捷方式。
2):完成相同或相近功能的菜单用横线隔开放在同一位置。
3):菜单前的图标能直观的代表要完成的操作。
4):菜单深度一般要求最多控制在三层以内。
5):工具栏要求可以根据用户的要求自己选择定制。
6):相同或相近功能的工具栏放在一起。
7):工具栏中的每一个按钮要有及时提示信息。
8):一条工具栏的长度最长不能超出屏幕宽度。
9): 工具栏的图标能直观的代表要完成的操作。
10):系统常用的工具栏设置默认放置位置。
11):工具栏太多时可以考虑使用工具厢。
12):工具厢要具有可增减性，由用户自己根据需求定制。
13):工具厢的默认总宽度不要超过屏幕宽度的1/5。
14): 状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
16)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。
18)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
19):右键快捷菜单采用与菜单相同的准则。

3：帮助设施：
系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则：
1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)。
2)：打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。
3)：操作时要提供及时调用系统帮助的功能。常用F1。
4)：在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
5)：最好提供目前流行的联机帮助格式或HTML帮助格式。
6)：用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
7)：如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
8 )：在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

4：合理性：
屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。

合理性细则：
1)：父窗体或主窗体的中心位置应该在对角线焦点附近。
2)：子窗体位置应该在主窗体的左上角或正中。
3)：多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
4)：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
5)：错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
6)：与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。
7)：对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。
8)：非法的输入或操作应有足够的提示说明。
9): 对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
10):提示、警告、或错误说明应该清楚、明了、恰当。

5：美观与协调性：
界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。

美观与协调性细则：
1): 长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
2): 布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。
3): 按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
4): 按钮的大小要与界面的大小和空间要协调。
5): 避免空旷的界面上放置很大的按钮。
6)：放置完控件后界面不应有很大的空缺位置。
7): 字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观，很少使用超过12号的字体。
8): 前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows界面色调。
9): 如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
10): 大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
11): 界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
12): 如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
13)：对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
14): 通常父窗体支持缩放时，子窗体没有必要缩放。
15)：如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

6：菜单位置：
菜单是界面上最重要的元素，菜单位置按照按功能来组织。

菜单设测试细则：
1)：菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows风格。
2):常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
3):下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
4): 一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
5): 没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。
6): 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
7): 菜单深度一般要求最多控制在三层以内。
8): 对常用的菜单要有快捷命令方式，组合原则见8。
9):对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。
10)：菜单前的图标不宜太大，与字高保持一直最好。
11):主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
12)：主菜单数目不应太多，最好为单排布置。

7：独特性：
如果一味的遵循业界的界面标准，则会丧失自己的个性.在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。

1):安装界面上应有单位介绍或产品介绍，并有自己的图标。
2):主界面，最好是大多数界面上要有公司图标。
3):登录界面上要有本产品的标志，同时包含公司图标。
4):帮助菜单的“关于”中应有版权和产品信息。
5):公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

8：快捷方式的组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows及其应用软件中快捷键的使用大多是一致的。

菜单中：
1):面向事务的组合有:
Ctrl-D 删除 ；Ctrl-F 寻找 ；Ctrl –H替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。

2)：列表:
Ctrl-R ，Ctrl-G定位；Ctrl-Tab下一分页窗口或反序浏览同一页面控件。

3):编辑:
Ctrl-A全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z撤消操作；Ctrl-Y恢复操作。

4)文件操作:
Ctrl-P 打印；Ctrl-W 关闭。

5):系统菜单
Alt-A文件；Alt-E编辑；Alt-T工具；Alt－W窗口；Alt－H帮助。

6):MS Windows保留键:
Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认操作 ；Esc 取消按钮/取消操作 ；Shift-F1 上下文相关帮助。

按钮中：

可以根据系统需要而调节，以下只是常用的组合。
Alt-Y确定(是)；Alt-C取消；Alt-N 否；Alt-D删除；Alt-Q退出；Alt-A添加；Alt-E编辑；Alt-B浏览；Alt-R读；Alt-W写。
这些快捷键也可以作为开发中文应用软件的标准,但亦可使用汉语拼音的开头字母。

9:安全性考虑：
在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的操作也会因没有存盘而全部丢失。

安全性细则：
1)：最重要的是排除可能会使应用非正常中止的错误。
2)：应当注意尽可能避免用户无意录入无效的数据。
3)：采用相关控件限制用户输入值的种类。
4)：当用户作出选择的可能性只有两个时,可以采用单选框。
5)：当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。
6)：当选项特别多时，可以采用列表框，下拉式列表框。
7)：在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。
8)：对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
9):对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
10):对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
11)：对错误操作最好支持可逆性处理，如取消系列操作。
12):在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
13):对可能造成等待时间较长的操作应该提供取消功能。
14)：特殊字符常有；;’”><,｀‘：“［”｛、\|｝］+=)-(_*&&^%$#@!~,.。?/还有空格。
15)：与系统采用的保留字符冲突的要加以限制。
16)：在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
17)：有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

10:多窗口的应用与系统资源：
设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
1)： 在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。
2)：在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS系统资源。
3)：关闭所有窗体，系统退出后要释放所占的所有系统资源 ，除非是需要后台运行的系统。
4)：尽量防止对系统的独占使用。

使用选项卡，您可以:

• 使用一个 Internet Explorer 窗口查看所有网页。
• 查看所在页面时打开后台选项卡中的链接。
• 使用收藏夹和主页选项卡可以一次保存和打开多个网页。

若要执行此操作:

• 按住 Ctrl 键单击链接(或者使用鼠标中键)。
• 使用鼠标中键单击任何选项卡可以关闭该选项卡。
• 从地址栏或搜索框按 Alt+Enter 可以在新选项卡中打开结果。

g

g

gert

此前见过一文，digg推给我们的不一定时真实的，深以为然。digg不单推给我们的不全是精华，有时候，甚至是垃圾。谁在背后呢？我定义为雷锋式的好同志。当然，我的出发点是纯洁的，排除了某些为了利益而操作最后却装作若无其事的人，卑鄙点的，更是宣称，digg真的很民主，连站长自己都无法控制，摆明了忽悠那些相信技术民主的人。

我说的雷锋，是存在的。digg的一顶，虽是举手之劳，可是却完全不同于以往的“顶”。

从传播的形式上看，无论是邮件组，BBS还是现在的digg，抽象点都可以看作是一对多的传播模式。设定，或者是发现（现在流行说“掘”）一个议题，然后多个用户与之发生关系。邮件组和BBS都经过了辉煌的时代，辉煌的一个原因是在一个议题的讨论中，自己的价值能够以某种形式表现出来，比如说，论坛的ID，积分，头衔，这些看似简单的东西实际上起到了一个阶层分化的作用。不同的用户价值体现代表了不同的特权，在分层厚产生了差异，由差异就产生了用户驱动力，这个过程就完成了一次“顶”。我们常常会看到，在BBS里，即使是一个顶贴，表现形式十分丰富，无论何种方式，即便是简单地写上上up，在这个议题下的某层楼里就会找到你，你的“站位”出现，就是一种价值，表明了你参与了，并且，可以很清楚地被别人感知。这样就实现了你的价值。

 反观digg，很多人埋怨，看得多，dig的少，为什么呢？为什么只需要简单地点击下按钮就可以实现推荐的效果，网民却不愿意去点呢？雷锋太少了！之所以这样说是因为，目前的digg实在没有强大的用户驱动力来促使网民去动一下鼠标。驱动力来自哪里？人都是趋利避害的，渴望被认同，渴望被关注，渴望自己的价值能够实现。dig一下可以给他们带来这些吗？不可以吧！那我来dig这一下有什么好处呢？dig一下就可以把好的东西推上去让大家分享了阿，恭喜你，你的确是一个善良的雷锋，真可惜，太稀少了。

说道底，digg如何dig用户的驱动力，关系着digg的成败。 

　　自从blog开始出现后，在我们使用搜索引擎的时候会发现这样一个现象：很多内容在搜索引擎中排名靠前的都是来自于blog。为什么blog的内容呈现会超越以前的CMS类的新闻系统呢？鄙人以为是和blog几个属性分不开：
　　1.静态页。搜索引擎对静态页的支持要远远好于动态调用页。因为蜘蛛在抓取的时候还是要抓取内容的，静态html类页面的内容呈现无疑是最好的。blog程序本身就是一个强大的CMS，而且多为静态发布页，每个页面甚至可以设立单独的关键词（Tag）来引导搜索引擎。
　　2.超链接。搜索引擎无疑对超链接是敏感的。一个例子就是google的page rank，这个标准中的核心就是反向链接的数量和质量。对于blog而言，其一，blog本身可以设置大量的链接，甚至很多程序都有“自动链接”（auto link）这个功能，再加上评论（comment）还有一个blog精髓技术反向引用（trackback）这些都是链接，在一定意义上，RSS订阅也是一种链接；其二，有众多的BSP服务提供商，申请blog已经简化到了两三个步骤。很多BSP在申请上也不加限制或控制，大量免费的资源可以被利用。这样一来，在不同的BSP申请无数的blog，在blog发布大量的链接全部指向其中某个页面或者是blog，这样就会发现，某个blog只有寥寥几篇文章确有上百万的浏览。
　　3.关键词。关键词优化是SEO里最基本的方法。传统的CMS类网站进行这样优化是很困难的，因为页面数量巨大。而blog则可以方便地，甚至是暴力地设置关键词。自从blogbus推出第一个中文Tag后，中国的blog才开始对Tag产生理解，当blogbus代表中文blog向Technorati输送Tag时候，这本身就是一种搜索递交。所以Tag本身已经超越了“分类”方法，对于搜索引擎来说是一种关键词。
　　我不懂技术，仅仅看到这个层面，其实想说的主要是针对大型blog服务提供者进行spam防治的方法，当然不是我想出来的，我只能做点学习。
　　1.验证。这个验证不仅仅包括验证码，还要包括对blog申请的验证。邮件验证是目前可取的有效方法。我并不认为，添加验证码是对用户体验的不尊重，反过来，我认为验证码的初衷正是为了blogger有个清洁的环境，自己出了家门也还上个锁的呀。至于技术层面交给技术人员吧，如果一般的图形验证码解决不了问题，那就还有必须有中文字符验证？或者随机产生问题？比如给句唐诗，让对下句（还能复习知识，很好^_^）？或者出个简单的数学运算？我相信群发机器人还没有聪明到这个程度吧。验证的好处在于可以有效屏蔽绝大部分的spam，给网站带来的，肯定是带宽的节省，更重要的是，避免垃圾的困扰。
　　2.启用第三方支持。这里包括软件支持和服务支持。目前blog程序里最有名的肯定是wordpress，针对WP开发的插件akismet相信无人不知，另外对于MT，我想SpamLookup应该是个好工具，或针对早期MT的MT-Blacklist也是个不错的。另外，已经有专门的网站提供收费的anti-spam的服务了，可以考虑。
　　3.留言机制。验证已经说过了，另外还有几种我想是可行的方法，一种是审核制，评论要等blog主人审核后才能予以发布，虽然麻烦，但是如果blog后台加入批量删除spam的功能，应该还是方便的，当然要牺牲很多，可以间歇性使用。一种是留言预览式，即在留言后有个预览——确认的过程才能发布发布留言，相信这个过程可以让很多群发器瘫痪。还有一种就是关闭很久以前文章的评论。经验告诉我，很多的spam攻击对象不是更新频繁的blog，而恰恰是一些更新缓慢，或者是N久以前的blog，所以，在适当的时候，关闭某些日志的评论，比如设定一个default time or list，在到达条件后给于自动锁定，如果有需要当然可以解开。
　　4.当然，防不胜防。对于已经存在spam如何找出来杀掉呢？另外一种就是在comment甚至在log里添加nofollow属性，这个以后清洁工还要罗嗦。方法还是有几个的，当然还是我学习的，原因还是那个：我不懂技术。
　　a。查找反向链接。很多网站提供这个免费的服务，可以轻松地查到大量的反向链接。因为spam的目的有两个，在内容层面广告宣传，在技术层面上反向链接，增加PR值，增大流量，所以会做出大量的link，在简单搜索后会发现很多这样的spam，杀！当然，alltheweb会是一个很好的反向链接搜索工具。
　　b。搜索引擎语法。
　　语法一：search $key site:blog***.com。key替换为关键词，你会发现令你惊讶的一些东西，当然，要去掉search这个词语。
　　语法二：bo** blog** site:blog***.com，你会发现很多blog在这些BSP里都安了家，并且会集中指向其中某个blog。
　　c。数据库关键词搜索。这个基本上是人肉机器类别的，不提也罢。
　　反spam就如扫垃圾，任重而道远，国家一日不可无清洁工，网站一日不可无spam killer，不信，你试试？
　　^_^。

参考阅读：Blog与Spam的战争

　　　　　Concerning Spam

　　　　　spam的根源pagerank? 利益?

PR是什么？

这似乎是个愚蠢的问题，稍微有点网络知识的人都知道，PR就是google推出的鉴定网页重要级别的指标，称为pagerank。PR的作用，google告诉我们，是网站在搜索引擎中排名的一个重要指标，就是，PR值越高,网站的排名应该越靠前。而PR值的高低标准在于「从许多优质的网页链接过来的网页，必定还是优质网页」的回归关系，来判定所有网页的重要性。这个关系被google称为是的民主表决式网页排名技术，在我看来这仅是一个技术乌托邦式的关系。你不知道的是，PR其实是一种标准，标准就是利益。

在所有的领域里，要想得到控制权，必须设定标准，从长尾来看，抓住渠道顶部，延长尾巴，那么你等待的，必将是丰厚的渠道收益。这是一个简单的道理，最明显的，且极度成功的便是微软的操作系统。在设定了windows标准后，PC行业的渠道基本上都被微软垄断了，不符合标准的，几乎全部被淘汰，排除一个特例。类似的例子太多了，从DVD解码标准到无线网络的标准，从RSS标准到WIFI标准等等。

PR是利益的说法，虽则从google本意来说可能是冤枉了她，但实际效果的确如此。PR可以用来买卖，为了提升PR出现了专门的机器人，相关的插件，方法更是多不胜数，comment spam和trackback spam大多也为PR而生，背后有市场，背后有利益。

PR能做什么？

这似乎又是一个愚蠢的问题。PR可以决定网站在搜索排名中的位置。然而，实际是这样吗？PR值高的就一定排名在前面吗？简单回答是或否都是愚蠢的。因为一个成熟的搜索引擎不可能这样白痴，PR只是搜索引擎N多算法中的一种，PR值为7的网页并不一定比PR值为6的要排在前面。一个有趣的例子：

google的PR值为满分：10；baidu的PR值为:7。

我们在baidu中搜索关键词：搜索引擎，结果，baidu排在第二，而google排在第三。是不是baidu故意的呢？那么就用google进行同样的搜索关键词：搜索引擎，看到的是，baidu排在了第二，而google自己却排到了第八。

当然上面只是举个例子，应当考虑到巨大的误差，还有广告的因素。但是，我们在进行稍微正规一点的搜索引擎排名和Page Rank 关联分析，会发现结果并非是多数人想的那样。

也就是说，一个网页上挂个pagerank的数值，大多数情况下，只是为了满足自己的虚荣心。至于一些门户网站，抑或是一些BSP也在追求PR，相信也只是为了人有我也有的心情罢了。

PR值的判定标准是什么？

这似乎是个极其复杂的问题。因为从发明者来说，PR的作为一种搜索引擎排名的算法肯定是极其复杂的，不可能简单地被用户所掌握的，PR是一种美丽的计算机数学，甚至一种哲学，然而我们关心的是，也仅仅是，如何提高PR。

如何提高PR，方法baidu下便可得无数。然大体应该包括以下几个方面：