一个体验很棒的相册

写于 07年06月01日，属于 UI/UE分享 分类

看过很多网站的相册功能，专业如Flickr，简约如facebook相册，均觉强大有余，而灵动不足。这段时间偶然发现了火柴网，网站整体乍看之下平平无奇，一付炮灰模样，但它的相册使我眼前一亮。

photo album

出处：http://annpotter.hoozone.com/photo

好处不多说，看过就明白，个人觉得大概有以下四点比较值得称道：

1、相册列表、相片列表和相片大图都在一个页面清晰表达了，而普通的网站正常需要三个；
2、鼠标基本不用怎么移动就能浏览完一组照片，操作很方便，just click；
3、一屏内解决问题，无须滚动条，且很容易对浏览所处位置及相册整体结构形成清晰模型；
4、使用Js+css不超过20k，较轻便。


不足之处应该也是有的，如果要吹毛求疵地指出，也许还有几个可以改善的方面：

1、让相册与相片有视觉区别，现在是基本一样的，虽然有文字说明，但仍不易分辨,表达不够清晰；
2、单从浏览来说是不错的，但类似播放器的设计使其与相片信息和留言都分离了，较难刺激用户留言；
3、无法浏览原图（也许是出于成本的考虑…）的情况下点击图片更换下一张照片是不错的手法，应该利用。

总的来说，瑕不掩瑜，这仍是我使用过的浏览过程最舒畅的一个相册，希望必要之时大家能从中找到借鉴的价值：）

PS：最近仍在忙我们的创业项目，我开始明白到为什么有时自己能发现一些比较专业的网站会在某些地方犯一些低级的错误——这可能并不代表我比别人聪明，而只是代表我比别人悠闲。我深深地感受到在人力资源有限的情况下，关于交互细节、用户体验的考究绝对是一种奢侈，因为实际开发过程中，对于细节的过度研究是产品交互设计缓慢、质量不稳定的致命毒药，人的认识有高低侧重，而权力有大小厚薄，致使通天塔的故事每天都在我们身边无可避免地发生着，所以在有限资源下、有限时间内推出够用的产品要比花超量时间来做一个相对优秀的产品实际。

另一方面，也明白到Getting Real里所说创业公司更需要多面手（而不是专家）的意义，因为只有成员之间的技能有所交集，互补的同时可以互助，这样才能尽量多地避免用抛弃细节和体验来换取时间和功能的情况——这种情况在无时无刻都在不知不觉地发生着……

所以，小甲斗胆希望众资深“交互设计师”和“用户体验师”朋友们，平时能多些分享出类拔萃的细节，少些吹毛求疵的批判，多些实实在在的例子，少些雾里看花的理论，这样，做网站的人们才能从这个新兴的群体身上得到更直接和有效的实惠。

毕竟，我们也只是做网站的。

Comments

仅有8 个好心人在 “一个体验很棒的相册”留言

  1. 沈蚊 写于 07年06月01日 8:00 pm

    相册列表并不是很清晰啊——相对于相片列表~~

  2. 小甲 写于 07年06月01日 8:15 pm

    to 沈蚊

    我也是这么觉得：）

  3. iqst 写于 07年06月07日 12:54 am

    的确有眼前一亮的感觉

    也提两个不足：
    切换相册时有可能要等待几秒，这期间也许有必要有个提示，比如loading

    当前相册和小图的当前照片，在视觉上可以在着重表达一下

  4. 九月 写于 07年06月07日 7:00 pm

    这个东西不错.

  5. 小甲 写于 07年06月07日 11:20 pm

    To iqst：

    有提示的……就是那个提示不在一屏……

  6. Anna 写于 07年07月09日 5:01 am

    谢谢你的赏识,我们现在正在致力于一个改进版网站WWW.CLOZONE.COM，有空多多联系

  7. hidden 写于 07年08月20日 4:50 am

    这个东西偶抄过去了~ 把相册选择给砍了~ 总说和我们那个相册页面有冲突~ 点击图片跳到下一张~ 带自动化播放~ 第一张Loading完就loading缓存下一张 这样下一张打开就快了~ 也集合了fb那个圈人功能，但是这样做对做这种拉投资的网站是个致命大打击，相册赚的PV算是最多了~~~搞成这种模式PV会大减~ 所以偶下面那个工具条就被藏起来了~~~~~~~

  8. jerrywen 写于 07年12月03日 8:48 am

    最后一段话说得非常在理~
    我们也都只是做网站的，大家共同交流，共同提高~

让我听到你的声音...