可用性:简洁≠简便

我姑姑家的客厅安装有一个带遥控器的吊灯,由三盏副灯组成。灯自身还是很精制漂亮的,遥控器上却大有问题。遥控器只有电视遥控器的四分之一大,上面只配备 了一个按钮,简到了极致。按第一次,亮一盏灯,再按一次则关上;然后按第三次,便可以亮两盏等,再按又关了;按第五次,才可以把三盏等都打开 ,再按则全部关上;接着又可重复前面的步骤。在我看来,一个按钮,应该是控制整组吊灯的开关,如果没人告诉我,我还真不知道能那样操作。在电视遥控器上, 每个按钮上有文字或图标告知我它的作用。而在这上面,也简洁到没有任何的说明文字和图示,甚至没告诉我这个遥控器用来控制头上的吊灯。有的只是该品牌的商 标,生怕我记不住它,但实际上我却没记住它。一个按钮,不能再少了,但它却给我带来了很大的麻烦。

大多数用户注册表单至少有这四个填写项:用户名、密码、密码确认、电子信箱。有些网站为了使用户注册更加简便,于是把电子信箱当作用户名,简化到了由“电 子信箱、密码、密码确认”三项组成。“天啦!我好像没有电子信箱。”“我几乎不用,已经不记得信箱地址了。”“啊!这意味着别人只看到我的信箱地址,而看 不到我那十分有意思的昵称了。”“这个社区里有些知道我常用网名的朋友,但没有人认得我的电子信箱啊。”用户在注册时会爆出像这样的种种疑问。网站管理者 为了使注册更简单,却引起了更多的麻烦。

这两年,大家对可用性热情似火,如何更简便地使用产品,成为争相发表见解的话题。过去,网站上充满了各种教程和应用心得,现在都纷纷开设了可用性或用户体 验的专栏。每个产品的使用都需要若干步骤,我们都在考虑哪些步骤可以去除。我们有些时候只站在自己(作为设计者或开发者)的立场思考,只考虑到某个步骤是 否与另一个有所重复、是否会拖慢速度、是否多此一举,而不是切实的考虑用户是否需要或者习惯这个步骤。我们自己是一个“辩护者”,乐于接受各种认知摩擦; 而在用户中,“幸存者”占高比例,他们厌恶认知摩擦,会连连抱怨;更有一些“反叛者”,对那些让他们困惑的产品置之不理。实际上,我们或多或少都会考虑到 用户的需求,但往往没有考虑到用户的习惯。一味追求简洁,就可能会与用户的习惯产生摩擦。比如,填写一个用户名是天经地义的事,却要把电子信箱作为用户 名,让人很别扭。可用性不仅仅要让用户少做些事,还要让用户用起来感觉很习惯。

对于前面提到的吊灯,厂家应该把遥控器的按钮设计成旋钮或者推钮(类似电风扇旋钮),设置四个档:关闭、1盏灯、2盏灯、3盏灯,并给每个档配上亲切的图 标。这样既达到了用户的需要,也符合用户的习惯,而且似曾相识。 在用户注册表单中,“用户名、密码、密码确认、电子信箱”四个填写项都是用户经常填写的,完全符合习惯,何必“少”此一举呢。而在我看来,“电子信箱”大 可不必设为必填,用户不想别人知道他的信箱地址,胡乱填写一个也能注册,那这个填写项就没有什么意义了。 我们努力使产品界面和使用过程更加简洁,但贴切用户的使用方式才是可用性更重要的目的——简便。

教务管理系统登录框位置的思考

 (此项目最后没有做成,校领导没有立项,有不少朋友误以为工大现在的网站是我设计的,那个太锉了,我要避谣!!)

我会记录下一些关于湖南工大网站建设的工作内容。可能是设计中的情况,可能是方案的展示,可能是考虑到的各种问题,也可能会是发一些牢骚。

可以预见,这些记录会对我们的发展起到一定作用。

这篇是对教务管理系统登录界面位置的UE思考

