Alibaba.com UED

最可爱的人

justin Posted in Team Building at 12月 8, 2007 7 Comments » |

作者：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之行：故宫

justin Posted in Life & Feeling at 12月 2, 2007 3 Comments » |

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

更多照片

北京UPA之行：地铁站台

justin Posted in Life & Feeling at 12月 1, 2007 发表评论» |

作者：freeman

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

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

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

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

北京UPA之行：地铁标识

justin Posted in Life & Feeling at 12月 1, 2007 发表评论» |

作者:freeman

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

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

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

UPA2007随想，反思UCD

Panda Posted in Interaction Design, UED at 11月 29, 2007 5 Comments » |

以下内容，虽然贴在团队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内部交流。

缤纷的网站导航设计

Salan Posted in UED, Visual Design at 11月 26, 2007 1 Comment » |

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

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

Read the rest of this entry »

被遮挡的绝对定位

justin Posted in Web Developer at 11月 26, 2007 7 Comments » |

<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即可。

<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>