请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 3197|回复: 19

关于翻页的用户体验讨论 [复制链接]

西贝 楼主

魔法贝壳

荣誉管理

帖子
405
体力
7686
威望
8
居住地
广东省 深圳市
发表于 2007-11-29 22:38:35 |显示全部楼层
讨论翻页的交互方式
1、每种形式在什么场合下适用?
2、如何结合使得翻页方式完善?
3、你还可以推荐什么样的翻页方式?


图1如下:


图2如下:


图3如下:


图4如下:


图5如下:


图6如下:


图7如下:


图8如下:


[ 本帖最后由 西贝 于 2007-11-29 22:41 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
西贝:单纯使人更加专业 http://www.xibeidesign.cn
西部数码顶级域名注册商39元抢注!
comasp 
帖子
465
体力
1681
威望
0
发表于 2007-11-30 00:21:53 |显示全部楼层
客户往往是关心的最新记录,也就是说前面几条。也许后面也用,但大多数只用前面的数据。

感觉太复杂了反而不好看,用第一种不错。
新书推荐:<<锋利的jQuery>>
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

经典伟伟

金牌会员 手机认证 

帖子
690
体力
3314
威望
0
发表于 2007-11-30 09:34:49 |显示全部楼层
如果像搜索引擎的话,我觉得百度和google的都是很好的,直观就好,就是楼上的意见.
不过google的更让用户记住"google'这个标志.
淘宝的话就要第几页的,因为经常是搜索某个产品的时候,忘了收藏,但知道在某页,如果用百度方式的话....
新浪的就很麻烦.个人觉得没必要.

第一种虽然简单明了,对于不认识英文的人来说,"Pre"和"Next"就是多余的.

我觉得,对用户来讲,分页本来就是个实用的功能,还是实用一点好

使用道具 举报

帖子
7047
体力
3688
威望
2
发表于 2007-11-30 09:40:41 |显示全部楼层
taoabo那个不如国外那2个好看,但是很实用。新浪那个最傻

使用道具 举报

khdg 
帖子
125
体力
264
威望
0
发表于 2007-11-30 09:41:35 |显示全部楼层
还是flickr的分页好,在什么位置一目了然。

而且分页也是一种导航,可以理解为页面间的导航,
New Year New Start

使用道具 举报

凉爽 

walking man

钻石会员

帖子
7633
体力
7666
威望
31
发表于 2007-11-30 12:36:53 |显示全部楼层
这也有一篇这个话题的文章
http://www.smashingmagazine.com/ ... and-good-practices/

使用道具 举报

帖子
15
体力
34
威望
0
发表于 2007-11-30 13:24:02 |显示全部楼层
个人还是比较喜欢淘宝的,曾经做了个分析和Demo,有兴趣的可以去看看
http://www.imissac.cn/post/16.html
imissac.cn

使用道具 举报

鬼谷子

高级会员

帖子
537
体力
822
威望
1
发表于 2007-11-30 13:24:06 |显示全部楼层
大家有没有觉得 sina的分页 如果能够做到 滑动条下面对应相应的页码 的话  就了不起了啊 那样就能够兼顾直观和条理 大家觉得呢?

使用道具 举报

帖子
7047
体力
3688
威望
2
发表于 2007-11-30 13:29:36 |显示全部楼层
原帖由 shshengq 于 2007-11-30 13:24 发表
大家有没有觉得 sina的分页 如果能够做到 滑动条下面对应相应的页码 的话  就了不起了啊 那样就能够兼顾直观和条理 大家觉得呢?

对于一些中老年人,单击双击的作用他们都很难分清,那种滑动估计他们看到会很迷茫...

使用道具 举报

鬼谷子

高级会员

帖子
537
体力
822
威望
1
发表于 2007-11-30 13:45:13 |显示全部楼层
楼上的朋友 你把我的这句话 理解的片面了 呵呵 “滑动条下面对应相应的页码”  意思是下面有相应的页码,对于你说的那些朋友可以直接点击相应的页码啊 !

使用道具 举报

帖子
948
体力
8193
威望
3
发表于 2007-11-30 22:00:07 |显示全部楼层
喜欢flickr的。。。

使用道具 举报

苦寒竹

管理员

帖子
19772
体力
17930
威望
23
居住地
浙江省 金华市
发表于 2007-12-1 08:52:21 |显示全部楼层
还有一种。
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
搞IT的穷秀才。

使用道具 举报

苦寒竹

管理员

帖子
19772
体力
17930
威望
23
居住地
浙江省 金华市
发表于 2007-12-1 08:54:21 |显示全部楼层
感觉,容易让人点着是最好的体验,新浪那个是最原始的链接,当然也是最傻的。不容易点着,还不美观啊。
搞IT的穷秀才。

使用道具 举报

leicht 

阿里馒头

初级会员

帖子
73
体力
261
威望
12
居住地
山东省 威海市
发表于 2007-12-1 09:12:02 |显示全部楼层

新鲜的!!!!!!

:cool:
来自马里兰大学人机交互实验室的作品,要知道QUIS也出自这里,这是一个Fisheye Menus,为什么叫这个名字,大家可以自己试试就知道了。这种交互方式,我们可以通过变通来实现翻页的链接效果,当然如果采用这种效果,那么意味着链接页的数量很大,在上图中e.g.:Amazon,Flickr,and Google,他们的链接页数甚至会达到千数,所以采用这种方式会更好,她最低限度的降低了用户记忆负担,迅速锁定焦点链接页面,并且这种方式会让用户心里产生寻找目标而发现“捷径”的快感,屡试不爽。给大家链接的地址:
http://www.cs.umd.edu/hcil/fisheyemenu/fisheyemenu-demo.shtml(点击地址进入)
这是一个Applet,所以需要JAVA虚拟机,未安装的用户安装后需要重先启动电脑。

[ 本帖最后由 leicht 于 2007-12-1 09:20 编辑 ]
Blog:AliUE.cn

使用道具 举报

帖子
26
体力
34
威望
3
发表于 2007-12-2 17:39:47 |显示全部楼层
似乎,新浪把交互设计的任务当作创造更新更cool的交互方式了。
如果交互设计的任务不是提供可用性,提高使用效率,而是创造新奇的交互方式,那么,能创造出的新鲜的玩意儿远不止这一个滚动条。

使用道具 举报

91061 
帖子
13
体力
38
威望
0
发表于 2007-12-20 15:09:39 |显示全部楼层
做个记号

使用道具 举报

pattra 

梵尚

银牌会员 手机认证 

帖子
370
体力
1271
威望
0
居住地
福建省 厦门市
发表于 2007-12-20 15:46:37 |显示全部楼层
最喜欢AMAZON的
因为偶都是这么做的

使用道具 举报

帖子
2
体力
9
威望
0
发表于 2007-12-25 14:02:35 |显示全部楼层
和网站的性质以及用户的习惯有关。
还有网站的目的。

以上3点都不是统一的,所以没有好坏之说,只有适合和不适合。

不要片面的看待和抄袭。

使用道具 举报

ywaiqq 
帖子
1
体力
12
威望
0
发表于 2007-12-25 16:06:06 |显示全部楼层
淘宝那个翻页的设计我觉得SO痛苦
我一般是这样用的:
淘宝搜索出结果->进行排序(一般按价格排序)
由于淘宝的某些规定(比如可进行1元拍)排到最前面的很有可能都是些垃圾信息(标价一元,但实际并非一元)
于是我很希望跳过这些信息,那么我就需要不断的往后翻,可是淘宝居然只能向后翻两页....有时候这种垃圾信息页可以长达数10页....有时候翻起来非常郁闷...如果直接跳的话很可能就错过那些便宜的DD了...真的很符合淘宝精神,那就是你要找到你需要的一定要"淘"才行.

现在我基本直接进聚宝盆找我要的东西...

使用道具 举报

yucy 
帖子
7
体力
19
威望
0
发表于 2008-1-4 12:15:07 |显示全部楼层

回复 #5 khdg 的帖子

同意~!
追逐幸福

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 08:00 , Processed in 0.121684 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部