几平每个购物网站都会有一个购物车功能,它可以算是不可缺少的重要组成部分之一,也许你已习惯了右上角的购物车体验,也想不出创意的点子,那么建议看看 codyhouse 的新作:「添加购物」交互效果,也许会有借鉴创意的地方。

这个「添加购物」功能有下面几个主要特色:

特色1:购物车图标默认隐藏,只有添加图标后才显示购物车。

特色2:展开动画十分友好,比如添加数量有的递增动画、购物车小窗口展开方式、删除产品动车等。

add-to-cart-ux
特色3: 支持撤消删除的一个产品。

add-to-cart-ux-2

虽然是一个简单的功能,但我们也要注重它的细节体验,这样才能做好的产品。

点击下方链接查看 DEMO:
http://www.ccopus.com/demo/add-to-cart-interaction/index.html

文章来源:设计达人

转载请注明:学UI网—UI设计师学习教程平台 » 「添加购物」功能交互演示

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
解析百度贴吧升级的故事I:用户洞察与交互升级解析百度贴吧升级的故事I:用户洞察与交互升级
不会C4D与手绘的设计师还有出路吗?不会C4D与手绘的设计师还有出路吗?
设计技巧如何融入“用户体验”?设计技巧如何融入“用户体验”?
视觉设计师如何向UX设计师转型?视觉设计师如何向UX设计师转型?
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?
UXD设计师先要学会的4件事UXD设计师先要学会的4件事
如何在用户脑海中建立独特强有力的品牌形象?如何在用户脑海中建立独特强有力的品牌形象?
三分钟带你解析ios三种导航模式三分钟带你解析ios三种导航模式
电商工作后台首页的商业价值重构与产品化设计电商工作后台首页的商业价值重构与产品化设计
?