页面/功能设计对比

页面设计是我们对一款App最直接的印象和感受,别以为购物类软件要做的只是商品的罗列和堆积,如何利用好空间将它们码放整齐也不太容易。另外,既然是购物比价,能激发出用户的购物欲望才是最重要的,来看看它们的页面设计如何吧。

惠惠购物助手

惠惠购物助手整体页面设计非常简洁,页面中商品种类比较多,但是看上去并不显局促。应用默认的首页为“海淘”频道,这也是惠惠购物助手目前正在主推的功能,页面中展示了一些热销商品,向上滑动可查看。

除了“海淘”之外,惠惠购物助手还有其它频道,包括“国内”、“锦囊”、“晒物园”以及“清单”,左右滑动可切换,每个页面都采用了列表或瀑布流的形式展现商品,看起来很清爽也很优雅。页面顶部为搜索框,不过稍有些小,功能、设置按键都被隐藏在了页面的顶部,这也是为了能让页面能够更干净整洁。

总体来看惠惠购物助手操作上还是很方便的,一些快捷手势的加入让浏览变得很快捷,不知不觉就翻了好几个页面,有助于刺激买买买的欲望。但是,惠惠购物助手并没有设计一键回顶部按键,总感觉很别扭。

什么值得买

什么值得买主色调为红色,图标设计走简约清新范儿,尤其改版之后清爽了很多,看起来很舒服。应用内含6个不同的频道,分别为首页、国内、海淘、原创、众测以及资讯,左右滑动可切换。每个页面中均为图文形式,商品名称、价格、样式、来源一样不少,按照时间进行排列,向上滑动可查看过往商品展示,不过同样没有设置一键返回顶部按键,只能耐心点往上翻了。小编提示您,遇到想买的千万不要犹豫,通常神价格是有时间或数量限制的,晚了就抢没了。

除了商品报价之外,页面底部还设置有发现、商品百科以及我的功能,用户在此可查看值友们的爆料、分享,或进行功能设置。

百度惠

百度惠的页面设计非常简单,主页面即为商品展示页,功能设置、搜索页面全部隐藏在右上角,首页仅可选择商品种类、商城以及排序方式,简洁到极致了。所有展示商品均带有图片,可清晰的看到商品名称、价格,向左滑动商品可点赞、点踩或收藏,快捷方式用起来挺顺手。商品为按照时间排序,部分已过期商品会有提示,向上滑动留浏览更多,没有设计一键返回按键。

帮5买

帮5买页面设计较为传统,最顶部为搜索页面,频道页设计在搜索下方,页面中展示的内容多样,有名称有图片有价格,只不过没有显示出商品来源,需要点击进入才能查看,稍有不便。商品分为了两排展示,比较节省空间,且设置有一键返回顶部按键,点个赞。其它功能项被安排在页面底部,包括分类、购物车以及我的,用户可按照种类查找相应商品,使用起来很方便。

慢慢买

慢慢买的界面比较传统,搜索框置顶显示非常明显,分类项目被单独安排在搜索框下,点击直达,频道页分类用不同的底色标识出来,给白色的页面增添了些活跃感。推荐商品以列表的形式展现,设计有一键返回顶部按键,很方便。比价功能也被单独列出,另外一些特别超值的产品也单独在其它页面显示。总得来看虽然页面传统,但是该有的都有。

总结:

这五款软件的页面设计各有特色,毕竟是购物类应用,既要将这些商品填满整个页面,又不能让页面显得过于杂乱,保证重要的信息的露出。其中惠惠购物助手与什么值得买页面设计较为相似,图文结合让页面饱满又不失简洁,一些快捷手势的加入可快速切换不同频道,使用起来非常方便,表现出色。

另外,慢慢买与帮5买的页面设计也有相似之处,不同频道的入口被安排在首页位置,无需左右切换点击可直接进入,虽然也很方便但显得有些杂乱。相比之下百度惠的页面设计有些太简单了,不过看上去却并不单调,适合那些没有特定购买目标只是随便逛逛的用户。

