以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.zgjie.cn/%e7%9......%b9%e5%bc%8f/

理想的相册查看方式

作者:zgjie  |   发布: (网友)稻草   |   时间:2009-04-06 06:59:35 文字大小:- +

一种设想:屏幕上的一块矩形,被几张照片排满,每张照片不能太小,要大一点,少排几张没关系。

点一下一张照片,矩形区域就变为这张照片,再双击照片,又返回多张照片排满的模式。

矩形一次最多只能排满几张照片,要查看更多,点击右下角的向右箭头,查看下一堆照片(该相册中的)。同样,矩形左边也有一向左箭头查看上一堆照片。

这样改善了现在网页显示图片的缺点:

1、垂直排放太多照片,要一直向下滚动并滚动到刚好一张照片的开头位置位置才能查看下面的一张张照片。

2、一般的网页一屏显示多张图的时候,缩略图都太小,要点击等待转到大图页面才能看清楚内容。故,上面所说的矩形就是几乎一屏的大小,缩略图也是很大的,以便无需点为大图都能看清楚。比如一行就三四张缩略图,虽然大了,但毕竟也是缩略图,和一次一张相比,能多看到些了,不至于要看所有图时,要滚动或点得(等待加载)失去耐心。这样的大缩略图,可以说兼有缩略图和单张大图的优势。

趋势:

1、未来的显示器和屏幕分辨率都将越来越大,故,网页默认的图片大小可以800像素宽度。现在Flick等流行的相册默认图片还是比较小,缩略图就更小了。

现在博客中插入的图片,受限于一般的两栏模式及文本宽度,宽度都也比较小。

2、风景图在现在普遍默认的小大图上表现不够理想。

其实我是看到Flick的一个Flash徽章后所想到的,但那个徽章太小了,而且是Flash的,估计我设想的那样真正要实现起来很难,所以还是不够理想。

www.flickr.com
這是一個 Flickr 徽章,顯示來自 zgjie 的公開相片和視訊。在此處製作你自己的徽章。

 

 

图片的加载速度,现在的Picasa Web表现很好,有足够那样的速度就可以了。

还是在想怎么在一个网页上表现多张大图呢?现在只能是从上到下一直滚动,还有什么比较好的方式呢?或者在未来普遍的大屏幕上表现大图(包括在博客中插入的),有什么设想?

更多
打印  |  类别:信息和交互  |  源地址

UCDChina的书

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

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

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

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

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

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