购物车网页该怎么设计

发布时间:2019-08-22 16:07:03访问人数:作者:张工

一般我们在商城网站购买商品的时候,都会用到购物车。它的好处是可以批量购买商品,然后合并付款,非常方便;也可以先“保存”好商品,偏于后期再购买。那么大家知道购物车的网页到底该怎么设计会比较好呢?


动画效果


不知道大家有没有发现,当你在购物车成功添加商品后,通常的购物车只是改变图标上的数字。有时候如果不是太明显的话,我们甚至会遗忘掉购物车。而如果我们使用一个比较醒目的动画效果来提示商品已经添加到购物车中,这样大家是不是印象就会很深刻的呢?


当然这里要注意的是千万不要过度的使用动画效果,因为在网页中有一些动态效果可以吸引住用户,但是效果太多的话可能会分散用户的注意力,甚至会惹恼用户。这样就会适得其反了。


h8.gif


商品细节


购物车作为引导用户购买商品付款的最后一个步骤,它的重要性不言而喻,而更重要的是购物车这个页面要提供非常清晰的商品细节。所以我们认为在设计购物车网页的时候需要注意到以下几点:


1)缩略图。缩略图应该足够大,一个小小的缩略图是不行的,用户有时候购买商品多了以后可能会不记得商品的样子了。而如果是到了移动端,小的缩略图更加难以辨识了。


2)属性。包括商品尺寸,颜色,型号,品牌和其他重要的细节。完整的属性描述是比较利于用户购买体验的,这里购物车一定要比较好的体现出来。


3)数量价格。数量影响了价格,这点毋庸置疑。所以数量和价格字段一定要设计的比较显眼,这个需要大家重视。


查看更新


当我们将商品添加到购物车之后,购物车里面的数量和价格都会实时更新。而且是不需要刷新页面的更新,这其实是ajax技术。ajax技术能让网页不刷新就更新了,减少了网页加载的速度,但是另一方面可能也会让用户忽视了购物车里面的东西。特别是现在有很多用户是使用手机去购买商品的。


所以如果我们一不小心将商品重复添加到了购物车里面,这个时候我们就需要去查看和更新购物车了。也就是说到最终付款的时候,我们一直都是可以很方便的查看购物车的商品的,这点在设计网页的时候就要考虑到。


编辑修改


允许用户编辑购物车里面的商品,无论是缩略图、属性还是数量都要很方便的使用编辑功能。那么在可编辑的商品上面就要提供清晰的标签或者图标,而加号(+)或减号(-)就是用的比较多的符号了。


还有就是说如果用户发现购物车里面所选的商品有误,他都可以很方便的去返回商品详情页去修改商品细节,或者可以直接删除掉商品。返回和删除按钮在设计的时候也是要注意到的。


总之,购物车网页的设计还是有很多细节需要大家注意的,有时候可能是比较小的按钮,但是如果你没有用心去做,你会发现最后整体的页面客户体验也是不太好的。

赞+1

版权:【非特殊说明,本站文章均为原创,转载请注明出处 。】

本文标签:购物车网页设计、设计购物车网页

助标网络 版权所有 Copyright © 2018-2024 未经许可,不可拷贝或镜像  沪ICP备18014743号-4  beiantubiao.png 沪公网安备31011302007523号 网站地图   法律顾问:张素素。

  • QQ
  • 电话
  • 首页
  • 留言
  • 返回顶部
  • 6371150872695521096676426.png