脆弱的用户体验

最近关心电子商务比较多，阿里系产品目前还是业内标杆，值得学习的对象。前几天Jack Ma对支付宝用户体验的严厉批评，成为业内交流热点，据说原话是“烂，太烂，烂到极点”。

作为从业者说句公道话，中国网上支付体验差的根源在于“安全性”，所以才要用证书、用控件来尽可能“保障”安全，同时也给控件、证书的“兼容性”问题种下了祸根。这个症结主要受制于目前中国公民“个人信用体系”的不完善，这就是国情，不是目前谁能一拍脑袋、开个会能解决的。举个例子，美国建立信用体系历时百年，上世纪80年代初美国才建立全国数据共享个人信用体系。

支付宝正在从单纯服务于淘宝，走向做网民生活的水电煤。我想不仅支付宝，任何一家商业公司的“网络支付”平台，如果想做生活的水电煤，想影响网民的日常起居，必将纳入国家管控体系。准确说，网络支付想做大，等于抢中国人民银行的生意，因为网络支付本身就应该是国家银行的“电子政务”。那中国人民银行为什么不自己做？目前国家的电子政务现状已如此“繁花似锦”，作为公民还能奢求什么？当然，我们谁都知道这件事等中国人民银行来做不靠谱，从他们现在网站的表现就能看出一二（点击后别怀疑，现在是2010年）。

2010.02.09 / 没有评论 / 文章分类: 紫枫生活

UI在中国

UI全称User Interface，中文叫“用户界面”。

2000年传入国内，国内最早专业从事UI的公司还是我们的民族软件——金山，据说在2000年已成立人机界面组，虽然只有2个人。金山软件的UI 团队是业内名副其实的黄埔军校，培养了如今江湖上整整一代的设计领袖，并且他们出的作品也深远影响了国产软件的用户体验整体水准。也许早期的金山软件用户们还记得，随后WPS和金山毒霸的界面设计在整个大环境内首屈一指。

2001年2月出版的《软件创新之路》中文版，在技术专著角度强调了交互与界面的重要性，为UI概念被广泛认可做好了铺垫。作者叫Alan Cooper，眼熟吧？没错，这本书就是后来2006年3月出版的《交互设计之路》的前辈版本。

2001年到2003年之间，国内大小公司相继设立UI职位，同期，不少平面设计和网页设计从业者也开始尝试转行做UI。因为当时从事web design非常不景气，整体水平低下，市场环境糟糕。

2003年随着ChinaUI论坛的上线，此概念开始在数字设计领域声名鹊起。如同ChinaUI网站最早的title“欢迎来到中国第一个UI设计网站”，但什么是UI？我估计当时没几个人清楚。同年5月，由金山转会腾讯的唐沐主导了QQ发展史上革命性的界面升级。耳目一新的QQ界面给粉丝们带来了极大惊喜，在外观和人性化方面做了较大改善。

2010.02.09 / 没有评论 / 文章分类: 用户体验设计(UED), 设计杂谈

探索移动Web网页编码设计

如果你正准备为你的网站制作一个移动设备版本，那这篇文章将会对你相当有用，在本文中，将探索移动Web网页编码设计的各种技巧和注意事项：

* 为了移动设备上的用户体验可以被接受，代码得怎么设计。
* “Mobile Web”与普通网站的不同之处？
* 可以让网站成功运行在移动设备和桌面浏览器上的基本技巧
* 一些Mobile Web设计中的建议和禁忌、以及大量资源

Mobile Web和普通网站到底有何不同呢？

这是个很好的问题 – 首先，也许我们应该从“什么是Mobile Web”的问题开始。毕竟，用户用移动设备访问的Mobile Web，跟他们在家里用台式机访问的网站是独立的不同的部分。当我说“Mobile Web”时，我指的是“通过移动设备访问的网站”。

在Opera，我们全身心投入而创造出的浏览器允许你查看整个网络，不管浏览设备是否有这个能力。只要你在建立网站时，付出一点儿细心、尊敬并遵循 Web标准，你就可以为所有人所有设备创建只有一个版本的网站 – 唯一的一个网站。但是，有一些例外情况 – 在某些情况下，只有分版本的网站才行得通，一会你会看到这一点。
移动领域的竞争环境并不平衡

在桌面领域，对于我们前端开发者来说，形式正在好转 – 大多数现代浏览器已经对Web标准支持的非常好了，无论是Opera、firefox（以及其他 Gecko内核浏览器）或者Safari（以及其他 Webkit内核浏览器），甚至IE带给我们的痛苦都比原来少了。虽然IE6的用户群体数量仍然非常杯具，但这应该归结于大多数人封闭的使用习惯等因素。 但是，移动设备领域在这方面却是不同寻常的：

