标签 设计 下的文章

看了腾讯的招聘网站,

发表于 WebBuild

下面这张图是在腾讯校园招聘的"招聘行程"页面抓下来的(使用的浏览器是Firefox3):

主要内容是图上标明(3)的地方,但是在Firefox、Chrome、Safari浏览器下,这部分等于是完全不可以见的。同时这里是通过iframe引用的另外一个页面,如果引用的是一个动态页可能还想得通,因为可能为了方便修改数据,但是引用的却是一个html静态页面,似乎就没有必要了。

"返回首页"的按钮设置在了(2)的位置而这里的"首页"又指的是哪一页呢?tencent首页,招聘首页,还是校园招聘首页?在位置(1)的地方你想或许有个回到招聘首页的连接吧?没有!那里就是一副图片。

下面这张图片依旧是Firefox用户的优待:

有趣的是,城市是你无法选择到的,如果你使用的是Firefox浏览器。

招聘虽然没必要做成淘宝/支付宝UED那么cool,或者豆瓣那么的有意思,但是至少要能使用吧?看腾讯招聘中多个职位需要”熟悉LINUX/UNIX操作和开发环境“,而真正在linux环境下的用户却无法到达腾讯,因为他们通向腾讯的大门(招聘网站)是ie only的,而他们却没有ie(如果没有双系统的话)。

今天看了twinsenliang的博客,知道腾讯缺的不是前端人员,他们有很不错的前端人才!

-12月04日

良好的用户体验设计中应注意的几个细节

发表于 WebBuild

我认为,在写网络程序时,要把每个用户都想像成满怀恶意的黑客高手,他们每个都想暴露你的数据库!安全是最重要的;在做网页设计时,要把每个用户都想像成刚接触电脑的电脑盲,他们连超链接是什么都不知道,可用性是最重要的。

而我觉得网页设计比网络编程更难,写程序时,遇到了难题,查查手册,google一下,基本就能搞定。但是一个网页,可能反复修改N多次还不能达到满意的要求,尤其是基于浏览器的原因,一个细节可能怎么都调不好。

而所有的一切,都是为了用户。当我不断的在用户和设计者身份间切换时,我学会了特别注意下面的细节处理:

1,首要的,尊重W3C标准,尊重每个浏览器,尊重每个用户。

2,不要忘记给radio和checkbox标签的说明文字加上label标签,你可以不必多辛苦,但是你的用户将不用玩“看你能不能点到我”的游戏;

3,翻转效果图片做在同一张图片上,然后用css定位位置。这样就不会出现当mouseover时图片未加载而出现什么都没有的情况。

4,一般情况下,对用于有明显表现意义的小图片(如Loading图片)进行预加载。

5,记住script只是页面功能的增强而不是增加。

6,noscript标签不要放在页面内容最前面,这样搜索引擎可能直接抓取了类于“抱歉!我们的网站需要启用jabascript才能正常浏览”作为摘要。你仍旧可以使用css将它绝对定位在页面的顶端。

7,如果你的<a>标签仅为了实现onclick,而不是真的需要连接,那么记得在代码后面加上"return false",以避免将页面带到顶部(不过从语义化角度上来说,不建议将<a>这样用)。

8,无论如何,给验证码图片加个方便的刷新连接。

9,当作品完成后,亲自观看一下至少一位用户怎样使用你的产品,然后你绝对会有至少一处地方想要修改。

而一旦你知道哪点是重要的,你就要将这点应用到你的设计里去,就像每天的吃饭睡觉一样,就会变成习惯,变成一种需要,而不是只会说却永远忘记做的口号。

再来个截图,Gmail添加新功能

发表于 杂七杂八

今天打开Gmail就看到Gmail添加新功能了,说是新功能倒也没有很多邮箱技术上的更新,而是添加了更改页面主题的功能,以前对gmail单调的tab颜色颇有微词,呵呵.现在终于,gmail变漂亮了.



再来一个,呵呵,这个比较有趣,选择的时候需要添加城市,然后会根据天气来变换主题:


哈哈,曝光一下spam

OK,吃饭去了.