• 个人信息,利用好更需保护好 2019-07-04
  • 做生意,有钱赚就进;没钱赚就撤。总不能死活不动让人坑吧。 2019-07-04
  • 计划不是产生在交换基础上的计划。 2019-06-22
  • 电影别得了票房丢了观众 2019-06-06
  • 回复@大雨582:所有的人都成标准件了? 2019-06-05
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-04
  • 一直在提速降费 为何手机用户话费不降反升 2019-06-04
  • 换个口味过端午 “粽”能让你心动 2019-05-26
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-05-26
  • 只要自然向前自己的文章,语言的方式个逻辑必然有障碍 2019-05-15
  • 西安七旬老人拄拐到高考志愿咨询会 帮孙子看看报啥学校 2019-04-27
  • 19号线全面施工,快来看临铁新盘! ——凤凰网房产北京 2019-04-27
  • 端午假期国内游客超8900万人次 全域旅游见成效 2019-04-19
  • 这是很容易检验的!家庭是按需分配的,也是各尽所能的。笑博士在家中,除按需分配外,还有什么是需要从家中按劳分配的,跟大家讲讲如何? 2019-03-27
  • 主城赏荷地图出炉 快带上相机出发 2019-03-27
  • 需求报价
    工具

    需求报价工具

    进入需求报价工具,算算开发您的项目需要多少预算

    进入

    在线咨询

    林经理:

    张经理:

    王经理:

    包经理:

    全国免费咨询热线: 0755-8860 8956

    林经理:137 1426 5989   张经理:139 9761 9463

    您当前的位置:广西福彩快3开奖结果> 资讯动态> 媒体报道

    广西快3开奖时间开奖:电商APP里的分类导航

    日期:2019-02-25 来源:众利软件 点击:58 次

    电商APP里的分类导航

    广西福彩快3开奖结果 www.1tou8.com



    前言



    在使用电商App的时候是经?;嵊玫缴唐返姆掷喙δ?,比如一个综合电商App会有不同的物品种类,如:手表、服饰、珠宝等。宠物电商App会有不同的商品分类,如:玩具、食物、保健等。服装电商App上会有不同的着装分类,如:上装,裤装,群装等。最近我搜集了一些不同电商APP不同的分类导航布局,就一并整理出来,给自己一些参考,也希望能帮助到有同样需求的小伙伴。


    清晰的分类导航可以快速的让用户找到商品入口,那么电商分类导航布局都有哪些呢?我们先说说最常见的三种电商分类导航。它们分别是宫格分类导航、列表分类导航组合分类导航。


    1.jpg




    以上这三种是较为常见的电商分类导航,当然不仅限于这三种形式,其余的电商导航形式接下来会逐渐的进行补充,下面我会重点分析上面三种分类导航在布局上的区别。


    宫格分类导航


    宫格分类导航的特点是图文结合的方式,图文结合是一种快速理解产品的设计方式,可以减少用户思考的时间,目的是为了方便用户可以快速找到商品入口。


    宫格分类导航的行数一般没有过多限制,当然也不是说越多越好,基本上以一页展示最佳,行数越少越清晰。竖向常见的有2列、3列、4列布局。


    2.jpg


    以左图为例,2列布局常使用左右构图,以突显产品为主这样做的好处可以让产品更大、更直观的展示从而方便用户挑选,一般产品种类较少时可选择使用,一页展示较为饱满,切记不在在分类内容较多的情况下使用,内容过多容易产生视觉疲劳进而影响操作。


    以中图、右图为例,3列、4列常使用上下构图,适用于分类导航较多的时候。一般以一页展示最佳,产品展示常使用抠图的形式,有助于提升产品的品质,也更容易凸显产品,方便用户区分差异,进行选择。



    宫格布局的优点是随时可以增加新的种类,很灵活。图文结合便于信息的理解。缺点是无论是2列、3列、4列都会遇到单独一个种类占一排的情况,这样容易导致页面的排版不够美观。宫格布局还有一个特点就是不可以深度筛选,需要跳转查询相应的产品详情。


    列表分类导航


    列表分类导航通过下拉或者多层筛选等方式达到展示更多分类的目的,从而帮助用户快速找到产品入口。


    列表分类导航常见的布局方式包括文字分类导航、图文分类导航、与多层筛选分类导航等。


    3.jpg


    以左图为例,建议种类多、内容丰富时使用,可以展示更多的分类信息。但是同时也存在文字列表相对密集的情况,不如图文结合来的直观。图中右侧的小产品图又由于过小,反而会增加视觉负担。


    以中图为例,如果分类的内容比较在意品质感且内容量不大时建议使用,排版以左右构图的方式给页面保留了很好的呼吸感。但缺点是没有有效的利用空间,只做到了美观,空间利用率过低。


    以右图为例,商品深度筛选的时候建议使用,便于信息的逐层筛选,从而达到快速找到入口的目的。优点是减少页面跳转,节省操作次数。


    列表分类导航的好处是变化多端,可以根据内容排优先级,方便用户选择?;箍梢远孕畔⒉慵吨鸩闵秆?,较宫格来说可以更快的达到筛选的目的?;褂芯褪遣挥玫P呐虐娌宦睦?。


    组合分类导航


    宫格与列表的分类导航形式在布局方式上都是比较统一的,而组合分类导航则就是把以上两种分类导航组合起来并且在同一页面展示。其布局的特点比较多变、不会以完全统一的形式出现。


    这里只展示了三种不同的布局形式,分别是列表+宫格导航,列表+标签导航,宫格+宫格导航的展示。由于组合分类导航的布局特点变化多端,就不过多的举例了,小伙伴们可以通过自己的观察积累一些其它形式的组合分类导航。


    4.jpg

    以左图为例,从整体来看风格、效果是一种大的列表分类导航,但是在局部的分类导航中又使用了宫格导航+标签导航,如学院、韩系+轻熟、欧美。使得分类导航的布局在统一中又有变化。这样设计的好处就是丰富视觉的同时又显得非常规整。


    以中图为例,整体也是一种大的列表分类,与左图不同的是标签的布局设计方式是左对齐的设计方式,而分类的标题则是以图文结合的方式展示,可以根据实际的工作需要来适当的选择是否可以应用。布局同样的遵循了变化中保持统一。


    以右图为例,它与左、中都不一样。虽然同样的也是列表的形式,但是并不统一。上面的布局与下面的布局采用了不同的宫格布局。展示方式也不一样。同样优点也是丰富了界面的元素,但是要注意的是如果使用不当,页面会不够和谐。这里还是比较考验设计师的设计能力的,建议酌情使用。


    组合分类导航继承了宫格分类导航与列表分类导航的优点,既比宫格导航内容丰富,又同时可在页面上进行细节筛选,也达到了帮助快速选择的目的。然而在实际的工作中则很少去使用,希望小伙伴们在设计的时候可以多多考虑组合分类导航。组合分类导航随机性比较强,可以自由组合,展示的同时也要考虑到哪种组合是更为方便用户使用的,千万不能因为美观而影响了功能。


    总结


    以上即为电商分类导航常见的三种样式,宫格的设计特点是整齐、直观,图文形式更好的辅助用户识别内容方便用户查看。列表的设计特点是排列、直接,并且可以直接在同页面进行复选,减少跳转,直接的减少了用户的焦虑感。组合的设计特点是随机、百变,可以依照不同的需求来进行组合设计,并且同时具备宫格与列表的优点既丰富又可以筛选细节。这三种分类导航基本可以满足日常分类导航设计的需要,只不过要依照不同的需求来选择不同的展示方式。



  • 个人信息,利用好更需保护好 2019-07-04
  • 做生意,有钱赚就进;没钱赚就撤。总不能死活不动让人坑吧。 2019-07-04
  • 计划不是产生在交换基础上的计划。 2019-06-22
  • 电影别得了票房丢了观众 2019-06-06
  • 回复@大雨582:所有的人都成标准件了? 2019-06-05
  • 2017内蒙古自治区学习十九大精神嵌套页面--内蒙古频道--人民网 2019-06-04
  • 一直在提速降费 为何手机用户话费不降反升 2019-06-04
  • 换个口味过端午 “粽”能让你心动 2019-05-26
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-05-26
  • 只要自然向前自己的文章,语言的方式个逻辑必然有障碍 2019-05-15
  • 西安七旬老人拄拐到高考志愿咨询会 帮孙子看看报啥学校 2019-04-27
  • 19号线全面施工,快来看临铁新盘! ——凤凰网房产北京 2019-04-27
  • 端午假期国内游客超8900万人次 全域旅游见成效 2019-04-19
  • 这是很容易检验的!家庭是按需分配的,也是各尽所能的。笑博士在家中,除按需分配外,还有什么是需要从家中按劳分配的,跟大家讲讲如何? 2019-03-27
  • 主城赏荷地图出炉 快带上相机出发 2019-03-27
  • 恩尼斯 4场进球玩法中多少钱 金博棋牌app 辽宁快乐12一定牛 五分pk10计划网 明日之后忆涵解说全集 天涯明月刀五毒 篮球竞彩网让分胜负 超级船长的宝藏客服 拳皇98ol14资质阵容推荐 英雄连解放卡昂攻略 广东福彩36选7基本走势图 cctv5体育人间电竞特别节目 埃弗顿vs曼联比分 龙之城堡免费试玩 竞彩足球混合过关开奖结果