html5 商品对比功能,页面/功能设计对比相关推荐

  1. Monaco Editor教程(七): 实现版本对比功能

    背景 在具有版本控制功能的WEB IDE 中,提交代码时,会有一个版本对比的功能,你可以点击每一个修改的文件,然后对比基础版本与当前修改的版本,被修改的地方会有颜色区分.这对于一个修改大文件,修改内容 ...

  2. php商品评价代码,php商品对比功能代码分享

    下面是自己亲自动手编写的代码,和大家一起学习研究. 商品对比调用的js文件(包含了商品对比框浮动js): /*浮动窗口*/ (function(){ var n=10; var obj=documen ...

  3. python 数据比对 函数_1行代码实现Python数据分析:图表美观清晰,自带对比功能丨开源...

    原标题:1行代码实现Python数据分析:图表美观清晰,自带对比功能丨开源

  4. 随身理财专家“挖财”推iPad应用,新增帐号对比功能

    iPad 3还没有来,"挖财"iPad版来了!继去年4月国内独家推出Android版后,2月23日,个人财务管理应用"挖财"正式发布iPad版,开始全面满足iP ...

  5. 实现京东商品详情页面的商品切换功能

    这里写自定义目录标题 实现京东商品详情页面的商品切换功能 功能介绍:根据选择商品参数不同,选择后跳转到对应的商品详情页面 数据库表 查询语句 查询结果 前台页面实现选择参数.切换商品 实现京东商品详情 ...

  6. Abbyy Finereader 15:文档对比功能不支持中文的处理方法

    问题:Abbyy 15文档对比功能中,只支持部分语言,其中就不支持中文 解决: 1.按win+R键打开运行,输入"regedit",打开注册表编辑器 2.找到目录树:计算机/HKE ...

  7. 如何使用ABBYY FineReader PDF 15对比功能,数据纠错不用愁

    在处理数据的过程中,如果同一份数据出现多个版本的话,那对于数据处理者来说,将是一个很大的麻烦.要在众多的数据中,查找到不同数据文件的异同点,需要耗费很多的精力. 通过使用文字识别软件ABBYY Fin ...

  8. 秒杀商品html页面,jQuery实现每日秒杀商品倒计时功能

    html & js: jQuery每日秒杀倒计时 倒计时 COUNT DOWN 距离结束还剩 00 00 00 $(document).ready(function () { var oDat ...

  9. SSM框架项目【米米商城】38-54商品更新功能

    开始时间:2022-03-03 课程链接:米米商城 新增商品分析 我们下一步需要测试新增商品按钮 这里有一个类别的添加,这是需要读取我们的数据库,查看我们有多少 商品类别的开发 这里不是用contro ...

最新文章

  1. AbstractQueuedSynchronizer原理分析
  2. JQuery UI库 - Dialog
  3. 递增三元组蓝桥杯c语言,第九届蓝桥杯_递增三元组(枚举的优化思路)
  4. 剑指offer 算法 (知识迁移能力2)
  5. 程序员面试100题之九:求子数组的最大和
  6. python安装插件报错原因_Sublime Text3 python自动补全问题——Sublime Text3安装Anaconda插件...
  7. UDP协议相关及报文格式
  8. LeetCode 647 回文子串
  9. vscode eslint插件对vue文件无效
  10. 【非参数统计01】非参数统计基本概念:假设检验,经验分布,ARE,分位数,秩检验,U统计量
  11. U盘病毒专杀工具(usbcleaner)(绿色版)
  12. WIN10下怎么用OBS捕捉全屏放映的PPT
  13. 地图坐标的转换与说明
  14. 轮盘赌算法-Roulette
  15. 毕业后我这操蛋的五年
  16. 中微通用进销存软件 绿色软件联盟
  17. 客户端禁用Cookie后session失效的问题
  18. 忽然想到了,国内物价上涨是不是和贸易顺差太大有关
  19. VR虚拟现实创新实验室综合解决方案
  20. 【uniapp引入阿里字体图标】

热门文章

  1. mdr1基因寡核苷酸/酸敏感靶多肽/聚乙二醇埃博霉素B偶联阿霉素的相关制备
  2. 第四篇:Hyperion安装配置,这些细节你都知道吗
  3. 联想黑苹果找不到触摸板_联想V330-15IKB完美黑苹果,和笔记本各类常见问题解决办法...
  4. python3*1**3 表达式输出结果为_Python冲顶大会 快来答题!
  5. C语言中强制类型转换题目
  6. 个人部署Yunzai-Bot-help
  7. 我靠自媒体搬运轻松赚钱
  8. 菜鸟被虐记之《剑指offer》——(题 1)
  9. BP信用数据配置更新
  10. 基于uniapp开发的SUPOIN(销邦) PDA使用广播扫码监听功能