最可爱的人

作者:Salan

当我跨进浴室正打算洗个香喷喷的澡时,手机铃声响起了,一个熟悉的电话映入眼帘 - 85022088。

我第一个想到的是小新,电话里传来的声音也确实是男生。不过我马上听清了对方的自我介绍 - 偶们的安全助理GG。我奇怪了,思绪飞转,难道我忘了什么重要的东西在公司??

在他问出第一个问题后我就结束了偶的奇异猜想。

安全助理GG:你是Sam的同事吗?

偶:是的。

安全助理GG:这几天你看到过Sam吗?

偶:哦,我看到他了,他都来上班的。(话外音:其实我和Sam只隔了一个位置,真是抬头不见低头见)

安全助理GG:他是周三、周四、周五都在公司的吗?

偶:是的,我昨天才看到过他。他只有周一请假没来,周二就回来上班了,我确定他在公司的。

安全助理GG:是这样的,他妈妈从周三打他电话就没联系上,非常着急,担心Sam是不是出了什么事,所以今天打了公司的电话。你知道Sam是不是换了号码?

偶:啊~ 这个我不清楚了,不过他都有来上班的,你放心。(话外音:偶估计Sam手机丢了)

安全助理GG:好的,那我打电话给他妈妈报平安。谢谢你啊!(话外音:偶听到安全助理GG笑的很放心)

偶:啊~ 不用谢啦,偶应该谢谢你,太敬责了。(话外音:傻笑加脸红中…)

挂断了电话,我还有点没回神,脑海里一直冒出这就是“最可爱的人”,他们小小的举动让我倍感温暖、万分感动。可惜我当时太激动了,竟然忘了问人家名字,遗憾… …

不过这个遗憾就让Sam来弥补吧,周一上班找出这位最可爱的安全助理GG,好好谢谢人家。

To Sam:

我想不用我提醒,你看到这篇帖子就会赶紧给家里打电话了吧!以后你的通讯工具有任何状况(丢了、换号码、停机、长时间关机)都要记得通知远方的父母哦!他们是最最关心你的人。^-^

倒带回去,当时按下接听键的时间是北京时间12月8日19点21分53秒。

北京UPA之行:故宫

19.jpg

这次去北京参加UPA年会,期间抽空去了故宫。算是圆了一个将近十多年的念头,当年初一的时候,随父亲去北京的时候,由于种种的原因,故宫参观的很仓促。这次终于仔细的看了一圈,不过其实由于时间原因,还是有一些地方没去,希望下次有机会再看吧。

更多照片

北京UPA之行:地铁站台

作者:freeman

之前写了地铁车厢内部,现在谈谈地铁站台

image10.jpg

请看上图,这是地铁5号线新采用的玻璃安全门系统,作用自然不必说了,避免了乘客有意或者无意跌入轨道的危险。
我注意到,到站的时候,都是车厢的门先开,站台玻璃门后开,我一直在想,既然已经到站,先开站台门应该也无所谓的。
后来我想原因也许是车厢门先开,可以让车厢内的乘客先行做好下车的准备,按规矩也是先下后上嘛,只是这条对于中国人来说基本无用,大家还是蜂拥而上。
另外一个原因,我想应该是如果站台门先开,站台乘客挤上去,而这时候如果车厢门还没开,车厢和站点之间的缝隙也不太能看清楚,很有可能有人的脚踏进缝隙内,那就比较危险了。

image5.jpg

这是北京最老地铁线一号线的站台标牌,除了方向以外,其他啥都没有,而且设计的也不太美观。

image6.jpg

这是5号线的标牌,除了本站的名称,还有方向,沿途各站的名字,换乘站,随着社会的发展,小小的牌子也可以看出以人为本设计的进步。

北京UPA之行:地铁标识

作者:freeman

image8.jpg