对于“教务管理系统”,是学生进入学校网站的首要目的。我们在调查问卷里也这样写了:“除了查询成绩,您最经常做什么?”。“查询成绩”既是教务管理系统 中的主要功能,另一个主要功能是选修课报名。90%以上的学生进入网站都是朝这两个目的来的。在前段时间的策划思考中,我们认为“教务管理系统”作为首要 功能,应该尽量减少点击步骤。也就是将登录框放置在首页合理位置,让用户直接就能登录系统。原来网站上是通过点击一个链接进入“教务管理系统”的首页,然 后输入账号密码登录。不论原来的设计者是如何考虑这个问题的,我认为他们做的很对。教务管理系统具有极强的实用功能,因此必须建立它的可信度、安全感和重 要性。登录一个重要机密系统的计算机界面,总是只有一个登录框。例如,电影里常出现的机密系统最后一步输入密码的界面,往往只有一个密码输入框,界面精致 严密。这种感觉体现了极强的机要性,可以使人体验到自己即将做的事情很重要,并且十分可信。不论查询成绩,还是选修课报名,对于使用者来说都应该是重要且 不能出错的。因此,界面的设计就应该给用户一个可信度、安全感和重要性都很高的体验。这为用户使用该系统增强了信心,因为有的人会担心自己操作失误。之前 的想法将登录框放在首页,虽然看似便捷,实际上并没有很大优点。虽然点击后打开登录界面的步骤增加了一步,但这对于经常使用的人来说根本没有任何麻烦的感 觉,这样还更增加了该系统的用户体验度。再进一步思考,既是首页上引导用户点击进入该系统的链接。链接代替登录框,吸引行肯定不如后者,可是也能平横整个 首页界面。这个设计会是一个很值得探讨的问题,我将会在后面的记录中再发表意见。

英德红茶王和宜兴红茶

在株百无意间发现有卖英德红茶王宜兴红茶。久闻两者大名,却一直未能品尝。

英德红茶王的特点是全是黄金芽。一开始不认得,以为是滇红的特殊品种。看到产地:英德,猛然醒悟,此乃著名的英德红茶。曾经买过英德产的袋泡茶,很普通的消费级茶叶,没有与众不同之处。查其资料,知英德红茶王远近闻名,望品之,如今得意。

宜兴红茶产于紫砂壶之都,那里的人也特喜欢红茶。用紫砂壶泡红茶,可将茶香留在壶内。久而久之,不放茶叶都能泡出上好的茶汤出来。曾经我以为紫砂壶只用来泡乌龙茶的,后来了解到宜兴盛产的是红茶,才解开了这个误区。

英德红茶王不愧是出口之物,38元/两的价格有点贵;而宜红多是内销,竟然4.8元/两。两者的价格之差很是离谱。不过,由于明天去旅游,来不及品尝,到底孰好孰差,现在还不能品论。

 

关于翡冷翠

“翡冷翠”是佛罗伦萨的另一种音译,十分浪漫暧昧的称呼。但我现在不是要谈论佛罗伦萨,而是说说在厦门买的德国产“翡冷翠”加香红茶。它的茶叶成条索状, 比较粗大,形状很像滇红,也带有稍许黄金芽,颜色略呈灰色。买的另一种茶叶“意大利橘 ”,形状较为杂乱,有较之前者更短的条索,也有裂开的小片状,颜色是近于黑色的。闻“翡冷翠”的香气,不知是什么香料,我本对香料几乎无所知,略微像梨 子,可能就是某种意大利的梨子。德国产的,买了两种居然都是意大利风味,有名的格雷伯爵也是配的西西里的佛手柑油香料。两种红茶有个共同点,头道茶汤仿佛 中药一般,苦涩难咽。加入方糖,难免会想起小时候被逼喝中药,然后放块冰糖的有趣记忆。上一次写日志品论“意大利橘”,泡茶时没有闷多久,就倒出来喝了, 并没感觉有多苦涩。后来一次闷了三分钟,再倒出,苦涩难耐。今天(应该说是昨晚,已经12点过了)品“翡冷翠”也是如此。于是我想到了铁观音,它的第一道 茶汤是用来洗茶的,很苦。我试着先闷了一分多钟,倒掉第一道茶汤,品第二道。果然不出所料,味道已经比较适合了,仍有香料的香味,也完全不像中药了。可香 料味也好,茶味也好,都称不上上等品种。当然,这很大可能是这个茶本身就不好,当时只是好奇才买的。

意大利橘

在厦门的时候,在SM购了两种加香红茶。美其名曰“意大利橘”和“ 翡冷翠 ”,后种还没品尝过。“意大利橘”顾名就是调配了意大利橘香料的,有较溶的橘香。泡好后品尝之,本以为可以像多数茶一样先含在口中感觉其味,没想越含越苦涩。其实刚入口的感觉还是不错的,所以建议这种茶的喝法是尽快地咽下去。然后回索那刚入口的瞬间美感,转瞬即逝的东西往往是非常美丽的(太多人抒过这样的情,我就不再多费笔墨了,也很难超过那些经典的词句)。当然,如果这茶不加糖的话真是苦涩得没法喝。还有一种可能就是,我买到的“意大利橘”不正宗,毕竟是第一次遇到这种茶。那么,至少品尝我买到的这种“意大利橘”适合用这种品味方式。

