it-swarm.cn

这个网站是否使用良好的购物车UI?

此网站 是否使用良好的购物车UI?您如何在购物车中丢东西?它足够直观可以使用吗?

Screenshot of the home page

3
Tony_Henrich

不是真的,我想。

最让人讨厌的是,您不能从首页(您提供的链接)中拖动项目。如果您尝试将图像或设置的名称拖到那里,则无法使用。而且,这有点奇怪,因为购物车可见,并向您解释将物品拖到其中。尚不清楚什么是“物品”。

您必须进入图标set页面(这有点困难,因为您只能通过小链接而不是图片或图片集到达该页面标头),以了解“商品”的含义。其次,在拖动时,该项目不会直接显示您的拖动成功。当您点击购物车时,显示的内容与您在页面上的其他地方相同,甚至根本没有拖动*。需要等待一段时间才能看到等待图标,并且很明显您已成功拖动。

我要说,这两件事应该加以改进。

  1. 不要在首页上显示购物车,也不要使收藏集可拖动。
  2. 直接清楚表明物品已正确拖入购物车。

(*显然,您甚至不必拖动购物车中的项目,只需开始拖动它们就可以了。)

9
Lode

首先,我注意到右侧的“购物车”区域和建议:“将物品拖到这里购物”。

我尝试将其中一个大型的邀请图像从首页拖到购物车中,但这没有用。

然后,我注意到每个图像实际上代表着以不同价格出售的不同集合。我尝试将设置链接拖动到栏上。但是,这也不起作用。

之后,我尝试拖动描述,再次拖动图像,每个product_item div中的空格...什么都没有。

最终,我决定打开一个设置页面,该页面在图像上有一个醒目的“添加到购物车”按钮和一个“ +”按钮。这样一来,我可以按照传统方式购买商品,但使拖动提示更加混乱:我是否错过了首页上的内容?

我怀疑地尝试将大图标从购物车的设置页面中拖动。那也没有---哦,等等,那真是令人不安...现在它在那里了,没有标签,并且按比例缩小了。


您可能会考虑的事情:(与一粒盐一起服用)

  • 使购物车“反应”为正在进行的“合法”拖放动作。 就像这样。
  • 对用户错误做出反应。检测到一个项目,将大图标拖放到没有意义的位置,并显示错误消息。例如:“此收藏品以 套数 形式出现。您要购买哪一个?”
  • 在客户端更具反应性。在拖放时,将项目显示为已拖动,并在更新事物服务器端时禁用签出按钮。例如,此站点处理投票。
4
badp

就像我们在电影中看到的那些花哨的UI之一,我们不是在现实生活中,这不是因为它们难以实现,而是因为它们难以使用。

对于具有运动技能困难的人,这可能很难使用。使用触控板进行拖放的反应通常不如使用鼠标来进行。 (某些触控板恰好反应不灵敏。)单击一下即可完成操作,现在需要按下鼠标,进行精确定位的鼠标移动和鼠标向上移动。菲茨定律的基本知识)可以告诉您为什么这比仅单击一个按钮更困难。

有一个原因是计算机界面不尝试模仿现实生活的界面(这是UI,IMO,这就是这样做的原因)。这就是为什么我们不浏览“ 3D商店”的“过道”,而是使用专用于页面的原因。单击“添加到购物车”按钮的产品。 走路和拾取UI自然不适合WIMP(窗口,图标,菜单和指针设备)I。

3
Manas Tungare

我看不出有什么大问题。除拖放操作外,图标集页面(可通过单击它们到达)具有添加到购物车按钮。我还喜欢这样一个事实,与许多其他在线商店不同,您不必访问其他页面即可查看购物车中的内容。

但是,一个大问题是,如果没有javascript,该功能将无法正常运行,或者至少在未启用javascript的情况下向用户显示警告,需要启用该功能。

3
Gelatin

没有

  1. 首先,这是一个critical UI错误,屏幕高度低于购物车高度的客户无法检出。 (请考虑一下屏幕高度为600像素的上网本。)
  2. 购物车活动显示在没有活动的页面上,文字未指定要在购物车中拖动的内容。 (解决方法是)
  3. 更改许可证选项时没有可用的定价信息。
  4. “向量集”,“向量单一”和“像素集”的单独页面是不必要且令人困惑的。 (具有“购买整套(矢量格式)”,“购买整套(位图格式)”和标题为“或单独购买图标”的按钮的单页,下面带有单个图标购买选项的混乱程度较小)
  5. 使用加号按钮时,动显示较慢,并且不在焦点区域。
  6. 购物车不会使同一组的不同版本有所不同。

我想我应该现在停止。

2
alexanderpas

没关系。

我认为这是让冷静让他们偏离核心功能的情况之一。它有点难用,显示的信息很少。

因此,我可以说这没关系,大多数用户都可以在那里购买,但我认为我不会在自己的网站上使用它。

也像@simon所说的,如果JS关闭,那将是一个问题。

1
Sruly

我花了一段时间才弄清楚为什么添加了拖放选项,因为并不清楚可以购买单个图标,而不仅仅是购买图标。

我添加了一个集,然后尝试添加单个图标,但是当我尝试添加一个图标时,我已经添加了该集的一部分-只是没有添加。这令人困惑和沮丧。

当购物车中有许多物品时,购物车的顶部和底部显示小箭头,可进行滚动。这也令人困惑。也许只是在添加第六个图标时显示这些图标,或者只显示第六个图标的一小部分,所以我知道还有更多。现在,我添加了其他图标,无法弄清楚它们的去向。使用Chrome 6。

它发现您无法通过单击加号进行拖放,这很奇怪。顺便说一句-工具提示显示“删除”。

尽管此功能很可爱,但我希望单击购物车按钮或加号而不是将项目拖到购物车中。效率更高。

我在某处读到一种意见,认为实际上不再需要分页,尤其是在图片方面。人眼非常擅长看到许多图像并挑选您喜欢的图像。如果您只在一个页面上显示所有图标,对买家来说可能会更容易-更好的购物体验。

网站看起来很棒,图标也很棒。

1
idophir