北京地铁五号线,是最新的一条线路,站台到车辆都相当现代化。
我们入住的酒店在昌平,其间我到市区全部都是坐这条线路。
在乘坐的时候注意到,地铁车厢内部的车站指示牌比较特殊,不是简单的贴张纸了事(这个在上海,南京,北京的老地铁都是这么处理的),而是采取了一种比较新颖的用户引导系统。请见上图
绿灯:已经行驶过的车站
红灯:还未到达的车站
闪烁的黄灯:由于手机拍摄的缘故,图上不太明显,当时即将到达灯市口车站,闪烁的黄灯表示前方到站。
12,10,2,1等突出的圆圈:表示不同的换乘站,而且通过颜色进行表示,这些颜色就是相关路线的代表色。
中间的紫条:代表目前乘坐的是5号线,5号线的代表颜色是紫色。

在乘坐过程中,我觉得这套导引系统还是非常方便的:
一,不需要声音报站,我看看灯就知道我目前在哪个站。在漆黑的地下隧道中,如果没有任何报站声,一个健全人也很难确定自己的方位。如果再是一个聋人,就无法听到声音,但通过灯光的引导,他也能知道自己的方位。
二,如果是色盲的人群,通过闪烁的灯,他也能知道马上即将达到的车站。
三,不同路线颜色的区别,让乘客在很远的地方不看数字,就知道前方的换乘站是哪条线。

稍稍觉得有点不便的地方,这套系统的教育成本似乎较高,对于有教育经历的我来说,也是花了大约5分钟才知道什么意思,当然知道后觉得非常方便。但如果所受教育不多的人群,可能学习起来会比较缓慢一点。

UPA2007随想,反思UCD

以下内容,虽然贴在团队Blog上,但仅代表Panda个人观点。

这次年会的本身,不想多去评价,中国的这个行业需要这样一个交流的平台,但商业化运作的是否成功还是取决于能给我们带来多少价值。

Alex的workshop虽然只有我们几个人,但是引发我很多思考,是这几天下来最大的收获。我的很多观点和Alex一致,也许我们都是怀疑论者。我们都在反思UCD作为设计方法和设计流程,是否能给设计本身带来更大的价值。

UCD作为一种设计方法,先研究用户建立Persona,再在各个设计的阶段加以测试,是目前对UCD设计方法的普遍认识。在Alan Cooper的About Face2.0有详细的阐述。Alex的疑问,UCD的设计方法这些年来并没有很多赢得巨大商业成功的案例,这个设计过程对创新提的很少,更多的只是防止出错,让用户能够接受。由此他引出了他的6.5条设计哲学,我在这里就不详细说了。

我的Workshop本意是想介绍UCD之外的设计方法,也是想大家暂时抛开UCD,开拓一下思路。因为包括Norman最近这几年也在反思他的UCD理念,提出了ACD的思想。我的理解,设计是要给人类带来价值的,与其围绕着用户来做设计UCD,不如围绕着用户的目的来做设计。用户本身并不产生价值,帮用户满足了他的目标,才能给用户带来价值,用户也才能转化为客户。

不断的测试是UCD的一个特征,但测试本身只能验证想法,并不能带来直接的创新。而创新是我认为设计的核心价值。

另,用户体验的构成,有用>易用>想用>品牌,对应马斯洛需求层次论,是有价值的不同的。现在我们看到绝大多出网站,都不易用,但为什么这么火爆,Alexa上排名很高也被证实了巨大的商业价值,关键还是这些网站“有用”,抓住了用户的核心利益点,给客户提供了价值! 所以设计师在设计网站产品时,除了考虑我的设计是否能被用户接受,还需要深入思考,思考我的设计是否能给客户带来更大的价值。 能给客户带来更大价值的设计,即使难用一点,也会有客户去学习去适应,只要能给客户带来更多的实际利益。
上述想法的实践,貌似已经在互联网的商战中被证实很多了,细节不啰嗦了,明天下午,西湖边南山路淘咖啡,Team内部交流。

缤纷的网站导航设计

在页面中,网站导航条的位置一般在接近顶部或网页左侧的地方,它为用户提供一个直观的指示,让用户知道现在所在网站的位置。
导航条所占的位置大多是被用户第一眼所关注到的,它的样式设计往往也代表了整个页面的设计风格。
清爽的渐变效果、绚丽的色彩对比、细腻的花纹背景、复古的手绘元素、强烈的质感效果等…

——————简洁——————