我获奖了:全国首届“清祺书”杯日历设计大奖赛评审结果

盼了好久,评奖结果终于出来了
只得了优秀奖,没有让我喜出望外
但重在参与,能获奖能保本我也心满意足了
我会继续努力。。。。

纳入第二届文博会的"全国首届‘清祺书’杯日历设计大奖赛"历经8个月地筹备、发布、征稿,大赛组委会于2006年7月30日在深圳雅昌艺术馆举行评审活 动。来自清华大学美术学院副院长、中国美术家协会平面设计艺术委员会副主任、秘书长何洁教授;汕头大学长江艺术设计学院院长、国际平面设计联 盟 (AGI) 会员靳埭强教授;王粤飞设计公司创作总监、国际平面设计联盟 (AGI) 会员王粤飞教授等作为评审专家应邀出席,对来自全国800多份 应征作品进行客观、公正、公平地评审。评出特别创意奖1名;金奖1名;银奖2名;铜奖4名;优秀奖29名(增补优秀奖     名),现公布如下:
    创意奖:   
              吴永刚      岁月有声
    金奖:
              林徐攀      扬才露已
    银奖:
              高凯         魅力杨柳青
              孙鹏         timespan
    铜奖:
              颜思琴      Rolls China
              唐一鸣      小历
              张玉辉      戏——2/4拍
              孙亚军      生肖文化
    优秀奖:
              来佳岑      水润年华
              刘妤         猪之歌
              郝刚         中国传统装饰汉字A(挂历)
              庞朝辉      岁月轮回
              江蜜蜜      大树
              吕秀梅      2007年年历设计
              王金磊      流年
              熊婷璐      夜醉梦
              韩文雅      时光2007
              陈志剑      收放岁月
              陈志剑      岁月轮盘
              张扬         多彩的表情
              张琼文      2007进行曲
              颜思琴      Rolls knack
              肖良佳、黄文君、周建先、余俊海         彩云邂逅
              任潇         My free
              王简         百福图
              李季         IT
              郝立岩      扇茶
              陈寻枫      丁亥年历
              梅晓雪      十二章纹台历
              陈喜伍      撕纸形式月历
              陈喜伍      拼图形式台历设计
              陈喜伍      日历单张设计
              陈斌斌      客串
              迟冬梅      时光的回忆
              徐欢欢      整理日子
              谭慧丽      生肖文化日历
              李素         中华古风

 

实习确定下了

厦门的天气也热,头两天因为台风还很凉快。不过没怎么享受好天气,只在电视台里面坐着。坐了两天,真不觉得在电视台里做网页设计是有意义的事情。网站编辑 部里面只有一个网页设计师和一个网页程序员,前者对标准几乎一无所知,义无反顾的表格布局、冗余代码。去另外几个地方看了看。厦门在线,一个名称喊的很 响,却没有见一个全职设计师,电脑桌都破破烂烂。中资源,有规模也有气氛(似乎设计部有点乱),给了简历,然后才说我是来找实习的,结果就没希望了。三五 互联,做死打不通电话,尽是猫的声音,有人在用电话线拨号上网。两家设计培训学校,没来得及去面试。

最后选择了达腾网络,英文名曰dotop(做到顶,做到极致)。英文名是好名字,中文就没有这种感觉了。刚进去第一印象挺不错(不过地点不好找),像个样 子,氛围也不错……。因此总总就决定留下来实习了。电视台不做不是因为那个设计师水平一般,而是因为两个月窝在那里就做那么个网站,学不到东西,又没工 资,实在没意思。我更希望的是一个好的设计环境,能使自己的水平再进一个层次。而锻炼的机会是不缺的,在家坐着都有。

看来厦门的设计确实有待发展,是个很有前景的地方。

视觉红茶

