Koubei UED Team

IE下绝对定位的元素不能响应鼠标的bug修正

大米 — Fri, 05 Sep 2008 13:37:42 +0800

如果当前绝对定位的元素需要透明（没啥内容、且不设置背景），背景元素有内容透出来的时候，IE6/IE7响应的不是期望的当前元素，而是背景元素。如图：

当鼠标滑到“我爱口碑网”字上，响应的不是期望的黄色框的当前元素，而是响应的灰背景的后面的元素。

BUG表现很简单，解决方法也很简单，就是给当前元素加上假背景图，即透明背景图，这张背景图1×1px，repeat xy。

background:url(transparent.gif);

这儿提供了一个demo来演示bug和修复后的情况：anchor.html

另外也有个不需要图片的解决方案，只能用于当前元素不需要表现的时候，比如有时候只是想放一个链接让用户可以链走

background:white;filter:alpha(opacity=1);opacity:0.01

就是因为用了透明度1%，副作用就是啥都看不到了。

页面新开窗口的一点补充

木头 — Wed, 03 Sep 2008 22:37:39 +0800

前段时间我们部门的粉丝和布林同学都写过关于这个问题的文章。刚好阅读了关于这个问题的其他争论文章。所以顺便在这补充几点。

首先说明这里讨论的是在网页是否要用“target=_blank”强制打开新窗口

这是老问题
确实可以肯定这在中国大陆是个老问题。只有在中国大陆的网页才会出现这么多”target=_blank”的代码；

