07:44 http://zhidao.baidu.com/robots.txt » Delicious/chedong
User-agent: Baiduspider Allow: / Disallow: /w? User-agent: Googlebot Allow: / User-agent: MSNBot Allow: / User-agent: * Disallow: /
06:45 A Brief Intermission » WordPress Development Blog

picture of core team minus MattJust a heads up that Trac commits will be pretty low over the next couple of days, as all the core committers are in Orlando: Matt, Ryan, Andrew, Peter and Mark. We all came for WordCamp Orlando (fun!) and are staying a couple of extra days to discuss the vision for WordPress in the coming year, the merge, canonical plugins, the WordPress.org site, community stuff, and all the other things that are important but that we never seem to have time to address. Since when things like this come up in the IRC dev chat or in various forums there’s inevitably a point at which someone says, “We really need to have [insert a core committer name here] here to make a decision,” we thought it would make sense to get together and figure out where everyone stands on all these ideas so that we can move forward a little more efficiently. Also, not all the committers had met in person before (and I’d never met Andrew or Peter), so it’s also a chance for us to just get to know each other a little. Watch this space around Tuesday or Wednesday for a post summarizing the things we’ve discussed, and the beginning of planning for how members of community can get involved in (or spearhead) the things that interest them.

Seek first to understand热情的生活,真诚的思考 » 车东's shared items in Google Reader
Shared by 车东
Seek first to understand, then to be understood.
周一下午在大连,因为如果去机场的问题跟O有个小conflict.事后她分析了一下我们为什么会有 conflict,我觉得很有道理。分享一下。

当时是一对老外夫妻,三个中国人都要去大连机场坐同一班飞机。5个人,得两辆车。两个老外一间酒店,三个中国人在旁边的另外一间酒店。当时两个老外和两个中国人已经回到了酒店准备拿行李,在等第三位中国人回酒店。

于是我跟那对老外夫妻说,我和O等剩下的那个中国人回来,你们俩先打车走。这样不会耽误时间。因为一会5个人再找两辆车,不一定马上能打到。O当时听到我的提议,不是很高兴,但是也没说什么。等老外去他们酒店拿行李之后,她说:“你这样多不好,不管那两个老外,让他们两自己走。”我反驳了:“老外很独立的,打个车去机场有什么问题呀。”

我很欣赏O的分析精神,事后她分析说:“你是注重结果,所以会考虑用什么样的做到更有效。而我更注重他人的情感,所以当时感到很不舒服,觉得我们没有照顾好那两个老外。”经她这么一提醒,我就想起来MBTI里面有一个纬度是F: feeling or T: Thinking. 这样来看我还是属于thinking的,注重逻辑,更关注事情的本身做决定。。。

很喜欢O的这种态度,遇到别人用不同的思维方式时,会去努力理解对方为什么会这样思考,而不是去责怪对方不通人情。有这样的朋友,真是幸福呵呵。 正如seven habits里面说的:Seek first to understand, then to be understood.

This is a perfect example of how to understand others first and then get understood. O tried to understand my way of thinking and by sharing her observation with me, I understood her:-)
为中文而设计的文本框所有文章 - UCD大社区 » 车东's shared items in Google Reader
Shared by Anew
专业!有独到之处。

搜索自动完成.png

我一直觉得,文本框的这个东西,在有输入法的国家,是我们这些懒人的杯具,文本框的自动完成功能,在配合输入法下,简直是个鸡肋。一次次的切换Ctrl+Space,是否有让你崩溃想敲烂键盘呢?

上面的那张图已经很明显的让我们感觉到了三个问题

  1. 输入法把自动完成遮挡住了,我看不见。
  2. 使用键盘↑↓键只能切换输入法内的选字,无法选择自动完成内的选项。想用却用不到。
  3. 当你懊恼的打算用鼠标去点自动完成列表内的文字时,杯具发生了,你发觉,你点了,事实上什么效果都没有。你的文本框变成一遍空白。(在Chrome下多种中文搜索引擎有此问题,杯具啊。)

备注:经过笔者测试多种搜索引擎在不同浏览器的呈现效果,这三个问题出现的几率各不相同,但在chrome下这三个问题非常明显。(Chrome渲染有问题?)

关于问题一

在Chrome下似乎没有解决方案,所有的搜索引擎表现都如文章开头的图片的效果。

IE下,大部分的搜索引擎都采用了一种笨可是最有效的方法:只有文字被完全输入到文本框内后,自动完成才出现,这样就避免了遮挡的问题了。

image_20091204195515.png

在FF下,大部分搜索引擎也是采用与IE内的做法,隐藏自动完成。当然,也有笨家伙:百度和有道,在FF下依然还是遮挡住了。

关于问题二

因为在IE与FF下大部分搜索引擎采用了上诉的的方法避免了出现输入法与自动完成,所以这个问题主要是出现在Chrome内。从实际的测试中发现,国外的搜索引擎表现更佳。

