之前介绍了一个Swing做的原子钟的效果 “Swing Nixieclock（原子钟）效果”，作者放出了制作 Swing原子钟 制作的主要元素 – 原子钟的制造过程。

想看制作过程的移步这里：

Part One

先通过绘图工具，绘出原型，绘制过程以及绘制时的参数，要在Swing中使用。

Part Two

将原型绘制过程中的一些数据，以Java Code 的形式在Swing中体现出来，步骤和通过绘图工具绘制时差不多，一步步来。

今天无意中发现我的Ubuntu目录下~/.purple/accounts.xml 文件里面竟然以明文形式保存了我的几个主要IM帐号的密码，遂立马出了一身冷汗，好赤裸裸啊。

Google了下Pidgin关于明文存密码的信息，才知道这是很早就已知的事情了。

并且Pidgin官方还做了解释：http://developer.pidgin.im/wiki/PlainTextPasswords

当然你可以选择不“保存密码”，但是那会很不方便。

为此干脆卸载了Pidgin改投其他IM客户端了。

BTW：
1、卸载Pidgin后一定别忘记手动删除.purple目录，不然你的密码还是赤裸裸的保存的accounts.xml里面。
2、Windows用户会有同样的问题。

UED – 英文User Experience Design的缩写，中文翻译：用户体验设计。

关于UED更多信息可以Google之，本周分享下这几天收集的一些和UED有关的案例，在实际的项目中还是有些帮助的。

1、多按钮共存——don’t make me think

我们的按钮一般都是成对出现，比如提交和取消，保存和取消等，突出你认为重点的按钮，降低有消极面的按钮，甚至只给用户一个选择，比如注册，只能一路Next，当然这需要根据具体场景来分，但是让用户思考如何下一步，不如从我们的角度突出重点的建议用户就走这一步。

2、导航的标签设计

好的标签，应该使用客户的语言，避免使用术语、行话、缩写词等用户难以理解的词语；标签之间的互斥性要强，尽可能地寻找差异化；提前在客户的参与下约定项目的标签结构，而不是让每个项目成员自己去想；收集同类型或竞争对手网站的标签，以供参考。

3、避免用户迷失在你的网站上

迷路可不是一件好玩的事情，试想你驾车行驶到高速公路分叉口时，却看不见任何路牌，那该会怎样地困惑、沮丧、愤怒和恐惧。为了避免迷失方向，我们发明了各种导航工具，大到卫星定位系统，小到指南针，人类在这一事情上，极具创意。

在网站上迷失方向，虽然不是什么生死攸关的事，但会带来许多负面影响，如：用户体验下降、任务不能完成，用户流失等。我们可以通过良好的导航系统来避免这个情况发生。好的导航系统可以帮助人们找到在网站中的位置，并帮助他们制定更好的查询策略，增进对内容的理解。

4、如何设计注册激活邮件

1、尽量不要用图片，尤其是别把激活链接做成一个点击按钮。

2、尽量少的给链接，最好只有一个显眼的链接。其他链接一律变短，弱化。链接明文显示。

3、用简单的邮件头

4、给予适当的提醒和帮助

a、提示用户如果无法点击链接，直接拷贝链接激活。

b、提示这是一封系统发出的信，请勿直接回信。

5、表明身份，发信人使用网站名即可，如“口碑网”、“淘宝网”。

5、非原型 不设计

在风起云涌的互联网浪潮中，产品迭代的速度越来越快。随着用户需求的激增，可视化的内容远比文档的更易于被用户（以至我们的客户）所接受，就像用户研究项目中常说的一句话：“用户怎么说的，并不代表他们怎么想。

6、自然描述与自然任务

每个人关心的过程都不一样，站的角度不一样呈现出来的内容也就不一样。

7、注册和登录流程（除了首页，估计就数注册和登录对用户最重要了，也是最难整的一块，看似简单，里面有很多玄机）

* 会员注册页面的交互细节

* 谈网站注册、登录过程

* 网站注册那些事儿

* 某些媒体登陆脑残群体

相信使用Firefox的网友都知道Xmarks这个插件吧，用于同步书签的，方便之处自然不用说了，可惜GFW把人家给墙了，鄙视GFW。

今天给大家介绍一款新的同步插件 – Weave Sync， Mozilla自家的插件，和Xmarks很有一拼，看看截图就知道它能干什么了。

可以同步书签，密码，配置，历史记录，甚至是你打开的Tab。

Weave Sync 默认是通过Mozilla的服务器进行同步的。如果您希望同步资料到您自己服务器上，Mozilla提供有关设置自己服务器的配置。

安装地址：Weave Sync

