2SIMPLE

我们已经回来

Lightbox的体验

如果用户要的是速度,为什么不把图片逐步显示出来,而是搞个等待的画面让用户等呢?

原则6:传递信息,而不仅仅是数据
原则6.3: 保持显示惯性。当用户改变屏幕上的一些东西的时候,应尽可能多地保持屏幕不变。

用户只是要看一个“放大”版的图片,为了这个小事情,整个页面刷新,就破坏了用户继续浏览的能力。lightbox在图片显示“速度”和保持显示惯性之间做了取舍,选择了保持屏幕惯性。从这个角度讲,原版的lightbox把整个屏幕变暗,的确不太妥,不如我们的改良版

那么速度呢?随着带宽越来越宽,速度越来越不成问题,也就是说lightbox的负面影响将会越来越小。

Written by Datou

一月 24th, 2007 at 9:14 下午

9 Responses to 'Lightbox的体验'

Subscribe to comments with RSS or TrackBack to 'Lightbox的体验'.

  1. seen
    欢迎回访我的个人BLOG,
    阅读了你的这篇文章,
    My Blog:听景777
    GOOGLE个人空间-
    http://tingjing777.blogspot.com/index.html

    SDF

    2007/01/24 22:59

  2. 老实说你的改良我觉得不如原版。不要死抱着那些原则不放,而且原则也需要针对实际情况来运用:背景变暗的目的显然是为了让用户将注意力集中到他所点击的图片上。从体验的角度上,点击行为带来了一个反馈,就是屏幕变暗,然后他所关注的内容得以凸显。
    试想在一个充满了缩略图的页面上使用lightbox,如果没有一个暗层将页面和放大显示的图片隔离开,对用户来讲,眼花缭乱,不容易分辨,反而是体验下降。

    kraml

    2007/01/25 01:20

  3. 我在原来那个帖子发过一个comment:“有用户反应变暗的效果让他们很恐惧,以为出什么问题了”。

    变暗是可以达到聚光灯的效果,但是我亲眼看到过用户因此而变得慌张不安。我们平时多个windows窗口相互层叠,也没有说后面的窗体都暗化,只要最顶层的窗体够醒目就可以了。

    Datou

    2007/01/25 09:16

  4. 人上一百,千奇百怪。有人会对这种效果感到慌张不安,就像去到电影院看电影,灯熄灭之后就会有小孩子感到恐惧开始哭喊一样,但是那不代表这种变暗的效果对其他大多数人也会产生同样的心理效果。
    网络世界充满小白,所以我认为,用户动作之后的反馈最重要。要让他知道,页面上有一些醒目的变化提示,是由于他的点击产生的,可以停下来等待了。如果有人对变暗的背景恐惧,那可以改改颜色,比如不要那么暗,比如带点绿色粉色之类让人感到温暖/温馨的颜色。
    另外Windows窗口的例子,我们平时关闭windows,就会在出现一个选择关机/重启的窗口时把背景变暗。Linux上的compiz/beryl,也提供了窗口亮度/灰度调整,背景变暗等方式来反馈窗口的状态给用户。

    kraml

    2007/01/25 10:35

  5. datou试过thickbox么?
    好像功能更丰富一些

    dimlau

    2007/01/25 10:54

  6. 跟cobalt商量了一下,不管是原版还是2SIMPLE版(既然对改良有争议,那就不叫改良版好了),都忽视了一个问题,点击图片之后出来的box是怎么来的。

    更好的体验可能是,用户点击的时候,从鼠标指针下生成一个矩形,然后放大并移动到屏幕中间,显示为box和loading,loading结束之后显示大图。有了这个“渐进”的过程,整个体验就不再突兀了。

    BTW,windows只有进行关机或者换肤这种操作的时候才会整个暗下来,而且是渐进式的。Lightbox并不适合在一堆图片的时候使用,我认为它主要是给blog上的个别图片用的,图片多的时候进入一个专门的相册体验页面会更好。

    Datou

    2007/01/25 22:40

  7. -_-…
    我跟你的看法恰恰相反,我一直以为Lightbox就是给那种页面上有一堆图片的情况用的,比如google的图片搜索。因为那种页面假如不把每个图片在新页面打开,那就必需要反复前进后退。不论是开那么多新页面,还是反复多次前进后退,都不方便,所以要用AJAX。而图片比较少的页面,开几个新页面或者前进后退几次无所谓。
    正是因为这个原因,我还安装了Greasemonkey,让所有直接链接到图片的页面都用Lightbox效果。

    BTW,渐进式的效果是不错。不过在浏览器里面使用渐进效果,尤其是大的面积时,实在是太慢,整个画面闪烁感太重。如果不用上硬件加速,包括Windows桌面的渐进式效果都很慢,所以我不太喜欢。基本上渐进是个过程,最终还是为了达到背景弱化,突出前面的对象的目的。

    kraml

    2007/01/27 02:38

  8. 我插一句。不管是变暗还是打开新页面,目的是要对用户操作有个反馈,使用户感觉到不同。

    变暗不一定是最好的办法,起码用户看到的变化应该比我刚刚看到的大,比如给上面的层加阴影,提供更明显的边框等。

    dowei

    2007/01/30 15:35

  9. 同意楼上的

    Datou

    2007/01/30 15:42

Leave a Reply