以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://uitony.com/?p=58

相册网站和相册功能(ucd北京书友会记录)

作者:Tony  |   发布: (编辑)Tony   |   时间:2008-10-21 16:50:45 文字大小:- +

相关网站

国外:Flickr、 Picasa、 Facebook、 photoshop.com、 zooomr.com、 Windows Live、 Slide、
Photobucket、 SmugMug

国内:Yupoo、 校内、 豆瓣、 QQ空间、 巴巴变、 163、 图缘、 好看簿、 Fotolog、 百度空间相册、
新浪相册

(PS:找一些网站除了google一下之外,我还喜欢这样一下

图片基本信息
图片
标题
描述
时间
地点
tag
扩展信息(EXIF)
……

功能和需求
增:上传

改:修改、编辑
查(索引):tag分类
评论
权限
排序
外链
上一张/下一张
地图
note(圈人)
图片处理
分享(发给好友)
size(尺寸)
email、手机彩信上传
……

以上三点是通过大家的讨论、总结出由相册网站穷举出来的一些信息,然后再从这些信息开始考虑具体的设计。
从目前对相册市场来说,有三种网站是比较具备代表性的:
一 垂直图片社区。
典型代表是flickr,国内的yupoo、巴巴变等。

二 垂直工具型。
代表是picasa。

三 社区辅助服务型。
代表是facebook、windows live。国内的校内、豆瓣、百度等。

不同的定位造成不同的信息组织架构
对比piacasa的“相册”和flickr的“sets”就知道作为工具和社区的定位区别了。
而社区型的图片服务,很显然,在很多方面是以上两种设计的综合。

图片上传的交互
在讨论中比较了三种上传的交互方式:
Facebook、flickr(校内)、picasa(豆瓣)
(个人认为flickr的交互体验相对最好,因为允许多选)

关于大家还提到email、手机彩信上传、picasa 的跟客户端同步。

一个关于排序的小问题
单个相册的排序在缺省状态下,是应该新传的图片在前面,还是旧的在前面?
可能大部分想到的应该是新的在前面,但看看facebook的设计,然后再看看windows目录的缺省状态?
这是个很有意思的问题。

图片浏览的交互
1 缩略图的预加载效果(flickr的幻灯)
2 size的放大和缩小(picasa)
3 “上一张/下一张”按钮从图片中间分割 (没有右键保存)
4 flash?

update:图片预加载的交互看这里

PS1:这次ucd书友会在詹膑老师的奇遇花园,有幻灯,讨论质量好了很多,但如果下次来书友会的人事先准备下话题,相信气氛会更好。
PS2:内容关注千鸟的整理,这个超级图片用户(flickr传了1W+张图片)在这次书友会上给我扫了很多盲。
PS3:北京书友会的书都放在奇遇花园的书架上,目前一共有72本,北京的朋友有空可以过去坐坐。

更多
打印  |  相关话题:相册功能和相册网站   |  类别:设计思想  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买