推荐 Firefox 3.5+ 上安装使用

今年的公司年会选择了滑雪和泡温泉，21日去了南山滑雪场滑了大半天，下午就去泡温泉了，可惜年会上一不小心喝多了，加上温泉池一热，更晕了，也没泡上。

下面说说滑雪，从06年第一次在陕西的翠华山滑雪场接触滑雪，到现在的第四次，基本上也就是一年一次，技术长进一般，上中级滑道还行，高级的没敢去。

滑雪运动起源并发展于斯堪的纳维亚国家（北欧大半岛，包括挪威和瑞典两个国家。长约1,850公里(1,150 哩)

SKI（滑雪）是一个挪 威词，意思是雪鞋。

转载网上的图示教程：

在JavaEye上看的这个，转发一下，原文：http://www.javaeye.com/news/13151

Gerrit 受到了这些设计的启发，尝试着使用Swing创造出了NixieClock（原子钟）效果。

*首先，在Fireworks中创建了一个原型

*第二步是建立一个JavaBean并将其转成Swing，这个步骤要花费很多时间

*第三步是建立一个包含时钟逻辑的JFrame和6个nixie number的组件

结果如下：

下载NixieClock：http://www.jug-muenster.de/wp-content/uploads/2010/01/NixieClock.zip

看图说话，原地址：http://www.mozilla.org/

什么网站能花费￥35,200,000.00元呢？ 纳税人的钱怎么就这么容易花呢？

2010年1月20日 18：42分截图
地址：http://www.mof.gov.cn/mof/xinxi/zhongyangbiaoxun/zhongbiaogonggao/200912/t20091215_246271.html

这两天看纪晓岚第四部，结局42集中有这么一句话：“万岁爷 就因为有了贪官 不贪的就受表彰”。

上下文是这样的：

和珅因为“青化山事件”，被革职查办，后因为朝廷整治漕运，文武百官甚至乾隆帝都无法筹备整治漕运的银两，于是大家就让和珅待罪立功筹备银两，和珅于是从查办他时不帮他说话的人入手，贪官必然就不说了，纪晓岚家也被和珅搜了，结果没发现任何脏银，是个清官，于是全紫禁城和乾隆帝都知道纪晓岚是个清官，当乾隆帝因此事表彰纪晓岚时，纪晓岚如上说。

本周关注比较多的是JQuery部分，优化了一个分页组件，实现了一个仿Gmail头像上传并剪辑的功能。

分页组件稍后有时间可以分享一下，今天分享下仿Gmail头像上传剪辑的功能。

本周主题：仿Gmail头像上传剪辑

这个功能是参考了Gmail的头像上传功能，并参照其流程实现的，因此叫仿Gmail头像上传剪辑，建议想用类似功能的朋友先看看Gmail的头像上传流程。

使用到的工具：

1、JQuery

2、Jquery.Form.JS (JQuery的一个form插件)，这里主要是在层里面用到它的ajaxSubmit功能。

3、JCrop（JQuery头像剪辑插件），之前有篇博文讲到。

场景，思路和做法：

1、比如更新用户信息时，要更新用户的头像，这里只是更新头像地址，而不是在更新用户信息页面时上传头像，头像上传和剪辑的处理交给其他组件完成，比如这个上传剪辑功能。

2、给一个链接，比如叫“上传照片”， 如下图：

点击该链接会弹出一个层， 如下图：

3、头像上传的事情在这个层内完成，先上传到系统的temp目录，因为这个图片最后是要删除的，JCrop 剪辑后的图片才是真正想要的。

4、将图片上传完后，进行同比例的显示缩放(注意我这里叫显示缩放，而不是真正的缩放，即仅在该层内等比例显示下即可，当然你也可以不显示缩放，结果是图片巨大个，显示不下或者出现滚动条)，显示在该页面，然后加载JCrop插件，进行图片剪辑处理（这里为了简单，没有放像Gmail那样的预览小图，需要的朋友可以参照JCrop加上），如下图：

5、点击“应用更改”时，将在服务器上进行原图片的剪辑工作，JCrop需要的是剪辑框的x,y,w,h四个参数，但是剪辑是在原图片上进行的，因此此处的x,y,w,h需要做映射，将缩略后的x,y,w,h映射到原图片的x,y,w,h上，新图片剪辑后保存到你的头像目录，最后别忘记删除temp文件夹下的图片。如下图效果：

总结：

此功能的实现上没有什么新颖的东西，主要是将几个插件的使用揉合在一块，然后形成一个用起来比较顺手的功能，实现过程可能稍感麻烦，但是最终的效果还是不错！