在Chrome的Google与bing搜索,如果使用↑↓键,是可以选中自动完成的,当然,你的输入法选字也同时切换了。

google.png

当然,也有笨家伙:Chrome下的所有中文搜索引擎,以及FF下的百度和有道,依然还是无法使用↑↓键选择自动完成。

关于问题三

好了,我就直接说笨家伙吧,这次上榜的还是百度与有道。但是百度这次可以欣慰了:有道垫底了。有道在FF与Chrome下鼠标点击自动完成后,文本框都会自动消失。百度只在Chrome下出现此问题。

说明这些问题并不是表示我强烈的鄙视中文搜索引擎,相反我更爱好他们。但我们需要考虑的问题是:在设计文本框的时候,是否应该更加考虑到一个现实:所有的中文用户都在用输入法输入文本框。我们的操作比英文用户更复杂。

在输入的时候,中文用户多了一个翻译的步骤,把键盘上的字母翻译为中文汉字。这也是中文用户偏爱鼠标操作的原因,因为输入的工作太复杂了,虽然我们的输入法在近几年有着超越的发展,但对于用户而言,这种门槛还是存在的。——至少我的爸妈想使用电脑打字,他们就不得不去学拼音。

输入差异.png

那么,为了使用户少按一次ctrl+space,让用户操作更流畅,在文本框的设计上,我们必须更加细致与谨慎。我个人总结有以下几个方法。

禁用输入法

如果某些文本框只允许用户输入字母符号以及数字(如登陆界面的“用户名”),那就禁用输入法吧。

网易邮箱.png

网易邮箱的登陆界面就采用了这种方法,Web界面的实现手段很简单,只需在CSS代码内加上:ime-mode:disabled;

当然,目前很多产品的登陆界面都进行了相同的处理,不妨挖掘下更多产品内部的文本框吧。如验证码输入框。

用户输入之后才提供响应

只有用户把文字输入到文本框内才提供响应,这是主要是针对一些自动完成和即时搜索(输入后自动搜索)功能的。

2009-12-04 20 48 45.png

windows7的资源管理器的搜索框为即时搜索,但文字还在输入法内时,它并不启动搜索。这样的设计能让界面更简洁且让用户容易理解。

提供正确的键盘反馈

如前面Chrome的下的Google,还是支持↑↓键选择自动完成的,这样至少保证了,在使用输入法的时候,用户的一些按键还是有效的。

当然,我也见过一种很白痴的界面,他对Enter键的感知错误(Enter键在输入法内常用作用是输入英文字母),截图我无法找到,但大致是这样。

注:下图是我PS用以说明问题案例(因为暂时找不到真实案例),并不代表其真实情况如图所示。image_20091204205935.png

按下Enter之后,系统自动响应了默认的“登录”按钮,但事实上我只是想把邮件地址输入文本框而已。明显的键盘反馈错误。

用户输入之后才提供响应

只有用户把文字输入到文本框内才提供响应,这是主要是针对一些自动完成和即时搜索(输入后自动搜索)功能的。

2009-12-04 20 48 45.png

windows7的资源管理器的搜索框为即时搜索,但文字还在输入法内时,它并不启动搜索。这样的设计能让界面更简洁且让用户容易理解。

尝试使用拼音识别

毫无疑问,拼音识别能够有效帮助中文用户,就算他没有使用输入法,同时也有可能帮他纠正一些汉字输入错误。

pinyshibie.png

史上最佳中文文本框?

我把这个讲颁给QQ邮箱的写信页面收件人文本框,原因有三个:禁止输入法,块状结构,拼音识别。如果你把联系人都加了中文名字(火星文就没办法了),试试输入10个人的邮箱地址,你的速度有多快?告诉你,我只需要25秒。

2009-12-04 21 13 59.png

2009-12-04 21 15 18.png

从图中可以查出,这个文本框是支持拼音识别的,同时,他采用了块状结构,邮件地址是整块被删除或增加的。

无疑QQ的设计值得学习。

史上最差中文文本框?

我要把这个奖颁给新浪微博的登陆框,当然,他们最近改进了这个设计,不过,这个反例,值得我们吸取教训。(来自Fenng

4072174204_ee79fa081c_o.png

如果在这个图内还存在输入法的输入框呢?够杯具了吧,OK,我想这个图已经算是文本框设计的经典反例了,欢迎大家膜拜学习。

写在最后

文本框是一个很细节的东西,因为他属于一个用户信息收集的有效控件。而我们的中文用户,值得拥有它们自己的特色文本框。

在设计的同时,我们更应该考虑到用户的输入法状态。

文中的测试皆采用搜狗拼音输入法测试,如有不正确的,还请指正。

源地址:http://www.userkon.com/tolyer/design_input_for_chinese.html


^==Back Home: www.chedong.com

^==Back Digest Home: www.chedong.com/digest/

<== 2009-12-05
  十二月 2009  
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
==> 2009-12-07