我对于红茶的喜好存在一种矛盾。我对红茶的看法是比较简约之物,它不应该讲究茶叶是否好到极致,也不应该讲究那种所谓泡茶的“功夫”。反正拿来就泡,什么 茶具都可以用,想怎么配就怎么配。因此我反对功夫茶,也不只为喝而去买几百上千的茶叶。至今我的茶壶还是十几块钱买的玻璃咖啡壶。但我却喜欢骨瓷。骨瓷源 于英国,是质地最精细、生产成本最高、也最高贵的瓷器种类。当然这里说的“最”没有包含其文化价值。前两年,英国生产的一款骨瓷杯子能撑起一辆小车。喜欢 骨瓷不是因为崇洋,而是纯符号学上的喜爱,并无阐释学的理由。骨瓷的风格最符合我的审美观。上面的图案有工艺美术运动时期的风格,也有现代主义的风格,在 一些咖啡杯上也有后现代图案。这都是些设计风格,而青花瓷更多的是传统图案,应归类为绘画风格。朴实的红茶+高贵的骨瓷,一对矛盾。从另一方面讲,不论它 们是什么,这样的搭配是最有视觉美的。也决定了我对于红茶的喜好,视觉效果是第一位的。白色上衬着透明的深红色,成熟而不沉重、释然却不放肆。如浪漫的玫 瑰,但却不会凋零;如秋天的红叶,但也不会飘落。当用小茶包泡茶时,茶包沉于杯底,茶汤缓缓地从茶叶里析出,仿佛墨水滴入水中那种如烟如雾之美。何况它是 红色的,又从下往上飘漫,更使人感动于这种幽然。

矛盾在另一种观念上转化为和谐了。生活何尝不是这样,用不同的态度去看待矛盾,矛盾即使不会完全转化,也可以趋于和谐。

追星小议

表妹问我暑假去不去青岛。她本来说要去上海实习的,叫我也一块去,怎么就想去青岛了?原来她想去看海洋节,拖人一起去。海洋节,一看就知道是纯商业性的节 会,绝对没意思。不过她却喜欢这种活动。想必更应该是有什么人吸引她。果然,她说hot有两个人会去参加海洋节,她要去看,还要再跟到沈阳去。一个十足的 追星族。

说到追星,虽然我不推崇,却也无可厚非。对演艺界的人的崇拜,可以带动社会的发展,对经济对文化着实都是有好处的。从个人来说,追星只要不影响学习、工作、生活,更是没有理由反对的。

追星来自西方,很大程度上源自2、3十年代美国通俗小说和漫画中的超级英雄。这种个人崇拜在现实中即演化成对引领娱乐的焦点人物的赞美与崇拜。人人都爱玩, 引领娱乐就是引领玩的方式、提供玩的事物。演艺界就是在创造各种玩的方式和生产玩的事物。他给人带来很直接的快乐,人们也就乐于追随他。

但实际上,有不少人盲目、疯狂的追星,已经歪曲了这种文化。这类人,往往心灵比较空虚,所以也就找了这样一个目标来追求。这一点我们可以理解,可很多情况下他们的行为不能被身边的人认同。

我说她什么时候可以成熟一点,她说中科院都为了rain到处跑。我不知道这个事情,但我知道追星可以提炼成品位。人家美国人追了几十年星了,也有很多的例子,即使不追星的人都可以借鉴学习的。

自定义项目符号列表引发的一点小思考

看看下图,ie里自定义列表符号的位置不会和文字对齐,不过ff里显示很漂亮。可能ie的默认样式就是这样的。

css里是这样的,给ul定义一个类:

.icosqli {
    list-style: url(images/icosq.gif);
    line-height: 22px;
}

但是ie里效果就成上面那样了,我就尝试加下面这个

.icosqli li {
    vertical-align: middle;
    }

没变化,又试了其他方法。

.icosqli {
    list-style: url(images/icosq.gif);
    height: 22px;
}
.icosqli li {
    vertical-align:middle;
}

无奈,只能用另一些样式属性了。也就是给li设置背景,模拟出这种效果。
可是感觉,明明有一个这么好用的属性list-style-image摆在眼前,我们却要回避它,实在让人悲哀。
过去我们都在用表格布局、用html样式属性的时候,很多这样的问题要回避;现在标准正在普及,过去并不很被关注的标签和属性,现在都受到重视,可我们仍然要回避很多问题。其实,按标准来说,楼上版主的这个方法是不符合语义的。想必版主自己也很无奈,不得不这样做。
总是一个好东西在面前不能拿来用,得绕个大弯去实现相似的结果,费这么大周折是为了什么?很大程度上这是微软惹的祸,bs微软,可我仍然在用他的OS!
当然了,大家也都知道,干设计这行就是这样的。真想自由自在那还得去搞艺术,回忆那些画画、写生的日子,很是怀念。