为什么称只在中国大陆呢。以yahoo为例。无论是yahoo.com\ca.yahoo.com（雅虎加拿大\in.yahoo.com(雅虎印度）\yahoo.co.jp\还是在雅虎香港和台湾。都是极少极少用”target=_blank”语法的。

在国内不知道从什么时候开始由门户带头普及用新开窗口，大家现在可以看到yahoo.cn和其他yahoo family都不一样。是跟随大流来决定是否用”target=_blank”语法。相信这段语法在很多网站都普及得很广@.因为连google.cn都迫于用户本土化习惯而改变了搜索页面的打开方式.(google.com默认还是沿用当前窗口打开）

到底要不要开？
(more…)

北京2008奥运会为奥运贺彩!

辣椒 — Thu, 14 Aug 2008 11:55:54 +0800

奥运会正在紧张的进行着，先代表雅虎口碑网的UED说一声：中国加油！加油！！！
不得不说此次奥运会的强大，看看奥运会会徽与福娃的设计，也让我好好的学习了一把：）
以下转自奥运官方网站>>

北京2008奥运会会徽说明： 每一个会徽的后面都讲述着一个故事。在这个故事里充溢着中国北京的盛情和期盼。在这个会徽中记载着中国北京向世界做出的承诺。这就是“舞动的北京”，这就是“北京奥运会会徽”。
里程碑
“舞动的北京”是一座奥林匹克的里程碑。它是用中华民族精神镌刻、古老文明意蕴书写、华夏子孙品格铸就出的一首奥林匹克史诗中的经典华章；它简洁而深刻，展示着一个城市的演进与发展；它凝重而浪漫，体现着一个民族的思想与情怀。在通往“北京2008”的路程上，人们将通过它相约北京、相聚中国、相识这里的人们。
承诺
“舞动的北京”是一方中国之印。这方“中国印”镌刻着一个有着十三亿人口和五十六个民族的国家对于奥林匹克运动的誓言；见证着一个拥有古老文明和现代风范的民族对于奥林匹克精神的崇尚；呈现着一个面向未来的都市对奥林匹克理想的诉求。它是诚信的象征；它是自信的展示；它是第29届奥林匹克运动会主办城市北京向全世界、全人类做出的庄严而又神圣的承诺。“精诚所至，金石为开”，这枚以先贤明言创意、以金石印章为形象的会徽，是中国人民对于奥林匹克的敬重与真诚。当我们郑重地印下这方“中国印”之时，就意味着2008年的中国北京将为全世界展现一幅“和平、友谊、进步”的壮美图画，将为全人类奏响“更快、更高、更强”的激情乐章。
(more…)

晒晒-学习字体变形(1)

辣椒 — Wed, 13 Aug 2008 14:56:43 +0800

每次看到一幅好的作品中，那漂亮的字体变形，总是为作品大添色彩，特别羡慕。就开始动工，先花些时间收集一些好的字体变形作品。多看几遍，认真仔细去分析。初学字体变形时，是一个最难功难关。如何构思!
我会这样子做：在纸上画出大致的草图，多写几遍，考虑一下怎么变形比较合适。如何去“畅想“,我采取的方式,偶尔闭下眼然后，突然睁开,看一下，通过闭眼思考时的影响。这一眼看到了什么？还是不仅仅这几个字了。
例如：餐饮行业,你就会想着餐馆的各种美味,各种形式,突然发现原来最后两个字母是圆的…盘子！
这种思考的办法,不一定每个人都试用,但绝对是我舍不得晾出来的 绝招….^_^

以下是初学字体变形的一些作品，有些有点画蛇添足的感觉，有些考虑的不够仔细：
(more…)

此周边搜索非彼周边搜索

blueben — Mon, 04 Aug 2008 21:25:20 +0800

今天收到一个周边搜索的用户调查
想了想之后，决定写点什么，关于周边搜索的 (more…)

混沌中新生—谈非线性任务流程的窗口打开方式

布林 — Tue, 15 Jul 2008 11:03:49 +0800

1 问题描述

最近与诸位聊起，在用户体验网站产品、完成任务的过程中，页面的切换到底是新开窗口，还是当前页面跳转，哪一种是最佳的用户体验。这一讨论上，意见产生了一定的分歧。在这里，也发表下自己的看法

2 从热力学角度提供解决方案–最大限度维持低熵状态

2.1 任务流程的跳转

遵循树形结构的从属关系，不同任务流程之间，相同层级的跳转采用当前页面转入。间隔层级采用新开窗口

以房产业务举例，房产页面，如点击左侧的资讯或帖子链接，视为不同任务流程间跨层级跳转，应为新开窗口。如在房产页面，从二手房切换至租房（导航或搜索），为不同任务流程间同层级跳转，根据规则为当前页面转入。
我们常常会把这个基本思想简化为：导航与当前页面转入，其他新开窗口。这种说法是不严谨的，但易被理解与实现。

2.2同一任务流程中的跳转

2.2.1母层级中的每一子项均与任务流程相关,视为孪生关联，此时从属关系的层级转化采用新开窗口，同层级转化采用当前页面转入。

2.2.2当母层级中的子项只有一项与任务流程相关，视为单一的线性任务流程。此时从属关系与同层级转化均可采用当前页面转入，减少不必要的熵增。跨层级采用新开窗口

(more…)

面向任务流的交互设计-2.0的信息结构

blueben — Sun, 13 Jul 2008 22:58:46 +0800

前面一段时间在做某功能性产品操作后台的优化改造，做线框图到完成的过程中，一些以前已经有一些积累但是尚未成型的想法逐渐的浮出水面，变的清晰。

总的来说，大约可以称做：面向任务流的交互设计，或者，你可以把它叫做2.0的信息结构

我们知道，在几年以前，做网站页面的时候，我们总是把手上已经有的东西罗列出来，看看都有哪些可以放上去的，然后再排重要的与不重要的，各自排定了座次、位置、大小，然后形成一个页面。当我们的站点越来越复杂，信息越来越多的时候，我们在做这个工作的时候就越来越困难，有时候为了首页的那点地方，几个方面要争的不可开交。有时候需要通过划分地皮来解决。
而我们的导航，也就是整个信息结构的主干，也是为了把我们站点上的内容一一反映出来，分成哪几个类别，下面都有什么什么子类别等等。

这样做无疑是很清晰的反映了站点的实际情况，我们有多少信息，多少类别，很清晰，很科学，很直观。

看到这里，你发现什么问题了吗？少了点什么？ (more…)

[译]链接应该在新窗口打开吗?

blueben — Wed, 09 Jul 2008 00:23:32 +0800

前言：
先罗嗦几句。第一次翻外面的文。前面正在讨论这个问题呢，正好看到一个新的文说相关的问题，于是想跟大家分享下，就做了。本文的一些观点还是很不错的，老外想问题逻辑性很强。中后部分的时候翻的都有点恼火，觉得这家伙太罗嗦。不过确实严谨——虽然看起来有点买弄学问的味道。。也许因为偶心里没有佛吧。。
文中有些观点和国内的情况也不是很适合,但大部分都值得参考
以后想把这样的文持续翻下去，有不好的地方，请大家多提意见！多交流！谢谢！

不,不应该!
在一般的第一印象中，在新窗口打开链接的决定也许应该取决于链接所在页面以及访问者的设置。当访问者访问有着大量链接的页面的时候，访问者可能更愿意链接自动在新窗口打开，而不用手动的去打开一堆新窗口。而人们访问链接数量较少的页面时，他们更愿意在新窗口打开关于详细内容的链接，这样他们就能继续呆在当前页面上继续他们的浏览。
其实，这些观点并不正确。 (more…)

用户体验其实是个人文关怀的问题..

blueben — Tue, 08 Jul 2008 18:48:37 +0800

今天下午讨论到一个体验细节的问题
关于链接的跳转设置
究竟是新开窗口呢，还是新开窗口呢，还是新开窗口呢~~

===恩恩，不好意思，跑题鸟~~这是一条华丽的跑题分割线===

究竟是新开窗口呢，还是直接原窗口打开呢~
恩，就是这样，TO BE OR NOT？~ (more…)

地下过街通道与网站表单交互

blueben — Mon, 30 Jun 2008 11:22:34 +0800

在家闷了N久了,周末雨停了一会,去西湖边走走
去南山路上的PROSCHE中心看漂漂的跑车…无限口水~~

进入正题
在涌金门附近的某路口,过马路.
不是第一次过这个路口了,但却是第一次从这个人行地下通道过,以前大多是晚上,直接在马路上溜达过去了..汗..
而且,据观察,这个地下过街通道也很少人使用,为什么呢 (more…)