经典论坛's Archiver

jsuper 发表于 2008-6-18 17:10

[不解]这种流行又难用的产品对比的方式

[attach]91675[/attach]
点击右侧的链接体验这种对比:[url]http://shopping.yahoo.com/search;_ylt=Ai8oYtY5kzoRsqBcFZZOnMMbFt0A;_ylu=X3oDMTBkamR2YmZxBHNlYwNzZWFyY2hiYXI-?p=HP&did=[/url]

上面的链接是个产品的列表,在每个产品的前面有个复选框,选中2个产品就可以点击上面的"Compare side by side"按钮进行对比了。这是现在比较流行的一种对比方式,淘宝也在用。
我现在对这种对比方式感到困惑的地方在于:
1、我在勾选了一个产品后,用搜索框搜到另一款产品,勾选后无法对比,因为先前勾选的失效了。
2、我在勾选了一个产品后,翻了几页,出于上一个教训,我有些担忧:第一页勾选的那个产品还保持着勾选的状态吗?万一我辛辛苦苦翻了好几页勾选了几个产品后,发现前面的勾选都失效了怎么办?
3、我在勾选了一个产品后,翻了几页,记不清刚才勾选的是什么产品了,怎么办?
4、我在勾选了一个产品后,翻了好几页,想取消刚才勾选的产品,但我已不记得刚才的产品是在什么地方勾的了,怎么办?

我发现国外网站特别爱用这种对比方式,难道国外的用户不会遇到我上面出现过的这些问题吗?为什么这种对比方式一直也没有被换掉呢?

[[i] 本帖最后由 jsuper 于 2008-6-18 20:51 编辑 [/i]]

xiaoyaoling 发表于 2008-6-18 20:25

恩 不错的发现,能不能借鉴网络书店购物车的做法,在旁边提示你选择了哪些产品,在挑选的过程中随时可以删掉产品。
最后再点对比,就和结账一样。

zhutianyi 发表于 2008-6-18 20:40

它的确达不到lz的需求,但它一点都不难懂,一看就会,而且它是可以记忆勾选状态的。

jsuper 发表于 2008-6-18 21:00

[quote]原帖由 [i]xiaoyaoling[/i] 于 2008-6-18 20:25 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067303&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
恩 不错的发现,能不能借鉴网络书店购物车的做法,在旁边提示你选择了哪些产品,在挑选的过程中随时可以删掉产品。
最后再点对比,就和结账一样。 [/quote]
老兄真捧场,新注册ID的第一帖就送给了我。
你说的是不是这样的对比篮?:[url]http://car.autohome.com.cn/price/series-373[/url]
点击每款车后面的“对比”就添加到对比篮了。

loversnie 发表于 2008-6-18 21:03

我觉得向导式的操作流程更能令初学者所适应,某些貌似看上去挺智能的东西反而让我们这些经常接触电脑的人感觉很奇怪。

loversnie 发表于 2008-6-18 21:04

[quote]原帖由 [i]jsuper[/i] 于 2008-6-18 21:00 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067340&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]

老兄真捧场,新注册ID的第一帖就送给了我。
你说的是不是这样的对比篮?:[url]http://car.autohome.com.cn/price/series-373[/url]
点击每款车后面的“对比”就添加到对比篮了。 [/quote]
哈哈 楼主之意让女孩子匪夷所思呀! :p :p

jsuper 发表于 2008-6-18 21:13

[quote]原帖由 [i]zhutianyi[/i] 于 2008-6-18 20:40 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067322&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
它的确达不到lz的需求,但它一点都不难懂,一看就会,而且它是可以记忆勾选状态的。 [/quote]
嗯,说的对,它传承了Windows的操作习惯,用最少的文字让你明白它如何使用,但达到目的就不是那么容易了,大家可以在Yahoo这个系统上试试比较诺基亚的N81和索爱的w810,看看完成这个目标要花费多少时间。

jsuper 发表于 2008-6-18 21:20

[quote]原帖由 [i]loversnie[/i] 于 2008-6-18 21:03 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067345&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
我觉得向导式的操作流程更能令初学者所适应,某些貌似看上去挺智能的东西反而让我们这些经常接触电脑的人感觉很奇怪。 [/quote]
是呀,有时就是需要设计者来平衡了。是学习成本0,使用成本2好,还是学习成本1,使用成本1好呢。

xiaoyaoling 发表于 2008-6-18 22:14

[quote]原帖由 [i]jsuper[/i] 于 2008-6-18 21:00 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067340&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]

老兄真捧场,新注册ID的第一帖就送给了我。
你说的是不是这样的对比篮?:[url]http://car.autohome.com.cn/price/series-373[/url]点击每款车后面的“对比”就添加到对比篮了。 [/quote]

汗~~ 新人报道啊,请多多指教~  原来一直知道蓝色,但一直没有怎么泡过,今天逛逛发现真不错。
恩 差不多 如果yahoo的能这样改进,应该能解决你说的问题了吧。