* 你拥有能为“Full Web”提供支持的浏览器，像iphone上的Opera Mobile和Safari。Opera Mobile使用了与桌面版本相同的渲染引擎，所以对标准的支持相差无几。
* 你拥有并不很爽的浏览器，例如IE，它们对Web标准仅能提供有限的支持。它们中的一部分只支持WAP（例如WinWap），另一些支持其他像 Chtml或HTML-MP这样的标准（例如日本NTT DoCoMo的iMode浏览器），还有一些只支持Web标准中的有限子集（例如Netfront、Pocket IE、以及Blazer）。
* 最后，你拥有OperaMini， 以及其他通过代理机制的浏览器。它主要只是作为连接用户和一个大服务器群的客户端界面。当用户提交一个URL时，客户端会让服务端查找这个页面。然后它会 把页面转换成一个轻量级的二进制标记语言，将它格式化成适合移动设备查看的形式，并发送回客户端显示。这种方式的最主要优势，是可以使页面体积减少90% 左右，帮助用户节省很多带宽费用。这种标记语言表明Web标准并不能很好的表现在移动设备上，因为在这种服务的方式下，OperaMini对 ajax/javascript某些方面将支持的不是很好 – 在这儿有更详细的解释。

注意：不要指望你的超级Ajax和DOM脚本动画网站在移动设备上会有良好表现。JavaScript在移动设备上的支持程度千差万别。时刻提供优雅降级吧。这种做法有一个例子叫做Hijax。

2010.02.06 / 没有评论 / 文章分类: WAP, 设计开发

俺遇到WordPress登录死循环-已彻底解决！

今天晚上俺遇到WordPress登录死循环的问题。也郁闷一会！后来才发现是路由器的问题，正好今天路由刚换了个新的，灰常的巧哈！于是乎准备将俺的路由器升级了哈，就OK了！

下面说哈具体的方法哈!

第一步：

看自己路由的版本，如下：

文 件 名： r402mv2.bin
tftp 服务器 ip： 192.168.1.100
当前软件版本： 3.3.1 build 070712 rel.33961na
当前硬件版本： tl-r402系列 100122ba

第二步：

下载对应的版本升级文件，如下：

http://www.tp-link.com.cn/surpport/search.asp?product_name=tl-r402m

如果该地址失效，可以自己去搜索下，很多的！

2010.02.06 / 没有评论 / 文章分类: 紫枫生活

YUI3设计中的激进和妥协

相信每个前端工程师都有自己喜爱的 javascript框架，说情感也好，道信仰也罢，javascript框架带给人的不仅仅是便捷的开发，更有一种纯粹的逻辑美感，不管是jquery 曼妙的简洁，还是yui魔术般的沙箱，都使我们产生无穷的想象。然而，js框架却又必然无法做到面面俱到的完美无瑕，比如jquery在OO方面做出的让步，以及yui在性能上做的牺牲，无不给人传达一种缺憾美、一种理想的现实主义。今天，我们来看看yui3在框架设计中的这些牺牲和让步，以便让我们更加深刻的理解yui3的全貌，并将其优势发挥至最佳。

1，种子的一步到位 or 颗粒化
所谓种子一步到位是指只要在页面引入一个种子文件的script标签，比如prototype和jquery，只要引入一个prototype.js或 jquery.js就可以了，他们将各自对dom操作和event的封装等等都囊括进一个文件中，并尽力将其做到最小，这样做的好处是显而易见的，使用框架非常简单。然而yui将这些功能做了级别划分和颗粒化设计，从概念上抽象出来“核心”、“工具”和“组件”，每个小功能放在一个文件当中，需要的时候则要自行去引用，yui文档中给出的大量demo都采用这种方法，这种设计显然不像jquery那样对初学者友好，而且使用起来不够傻瓜，为了实现一个小功能，甚至要引入三四个js文件。yui这样做的原因有两个，一是yui实在太大，把所有功能都搞进一个文件中确实有点不靠谱，二是为其动态加载的框架设计做铺垫。

2，手动引入 or 动态加载
往页面中写js的传统方法是，直接将js文件作为script标签路径写在页面中，使用yui也可以这样引入页面，但yui更推荐使用loader进行动态加载。动态加载脚本的渊源很复杂，目前来看主要原因有三，其一，页面中手写js标签无论如何都会占用一个http请求，即使这个请求是一个304，动态加载的文件缓存后则不必发起真实的http请求，其二，动态加载可以实现按需加载，而且可以根据js文件之间的依赖进行去重和排序，手写标签加载js文件则必须让开发者去额外关注一下文件的排序、重复等等，其三，动态加载有利于页面代码的语义化，这使得开发者只关心“需要什么”，而不用去在意“如何得到”。当项目变得越发臃肿，维护成本越来越高的时候，这中小技巧会有不小的好处的。

2010.01.29 / 没有评论 / 文章分类: 设计开发