「Jonas Fornerod」

Jonas Fornerod – 瑞士摄影师

01

02

03

04

05

「HTML5 CSS Reset」

原文转自:http://code.google.com/p/reset5/

reset5 是针对html5的css reset, 基于 Eric Meyer’s CSS Resethtml5doctor.com’s HTML5 reset
需要注意的是它采用 MIT 授权条款许可,所以在使用时必须包含完整的版权申明。

/*
HTML5 CSS Reset
Based on Eric Meyer's CSS Reset
and html5doctor.com HTML5 Reset
Copyright (c) 2010 736 Computing Services Limited
Released under the MIT license. http://736cs.com/mit-license.php?2010
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section, blockquote {
display: block;
}

nav ul {
list-style: none;
}

ol {
list-style: decimal;
}

ul {
list-style: disc;
}

ul ul {
list-style: circle;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

ins {
text-decoration: underline;
}

del {
text-decoration: line-through;
}

mark {
background: none;
}

abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

input[type="submit"], input[type="button"], button {
padding: 0 !important;
margin: 0 !important;
}

input, select, a img {
vertical-align: middle;
}

「Michael Kenna」

Michael Kenna – 英国摄影师

01

02

03

04

05

「愚蠢的设计」

今天想查下我的平安信用卡使用信息,结果经历了一场噩梦般的体验。

首先登录平安官网,点击“登录信用卡网上银行”的button 进入如下页面:

输入身份证号和密码后:

至此还算正常,本以为登录成功,可页面刷新后 又跳出一个登录框:

这里问题开始出现,怎么又要一个密码?我已经忘了我什么时候设过这个“一账通密码”了,我甚至忘了我曾经注册过一帐通,既然如此 ,好吧,我常用的密码就那几个,******和**********,我尝试着输入一个:

紧接着试了几个,还是提示失败,我有些开始不耐烦了,开始想会不会是当初给了我一个初始密码,我忘了重设? 于是 我点了“忘记密码” 出现一个新表单:

这里愚蠢的设计已经初露端倪了:既然你登录的时候都没有要求填用户名,而是用身份证号和密码的形式登录,在这里也文字提示可以用身份证号登录(还有一个平安客户号 我的天!),用户名在这里简直就是一个鸡肋,设想一个使用频率很低的用户名,谁会记得住?还不如直接用证件号来得干脆直接!便于用户记忆。于是我继续在这里填写我的身份证号和验证码:

点击“开始重设”的button:

又出现一个更长更复杂的表单,在这里又要我输入一遍身份证,最近正好在看《web表单设计》,之前没有体会到书里所提到的对表单的厌恶感,现在开始有点感触了,但我还是强压着火,按部就班的输入各信息:

噩梦并没有终结 而是刚刚开始:

您输入的账号和密码未通过验证!这怎么可能?我第一步就输入并通过验证的查询密码 到这里却提示我出错?难道是我粗心 不小心敲错了?我又试了几次,还是不行,然后回到前几步重来,结果都是一样,擦 我真tm想骂人了!我需要一个解释,于是我按信用卡上的24小时电话拨了过去,结果,再数次语音提示我客服忙线中之后,最终连等待的机会都不给我,而是直接叫我重新拨打了,我想骂也无处可骂,真有种哭笑不得的感觉。

冷静了一会,我开始回忆我的操作过程,仔细查看网页的每个角落,看看是不是我遗漏了什么重要信息,无法输入密码 请安装控件?早安装了n回了,慢!这个密码输入框后的图标怎么有点不一样? 我试着移上鼠标,轻轻的点击:

11

图标变了,转机出现,于是再次输入密码,终于见到了久违的网银界面,没想到问题就出在这里!就这一个愚蠢之极的小细节,把我搞的连杀人的心都有,当然想杀的是设计开发这款产品的人,为什么一上来不给明确的引导,而是放置一个陷阱,任由用户一头栽进去呢?真的一点没有同理心么?这其实是个很简单很容易处理的问题:如果没有安装安全控件,密码输入框灰度不可控,一旦安装后,自动进入安全控件模式。这样就没什么问题了,大大的提高了用户的体验,而不会象现在把我这样的用户折腾的火大。另外还有很多细节处也不尽如人意,比如“继续”和“登录”button实在太象,要知道用户一般都是扫视网页的,尤其是象我这样的老鸟和互联网从业人员,更是不会细看的,本以为第一个界面就能登录的事,没想到又跳出一个要求我输入的表单,真的令我感到受宠若“惊”阿。

我想起淘宝上购物原先是支持平安银行信用卡的,不知什么时候取消支持了,不知道是不是因为系统安全方面的原因还是其他,总之,通过这次不愉快的经历,我决定,尽快去注销我的平安信用卡,以后都不再使用了 免的添堵。

2010-12-23: 在公司电脑上使用无以上问题,所使用的系统是XP+IE8,家里的笔记本是Win7+IE8,问题可能就出在操作系统上。

「Evernote」

我随身总是携带2本笔记本,一本九口山裸装本,用来记录前端开发相关,比如编码中所遇到的问题,各浏览器的兼容性表现,以及jquery的学习笔记。另一本moleskine的周记本,是好友安澜洪送的生日礼物,主要用来记录些摄影及产品设计的东西。这2件法宝对我的工作着实有着不小的帮助,当然 有了本子还要有笔,为此我还特意配了一个muji的文具盒,配那些不同颜色的水笔铅笔尺外加橡皮擦,所以 每次出去带上这些我的包自然不会轻,有时候我常常会想,万一本子掉了怎么办?就算不掉,时间长了本子也会磨损,坏了又怎么办?每每想到这难免心会小痛一下,本子的价值是有限的,但本子上记录的这么多内容对于我来说,可以算是无价之宝了吧。

还有就是有时候在网络上看到的一些图,一些文章,都比较复杂,誊写到本子上效率未免有些低下,加入收藏夹?换台电脑就不行了,有的只能转载到自己的blog上,有的只能等再需要查阅时再google一下。东西一多,时间一久,不是忘了,就是很难再搜到。

evernote
Evernote
官方网站: https://www.evernote.com/

于是,终于有了这么一款互联网产品,打消了我以上的种种担忧,它就是Evernote,我称之为网络笔记本,简单的来说,它是一款基于云计算的新产品,所有的内容都可以存储在云端,这个云端可能由无数个服务器组成,而我们可以通过世界各地任意的终端去访问,比如家里的台式机,办公室的笔记本电脑,甚至潮流时尚的ipad,或是一部3G手机,只需要有网络就行。

让我YY一下:未来世界的两端:云端和终端,只需要通过互联网,即可将两者连接,完成任何我们难以想像的事情,当然,能阻挡这股势头的只有2种可能,一个是世界末日,另一个就是我们萎大的GFW。

evernote

言归正传,回到Evernote这款产品,首先它是免费的,对大多数用户而言,早期使用的话免费版已足矣,如需更好的服务可以购买它的高级版,两者的区别可以见这里(https://www.evernote.com/about/intl/zh-cn/premium/)另外该产品现已支持中文版,正如我之前所说的,其中文网站上所写的宣传语:随心随处访问,Evernote 几乎可以在每一台电脑、每一部手机和移动设备上使用。并且可以通过标题、标签、甚至图片中的打印或手写的文本进行搜索。这点是实体笔记本所无法做到的。

evernote

目前我主要是在电脑上将感兴趣的东西在evernote网站上(家里的笔记本上安装了客户端,但感觉还是直接打开网站方便……)记录下来,然后在有wifi网络支持的iphone上打开该app进行读取,照理说免费版应该不支持离线使用,但实际使用过程中,只要在有网络的时候打开过的内容,离线的时候还是可以访问的。这点对于目前3G网络不支持,2G网络费用昂贵,不能实现随时随地在线的我来说还是很重要的。除此之外,更多功能尚在探索中。

「Josef Hoflehner」

Josef Hoflehner – 奥地利摄影师

01

02

03

04

05

「Bogdan Panait」

Bogdan Panait – 罗马尼亚摄影师

01

02

03

04

05

「Alberto Oviedo」

Alberto Oviedo – 美国摄影师

01

02

03

04

05

「Joe McNally」

Joe McNally – 美国摄影师

01

02

03

04

05