2010，正心，修身，养性。
焚我残躯，毁我意志，复我记忆。
子曰：“知之者不如好之者，好之者不如乐之者。”
子曰：“吾尝终日不食，终夜不寝，以思，无益，不如学也。”
2009年01月27日 | 分类：用户体验 | No Comments » | 689 views
昨晚跟同学出去吃饭，去的是一家火锅店，感觉很不错的地方，环境哦、服务哦都挺好的，而且让我感觉很舒服的一点就是，服务员给我了一个眼镜布，说吃火锅容易让眼镜蒙上雾，可以随时擦下眼镜。当时感觉真的蛮好的哈，这家店想的真周到，向大家推荐一下哈，如果有机会去新郑的话，可以去尝尝，味道挺好的，在中华路和金城路口，再往南走大概二三百米吧，名字叫：重庆巴奴火锅。
再回过头来说用户体验，现在的社会，不管什么样的人，对着你张口闭口都谈用户体验，不管懂不懂都说，说的我都无语啦。首先我必须声明，我对用户体验没有太多的研究，知道的也就是一些皮毛而已。不过还是想说说自己的观点，请各位多多指教。憋的难受，不说不行啊。
首先我要表达下我的心声，我很讨厌用户体验这个词，顺带也有点讨厌用户体验啦。用户体验被很多人当作是一种借口或者说是挡箭牌，做不好的东西都要往用户体验上扯，有啥扯的，太散啦。
2008年11月5日 | 分类：HTML, JavaScript, 标准化, 用户体验 | No Comments » | 917 views
其实一直都以为这两个是等价的，而后者显得更方便，但是就在昨天测试 CSSer 的一个脚本时发现，在某些时候它们是不一样的。
首先我们来看一个例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <div id="hh" onclick="alert(this.id);">点击我，输出我的属性</div> </body> </html>
你可以在各浏览器下点击右下角的运行按钮运行，然后点击输出，可以看到在各个浏览器下，都会正确的输出 id 的属性值，然而，当我们自定义一个属性的时候，它还会正常工作吗？
或许你觉得使用标准标签以外的自定义标签就是违反了 web 标准，但是标准标签不能满足我们的需求，我们自定义的标签却能更准确的表达我们的意思，web 标准永远都只是一个参考，而不能一成不变的去用。
2008年10月29日 | 分类：HTML, JavaScript, 用户体验 | No Comments » | 932 views
今天在调一个应用的模板的时候，发现了在 IE 浏览器下，如果我们将图片包含到 label 内，那么，点击图片将无法触发控件，从而导致焦点不能转到相应的表单控件上。
首先简要的说下 label 标签，它的主要作用是向控件定义标注（标记）。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。label 标签有一个可选属性 – for，它用来定义 label 针对哪个表单元素，设置为某个表单元素的 id。另外，如果此属性未被规定，那么 label 会关联其内容。
先看一个简单的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <ul> <li><input id="r1" name="r1" type="radio" /><label for="r1">点此选中radio</label></li> <li><input id="r2" name="r1" type="radio" /><label for="r2">点此选中radio</label></li> <li><input id="r3" name="r1" type="radio" /><label for="r3">点此选中radio</label></li> </ul> </body> </html>
现在我们将文字改为图片：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <ul> <li><input id="r1" name="r1" type="radio" /><label for="r1"><img src="http://www.csser.name/images/logo.gif" /></label></li> <li><input id="r2" name="r1" type="radio" /><label for="r2"><img src="http://www.csser.name/images/logo.gif" /></label></li> <li><input id="r3" name="r1" type="radio" /><label for="r3"><img src="http://www.csser.name/images/logo.gif" /></label></li> </ul> </body> </html>
大家可以将这段代码在各浏览器中测试，Firefox、Opera、Safari、Google Chrome 都能正常触发控件，在 IE 6、IE 7、IE 8 Beta2 版本均不能正常触发控件。
这个功能是非常好用的，可以有效的提高网站的用户体验，我们不能丢弃这个功能，所以要借助与 JS 来完成我们的目标。
2008年02月19日 | 分类：用户体验 | 2 Comments » | 880 views
关于用户体验的讨论、理论、文章越来越多，也让用户体验越来越火爆，越来越受到更多人的关注。可是我们到底该如何去做好用户体验呢？相信很多人都跟我一样，很迷惘很迷惑。南芝在这里说下自己的看法，各位有什么意见也可以一起交流哦。
首先，用户体验，针对的是用户，那么就要从用户做起。每个网站都有自己的用户，有自己专门针对的客户。举个例子来说，QQZone，相信很多人都知道，有些人一提起来就感觉头疼，还有人会感觉温馨，这是为什么呢？（这句话流行了吗。。。）每个人的审美，每个人的感觉都不一样，我是这样子想的，QQZone主要针对的应该是年轻人，比较小的年轻人，可能女性会多一些，当然对于其他人，或者说上班族，年龄稍大的人它也并不是完全不适合，你完全可以那样弄，QQZone开通的时候提供了这样的选择把。头疼的那些人，你们是否感觉QQZone花哨，打开速度慢，乱的一塌糊涂？那么这些乱是腾讯做的吗？不是，是我们的朋友，是QQ用户。谈用户体验，那么现在是用户在弄，大家看到他们弄的了吗？大家真的了解他们需要的是什么？难道他们需要的仅仅是简洁、简单吗？
v2.0这位姐姐，你好，你的浏览器版本太低了，为了避免您中毒，请您升级您的浏览器！