在输入一个项目清单的时候，我们通常会加入编号。
例如：
“1. AAAAAAA
2. BBBBBBB
3. CCCCCCC
……”
当前输入法为中文输入法时，点击键盘上的“.”键，会输出为中文句号“。”
所以一般情况下，如果没有切换成英文输入法的话，项目编号就会被打成“1。AAAAA”，出现这种情况用户只能手动修改为“1.AAAAA”。
为了减少甚至避免这种修改，搜狗输入法 和 QQ拼音采用了两种不同的处理方法：
【搜狗输入法】
中文输入下，会严格按照中文习惯，敲入的所有“.”键都会显示为中文句号“。”，所以就会打出“1。”
当用户发觉打成了中文句号时，就会点击退格键删除，就在删除中文句号的瞬间，中文句号自动变成了英文点号。
这是搜狗的处理方式：首先完全遵守规则，在下一步操作的时候，判断刚才点号的使用语境进行自动修改。
整个自动调整的变化过程是可见的，即，由中文句号变成英文点号。
【QQ拼音】
中文输入下，所有数字后面敲入的点号都会默认显示为英文点号“.”。所以，项目编号后面的点，小数点等这些无论在中英文环境下都默认显示为”.” ，无需下一步操作，也不出现中文句号。
这是默认的，看不到变化。
搜狗输入法的处理是巧妙的，是花了心思的。这种巧妙容易被用户察觉，用户发现了会觉得很吊很贴心。但，这在另一层面上增加了附加操作（按退格），并增加了附件效果（由中文句号自动变成英文句点），其结果就是转移了用户注意力，即所谓打断了用户的输入流。用户是来码字灌水写文章的，而不是来看你输入法多吊的。
QQ拼音使用默认的处理方式，这样做可能源于以下假定：
“在绝大多数情况下，数字后面敲入点号是为了书写小数点或者项目编号；数字很少出现在一句话的结尾处。”
这种假定是合理的，这种默认操作是不过分的。同样也花了心思，但你一口气顺理成章写了几千字也察觉不到。
有些产品需要显眼的设计，有些产品需要低调的设计，我想输入法应该属于后者。
===================================================================
欢迎讨论，转载请注明：http://www.uetalk.com/2010/06/low-design/
中间带指针的圆盘本来是固定的，现在已经被转坏了。顾客如果认为该转中间的圆盘，即使你把中间固定了，他可能还会去用力转，他觉得转不动是因为摩擦比较大或是坏了，而你把中间圆盘粘得又确实不牢固。为了避免顾客再去转中间的圆盘，商家添加了文字提示，看上去很蠢。
这就是设计失误：设计师的设计模型和用户的心智模型有很大的差异。尽管做了限制，还是不能杜绝用户的错误尝试，而且这里的限制还比较容易被爆破。
一种改进方式是：让中心小圆盘看起来不能转动，比如改为方形或三角形，而不是圆形。
另一种是：让中心小圆盘看起来没必要转动。比如把上面的白色箭头去掉，而在大圆盘的外围单独固定一个箭头。
]]>（注：非google.cn。请前往 www.google.com/ncr 围观)
话说，用户在google.com搜 “amazon”。
如果只输入“ama”，google没有充分的理由认为你要找“amazon”，因为“amazon”只占可能搜索的6/10；
这时用户又输入了一个“z”，系统经过筛选发现此时“amazon”占到了8/11，超过了某个阈值。于是他开始进一步猜测你的意图，认为你很有可能要找 “amazon”网站，所以把真amazon.com的URL放到你面前，用户核实了URL，点击就直接去amazon.com了。
这招挺赞的。
Action：进入百度首页 >> 输入“卓越网”回车 >> 在搜索结果页面向下拖动浏览器滚动条 >> 找到一个“卓越网”点击进去 >> 进入“卓越网”（注：实际打开是一个山寨卓越网，根本不是amazon.cn）
这里，我不得不打断他。或许应该直接帮他进入amazon.cn，但，从搜索引擎进入网站是用户的主要做法之一，而且在此确实影响了用户最自然的任务流程。所以，先来看这个问题。
- 我：这个网址不对呀，你是怎么点进来的呢？
- xu好人：不是这个么？我刚才就是在这点了一下。（指着刚才搜索结果页面的“卓越网”）
- 我：还有许多别的，为什么要点这个呢？
- xu好人：因为这个写着“卓越网”。（原来其他站点写的是“卓越”）
- 我：为什么不点第一个，而要点下面的呢？
- xu好人：第一个不是广告么？（xu好人似乎没意识到baidu推广）
- 我：……
- xu好人：我瞟了一眼有很多图，就觉得是广告，所以就往下拉。（“真卓越”好冤……）
<任务最终因为昨天超级慢的网速不得不终止了，不过xu好人答应下次网速快的时候再叫上我>
现在分析一下：
下面这一大块还真有点像……
同样的问题也会出现在“大量矩阵式排列的分类信息”页面，有篇文章专门对此类信息的排列做过眼动议测试和分析，见打横？打竖？。文中指出：被（设计者）认为比较重要的第一列内容，却往往不会被注意到。该案例原因未明确指出，但个人认为有二：
- 眼睛最自然最舒服的注视位置是屏幕的中央偏上区域，太靠左的第一列造成眼球转动距离较大。根据万物的最小势能原理，眼球使用最少能量进行浏览，除非被明确引导。
- 用户没有被事先告知当前内容是按何种顺序排列，因此默认按照最舒服的顺序扫描。
而对于搜索卓越网的案例，只因为他太像广告了，触发了潜意识中对于广告的处理方式—迅速跳过。山寨卓越网跑到第一页的靠前位置，其实与百度无关；但苦心经营的第一条却被忽略了，这似乎需要引起设计师们警觉。做做测试看看，也许会有新的发现呢。
总结：
许多时候，用户没事时间仔细考虑，而是通过一瞬间的意识来判断。页面布局的不合理（指不符合用户在特定情景中的习惯），会造成用户视而不见；而某些看似显眼的大块内容由于惯行所谓的“传统原则”，缺少仔细求证，想当然认为效果很好，就有可能使得用户出现“条盲”，适得其反。
]]>
1、单击切换页面
2、悬停切换页面
在小块区域的信息展示上，悬停切换的优势在于“快速响应”，并且假设“滑过我就是想看我”，而人眼恰恰可以接受小范围内信息的瞬间变化（反复切换）。但，在大范围区域内，如超过半屏而且信息较多，则人眼将难以在多次瞬间切换的过程中，对大量信息进行快速扫描。
单击切换的优势在于“确定性”，特别是在大块区域上，用户可能更需要一些耐心来阅读，而且这种确定性可以保证以下一点：
用户不必担心由于不小心滑过其他tab而打断当前的阅读。
这种问题在某些“超长悬停切换tab”上更容易显现：
如上图，假如黑色箭头的起始点是光标当前所在位置，而用户此时要去点击箭头指向位置的链接。那么，在光标的直线移动过程中必然会滑过图中的红色方框部分。如果采用悬停切换，则必造成红框所在的tab被激活，从而触发页面切换，打断了用户的动作，这种体验非常之不爽。
不仅最下面的tab如此，只要光标所在位置比较靠前，则大跨度的直线移动都很容易触发其他的tab。
当然，也有安全区域，这取决于“用户兴趣点的位置”与“tab边界”的夹角。如下：
上图蓝色箭头围成的就是当前情形的安全区域，太小了不是么？
总结，像上面这种”超长竖排tab”，为了避免错误，还是采用单击切换比较好。
- 点对点发送讯息：即私聊，或在没有建立好友关系的情况下发送临时消息；
- 公开喊人：有些时候人们更喜欢在公共场合针对某个人发言，特别是在互联网这种大环境下。群聊，更像是开茶话会，不同的是群聊没法直观地面向某个人。比如某些 调侃的话，对于说话人，群聊的效果会比私聊好一点。为了不私聊又不会造成其他人误解，所以就要喊人，比如“@xxx，你妈喊你回家吃饭！”。而一些IMS 的群设置也可以对关注的词汇取消屏蔽，起到信息过滤的作用。但不方便之处在于，目前的IMS群里，喊人都需要手动。是否可以在账号的交互上加入类似twitter的“回复”功能。
以下是改进：
Nielson主要针对信息架构中的信息分类测试方法——卡片分类法，提出实际测试中可能经常出现的问题，并给出了较好的建议。所关注的问题在于：如何提高卡片分类测试的测试效果？卡片分类是信息分类可用性测试中较为理想的方法：让用户主导分类，具体做法是：用户按照自己的思路或直观感觉，把卡片归入已知的或由用户自己新建的类别里，以发现用户对于此类信息的心智模型，并检验事先假设是否直观合理，从而优化信息架构，提高信息浏览或检索的可用性。
Nielson写这篇文章的目的在于说明：卡片分类只是一种科学合理可用性测试方法，但要达到最佳的效果，操作时还需注意几点原则：
不要告诉用户完成任务所需要的具体操作名称； 例如：测试del.icio.us的导入书签功能。如果告诉用户：“你的常用浏览器中收藏了很多书签（bookmarks），你希望能在 del.icio.us中使用它们，现在把它们导入（import）进来。” 更有甚者：“使用导入书签（import bookmarks）命令导入你的浏览器本地收藏夹”。由于事先被告知了“import”和“bookmarks”这两个词，用户可能会直接在页面中扫 描，或者打开几个菜单，试图找到“import”和“bookmarks”字眼，然而这样就无法测试出“import”和“bookmarks”两个单词 的措辞是否合理，是否符合用户心智模型。可能对于一部分用户来说，更习惯用“favor sites”而不是“bookmarks”来表述收藏夹中的网站。所以最好使用类似下面的措辞：
“你的常用浏览器中一定有不少收藏，现在完成一些操作，让你在del.icio.us中也可以使用它们。”
这 样，喜欢“favor site”而对“bookmarks”不熟悉的用户可能就会想：“favor site” 在哪？……没有，那页面中出现的这个“bookmarks”是否就是我的“favor site”？此时，如果用户不喜欢尝试，或者不能迅速地把两个单词联系到一起，就有可能完不成任务，“bookmarks”可能就要换成其他什么 词，“import”也一样。正如Nielson所说：
“如果你告诉用户该用哪个，他们就永远不能以自然的方式使用软件。只会按照你告诉他们的去做; 而不是他们通常会怎么做。”
因此，测试的时候，不要告诉用户完成任务所需要的具体操作名称。给出这条原则是为了说明卡片分类测试常会遇到的一个问题：关键词匹配。Nielson通过一个case说明：如果对卡片上的关键词设定了某些过度明显的取向，可以大大增加用户分类成功的概率，但这样往往起不到较好的效果。例 如“番茄酱”、“番茄派”、“番茄汉堡”能够很容易地被分到“番茄”类中；而“番茄派”、“草莓派”、“香芋派”则轻易地被分到“派”里。到此有些设计者 就会说：“看，我成功了，因为用户们都分对了类！而且他们分得很快！” 而事实上，这样的分类没有任何挑战性，如果用户想都不想一打眼就能正确分类，那这种测试就没有意义了。“卡片分类不是设计用户界面，是一场关于知识的启发 式演习，用于发现的用户心智模型。” 一般情况下，当设计师对关键词难以取舍、模棱两可，或对专家词汇抱有疑虑的时候才找来用户进行卡片分类测试的。因此，为了优化关键词，我们希望用户能够 “略微驻足思考一下下，而不是简单地尽快完成任务”。当然思考也不能过长，以至无法完成任务。那怎样选择合适的关键词来提高卡片分类的测试效 果？Nielson给出了两点建议：
- 使用同义词。 使用多组同义词替换测试，或交叉组合测试。如，测试一组同义的动词1，2，3，或同义的名词a，b，c，或在需要组合的时候测试“1+b”,“2+a”等等。多组同义词测试有利于发现用户心中最合适的分类名称。
- 使用非并行结构。使用一组并行结构的词会人为降低分类难度，例如“购买商品”、“卖出商品”、“查询账单”，由于结构并列，没有干扰因素，使测试用户能够不假思索就正确分类，起不到卡片分类应有的效用。而“我要购买”、“卖出商品”、“账单查询”则拥有非并列结构，增加了一点难度，使得测试用户能够先思考一下具体意义，然后再理性地做出判断。
（对于第二点，起初我的理解与原文有较大偏差。事实上，易用性不是卡片分类测试的重点关注因素，人为降低一点易用性对理性和逻辑的分类是有帮助的，这是此篇文章的主旨。 在此感谢提出质疑的wendy同学，并向之前看过此篇博文的朋友表示歉意！）
总结：
- 做可用性测试只有保持中立的态度，使用中立的语言，才有可能发现更多潜在的问题；
- 卡片分类的主要任务是发现用户心智模型，在多组备选条目中找到最佳的表述，并找到正确的分类方式；不是单纯验证设计师分类的正确性，满足成就感。
ieTest
FF工具栏上的一坨按钮
.
web developer 可以使您方便地实时编辑web页面，甚至可以在线分析和修改其他站点的页面（当然，是修改css临时文件）。他使得设计过程一目了然，适合各阶段的css设计师和爱好者，给css初学者带来了福音。
鼠标滑过页面元素，显示对应标签
浏览器中直接编辑当前页面的css,实时更新样式.
显示当前页面的布局顺序
]]>
新版WP的sidebar
终于受不了旧版本里写新日志时的Bug，升级，一定要升级！
用InstantUpdate插件升级失败：http方式不成功，可能是文件权限的问题；接着尝试Ftp方式，这个比较狠，上来就直接删旧版本的文件，结果中间还是出了错：旧文件删了可新文件还没整好就卡住了。只好手动升级，下载新版本，本地解压，Ftp上传到服务器上，覆盖除了wp-content之外的文件夹，完成。访问admin，提示升级数据库，同意后5秒钟搞定。
新版的wp-admin果然爽了很多，左边的sidebar越看越眼熟，不错，哈哈！
提示上传目录无权限问题，一是修改上传文件夹的权限为777，如果还是不行那可能就是默认上传文件夹错误，在admin里的“设置—〉其他 ”中设置默认文件夹的路径即可。
]]>