点击在新窗口浏览图片

点击在新窗口浏览图片

点击在新窗口浏览图片 Read the rest of this entry »

被遮挡的绝对定位

bug1.gif

<div class=”A” style=”position:relative;”>A (relative)
 <div class=”logo” style=”position:absolute;z-index:99999;“></div>
</div>
<div class=”B” style=”position:relative;”>B (relative)</div>

最近做minisite项目时,碰到了个奇怪的定位问题: 以上的A,B两个盒子是相对定位,
标牌logo是A的子级,基于A做绝对定位
问题描述:我们希望标牌logo显示在最上面,但在IE下logo标牌部分被B区域遮住,B在最上层显示,调整logo的z-index的数值调整无效,firefox下显示正常。

解决方案:先了解一下所涉及到的几个定位特性(非官方解释):
1. 相对定位元素默认的z-index的数值是0。
2. 当两个相对定位同时出现时,代码靠后的z-index优先。
3. 子级遵循父级设定的z-index;如果子级设定了绝对定位、z-index,可以冲破父级显示
这个问题主要是ie对上面第3条错误解释导致的—在ie下子级的z-index不能冲破父级。网上解决这个bug的办法一般用hack使B为负值,来降低 B 在IE下级别,这种方法绕了一个大圈:z-index为负值时,产生了新的ie bug。

按照定位的特性,ie的这个bug是可以回避的,从表面上看 B 遮住了logo,实际上是 B 遮住了logo的父级 A ,只要将 A 的z-index设定大于B即可。

position.gif

<div class=”A” style=”position:relative;z-index:1;“>A (relative)
 <div class=”logo” style=”position:absolute;”></div>
</div>
<div class=”B” style=”position:relative;”>B (relative)</div>

原本想自己做一些人偶的,图省事就买了一些英国Sam的小模型。

国际站的Persona一直想建的完善一些,一直也没有合适的时间和资源。最近参加百年网站的讲师讨论,看Scott和JJ准备的“我们客户”已经是非常充实了,且比我们请外部调研公司做的更准确,除了大家去听课之外,在实际工作中更好的运用,也是我一直在思考的问题。

所以有了一个想法,搞一批人偶,贴成我们的persona,放到每位员工的桌面上,让大家时刻记得我们在做的所有工作是服务于这些客户的。
persona
也许还要买个椅子桌子和电脑,让人坐在电脑前,再次强调UI,强调网站界面和用户的交互。

没时间自己去搞人偶了,还是去淘宝逛逛,能买到类似的,那是最好。

淘宝果然有不少好东西,房子,车子,全有逼真小模型啊。呵呵,抛开这些先别管,发现了一批金属折叠的抽象小模型,顺着注释看到了英国Sam的网站,很有个性的网站,及简约的风格中透露出设计师对人,空间,生活的理解。赶紧先买四个回来,咱在淘宝也要冲钻啦!(钻石买家)

我已经折好三个放在我的显示器上面了,还没空折第四个,汗,这一点时间都没有,先贴点图片出来,和大家分享吧。

OFFICE

这个是和我想法最接近的人机交互模型。

WORK
这是工作空间,也是我们一直在强调的了解用户的工作环境,毕竟Alibaba的用户后面还有一家企业。

英国Sam的网站上还看到不少有趣的模型,又买了一些。
OFF ROAD

这是我最近向往的业余时间和休息生活,西湖边骑骑车,很舒服的事情。

这是财务自由后的终极目标,溶入大自然了。

在这里免费给淘宝的买家做广告了,大家要买去淘宝搜索MIKRO就是了。

优秀的设计师

什么样的设计师称为优秀,很简单,用商业上的成果证明自己吗。

优秀的设计师都要具备那些能力,我把我的想法整理了一下,见下图。

Firefox下不能浏览这个FLASH

阿里巴巴设计师论坛

D4论坛由阿里巴巴集团各分公司设计部门共同成立,目的是为了加强集团内部各分公司设计师之间的交流,同时扩大阿里巴巴设计部门的影响,宣传科学的设计
方法和方式。同时希望通过这个论坛,能结识更多外部设计界的朋友。