IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

如何优化QQ秀-我的收藏

ISD Webteam 2010-08-04 22:58:31 累计浏览 2,301 次
本机暂存

    “我的收藏”是QQ秀商城购买物品流程中的一个辅助的操作,收藏后,方便再次搭配。就像我们购物一样,把看到喜欢的东西先放入篮子里面,待买单的时候再做筛选。所以,在愉悦的购买体验中,收藏就显得比较重要。

    先看看优化前后,收藏页面的差别:

    原图已失效

    原流程存在的问题:

    点击物品收藏后,必须跳转到一个新窗口进行预览或操作。假如用户收藏2件物品,就要点击2*2次。(而且是在不迷路的情况下)。如下图:

    原图已失效

    交互优化,引出一个临时收藏间的概念。

    1、引出一个临时收藏间的概念 ,不再打断用户的浏览,在原页面进行预览和收藏。
            a. 临时收藏间出现在商城所有页面(装扮区),方便用户随时浏览。
            b. 只是暂存的功能。不用页面之间的反复跳转。如下图。
原流程:点击收藏按钮 》弹出提示框 》链接到“我的收藏”中查看 》返回浏览原页面
现流程:点击收藏按钮 》保存到临时“我的收藏”中 》继续浏览页面

 原图已失效
   

   2、增加动态展示效果,用户不需要任何操作,就可以查看到存放的结果。同时也方便教育用户,下次可以在那里找到。如上图。    

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 30分钟3300%性能提升――python+memcached网页优化小记 (累计阅读 13,742)
  2. HTML5本地存储初探(一) (累计阅读 4,619)
  3. HTML5实战之本地存储(1) (累计阅读 3,935)
  4. JavaScript本地存储实践(html5的localStorage和ie的userData) (累计阅读 3,299)
  5. HTML5实战之本地存储(2) (累计阅读 3,062)
  6. 经常在各种框架之间切换使用是种什么体验? (累计阅读 3,056)
  7. 门户、创新、创业之道 (累计阅读 2,742)
  8. HTMl5的sessionStorage和localStorage (累计阅读 2,494)
  9. 本地存储的兼容解决方案 (累计阅读 2,429)
  10. 关于html5本地存储 (累计阅读 2,132)