feixue99 发表于 2008-6-19 14:05

不错的帖子啊,学习了

jsuper 发表于 2008-6-19 14:08

[quote]原帖由 [i]xiaoyaoling[/i] 于 2008-6-18 22:14 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4067437&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
差不多 如果yahoo的能这样改进,应该能解决你说的问题了吧。 [/quote]
嗯,但是这样的对比篮也有些问题:
1、用户不能确定那个“对比”的文字链点击后会出现什么情况,有可能担心页面跳转和弹出窗口无法显示等等。
2、小分辨率屏幕用户的内容会被浮动篮遮挡。

xiaoyaoling 发表于 2008-6-19 16:00

[quote]原帖由 [i]jsuper[/i] 于 2008-6-19 14:08 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4068716&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]

嗯,但是这样的对比篮也有些问题:
1、用户不能确定那个“对比”的文字链点击后会出现什么情况,有可能担心页面跳转和弹出窗口无法显示等等。
2、小分辨率屏幕用户的内容会被浮动篮遮挡。 [/quote]

恩 没错 1.汽车的设计对比不明显,我开始也是找了一会儿,雅虎那种复选框就很好,用户不会担心页面跳转。所以复选框比连接好。
2.设置浮动篮有缩小功能,变成悬浮图标,有些网上商店是个这个功能的 就一个小小的购物车图标,还是半透明的,点击才会出现购买的东西。
或者可以参考乐铺的设计,他们的购物车也很有特色,可以直接拖进去。[url]http://www.loopo.cn/[/url] 那样也不会有遮挡的问题了。再先进点,支持拖拽购物车。

你想得真够细啊,呵呵~ 很喜欢和你讨论。

jsuper 发表于 2008-6-19 19:56

[quote]原帖由 [i]xiaoyaoling[/i] 于 2008-6-19 16:00 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4069085&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
恩 没错 1.汽车的设计对比不明显,我开始也是找了一会儿,雅虎那种复选框就很好,用户不会担心页面跳转。所以复选框比连接好。
2.设置浮动篮有缩小功能,变成悬浮图标,有些网上商店是个这个功能的 就一个小小的 ... [/quote]
嗯,最近在整合两方的优点,但发现实现起来技术上有难度,毕竟两种对比的触发的方式不一样。

xiaoyaoling 发表于 2008-6-21 17:00

按钮的形式可以吗? “添加到对比篮” 做得醒目一点应该就容易看见了,位置可以放在前面。yahoo复选框的位置。

iverson3jwm 发表于 2008-6-23 15:01

这个问题其实太平洋电脑做的不错的
有兴趣可以尝试下

西贝 发表于 2008-6-24 12:38

看了讨论,感觉再说2件事情
[b]第一:关于翻页引起的对比不可预知(针对初级用户)[/b]

是不是增加了预览或合理的提示就ok了呢?
[attach]92181[/attach]
增加的预览对小屏幕不便,只是单纯的交互方式需要改变。比如放在页面上部,缩小对比图示等方式
[attach]92182[/attach]
等等方式解决把(根据页面实际需求)

[b]第二:如何设计对比的直观性和二次筛选性--原来想对比,现在想放弃一部分物品(针对高端用户)[/b]
这个需求只能增加预览可以二次操作了!

JasonVs 发表于 2008-6-24 13:37

楼上的说得不错,很有启发意义

jsuper 发表于 2008-6-24 13:38

[quote]原帖由 [i]xiaoyaoling[/i] 于 2008-6-21 17:00 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4070595&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
按钮的形式可以吗? “添加到对比篮” 做得醒目一点应该就容易看见了,位置可以放在前面。yahoo复选框的位置。 [/quote]
我喜欢对比篮的方式,不过“添加到对比篮”的文字有点多了。

jsuper 发表于 2008-6-24 14:01

[quote]原帖由 [i]西贝[/i] 于 2008-6-24 12:38 发表 [url=http://bbs.blueidea.com/redirect.php?goto=findpost&pid=4073827&ptid=2865137][img]http://bbs.blueidea.com/images/common/back.gif[/img][/url]
看了讨论,感觉再说2件事情
第一:关于翻页引起的对比不可预知(针对初级用户)

是不是增加了预览或合理的提示就ok了呢?
92181
增加的预览对小屏幕不便,只是单纯的交互方式需要改变。比如放在页面上部,缩小 ... [/quote]
对于太平洋的列表页有一点不明白
[url]http://price.pconline.com.cn/bj/notebook/hp/[/url]
对比篮中为什么还会有勾选框呢?如果去掉我觉得问题也不大啊。
另外西贝说的对比篮可以横到顶部。那样会不会不太明显,特别是用户勾选的是列表中比较靠下的两个产品。
说实话太平洋的这种方法已经很接近目标了。

页: [1]



Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.