17777792644
电话

M E N U

M E N U


  • 首页

  • 作品

  • 客服

  • 微信

  • 联系
  • 点击线上咨询 17777792644
    二维码
    知识库

    如何做好电商类app

    2020-03-17 10:03:04

    随着移动互联网的到来,沈阳网站建设已经不能满足企业的需求,许多拥有产品的企业已经开始侵占移动市场,如我们聊天公众号,我们聊天小程序,手机APP建设,手机网站建设,手机登陆页面建设等.. 然而,最具代表性的是电子商务应用程序的设计,电子商务是所有应用程序的本质,其技术和层次性高于其他行业产品,因此使用新版本的手机应用程序应该是非常困难的。
    电力有经验,在建立商业网站的人都知道,电商行业,或大或小,大可能包含了我们的生活,如工业用品,家居用品,新鲜水果和蔬菜,甚至新鲜的所有产品,和我们的生活可以包含小一些的分类,如围绕品牌加工,所以品牌设计一个交易平台鞋厂。
    电商类APP是现代企业日常生活使用进行频次很高的应用,每一次更新和改版都是业务性的拓展、用户信息需求的满足,同时我们也是中国消费发展趋势的引领与跟随。
    本文以淘宝APP为案例,对电商APP的建设进行分析,通过从关键页面分析淘宝,景东,苏宁易购三个综合电商平台的产品设计,让大家更加熟悉沈阳网站制作公司制作的电商APP..
    一、淘宝改版
    最近淘宝上进行了修订,逐步修订一步,做多A / B测试。
    1. 主要改版页面
    从视觉上看,很明显的大圆角卡片、去线条,整体设计风格形成统一使用轻质化。大圆角卡片可以追随了 iOS11 的风格(App Store 中尤为重要突出),卡片使信息技术更加需要聚焦,模块感更强;圆角卡片产品本身也比原先自己的卡片式增加了企业更多一些细节;大圆角卡片亲和力高,更加具有活泼,也符合中国淘宝不同人群的定位。
    2. 个人首页
    与新旧版本相比,可以看出,88名会员、卡券和套餐的优先级有所提高,会员信息更加集中和突出。 这也印证了两年的会员机制火热,拉新成本和难度越来越高,巩固老用户可以带来更多价值..
    该卡的新版本突出除去大部分的线条,又与块面线条表达的层次关系所取代。
    88会员和最新发展物流这两块内容进行滚动呈现,真正是动效解决这些问题,从时间轴来解决企业信息数据量大而空间局限的问题,同时通过动态管理效果增加了用户吸引度。
    在beta期间,这个页面主要看到两个点的变化,一个是图标改为原来的填充,另一个是动态滚动的节奏。
    个人图标猜测是因为与体重,位置,体量线型弱于填充的重要性问题。在“我的淘宝”页面上,最重要的信息是“我的订单”,因此需要一定突出。另外,在测试版,上面的“我的订单”将旅游青蛙广告,这个位置下的“我的订单”导致其弱化的突出,占用了C位的原来的“我的订单”固定广告空间,以考虑到现场(广告)的更全面的测试版,使填充的风格,以换取庞大的身躯的图标。
    动效滚动是上面我们说的88会员和最新发展物流,7. 7. 2版本里没有两个选择滚动是同时可以进行的,而7. 7. 8的测试版中两个不同滚动是错开的。上下结构同时通过滚动会让人有些管理混乱,会让人认为这两块的信息是相互之间关联的。
    3. 店铺首页
    在这件事上做了A/B测试。 店铺页面变化较大,导航做了较大调整.. 新版固定了底层的常用操作和重要功能;二级导航中的内容让商家自定义选择,从而满足不同的店铺需求;新版一级二级导航比旧版二级关系清晰得多..
    同样,这个A/B测试,这个测试时间更长(从7.7.2到目前的7.8.2,视觉到8.0应该给出一个结果)。 商店页面导航的大变化会在一定程度上影响已经习惯的老用户,并重新适应和学习页面,有点类似于主动抑制(在认知心理学中,指的是先前学习的材料的干扰和回忆后来的学习材料)。 新设计的目的是方便用户在前期快速学习,在中后期快速使用。 对于中后期使用的快速需要一段时间来铺垫获取数据.. 测试应该是区分不同的用户,简单地测试新用户,旧用户对新旧版本的研究,以及他们对新版本使用的熟悉程度。
    4. 物流详情
    这一块可以说是样式上的大改。用可视化来表现包裹正处的位置关系以及生活即将企业进行的操作,增强学生用户通过感知(降低学习理解难度),进一步发展提升对商品经济信息的把控感。比原先仅仅是文字展示而言生动了我国许多,样式接近外卖等待中的订单页面。可视化固然可以充分展示他们更多的信息,但是在网络用户非训练的情况下使用信息数据传递的速度未必比文字要更快,不同国家的人对图形的理解也会有所偏差。不过介于外卖 App 的页面设计已经对很多其他用户需求进行了研究教育,相信对于这种方式理解上不会有太大难度。但是现在依然要在后续优化中逐渐突出产品信息的重点。
    物流详情页除了风格的巨大变化外,还有一个功能是基于场景的细分,不同的场景产生了不同的效果。 例如,只是物流详情页,根据不同的场景:交付未认领的件-未分配的件-交付快递-到达菜鸟驿站/其他快递点-签名等,页面突出显示的信息是不同的。 当件已突出快递信息时,分销突出经销商的信息。
    从场面区间做差,让用户能够访问信息,它需要最新的出发点无疑是好的,但是从上面,这种类型的信息仅表达信息的图像,出现了三种样式和位置不统一。如果用户购买商品的几件在不同的商店,然后调用快递我是谁XX的成员表示,快递给你在某个地方,然后我想知道这是什么时候一个商品,所以我会开放物流信息,来表达信息,发现快件信息实际上不是原来的地图下,找了一会儿才发现到快递的底部。您可能需要支付额外的费用,当学习这个例子是说,它的罕见场景发生的消息。
    不过在7. 7. 8的测试系统版本中,又将快递企业信息的样式减为两种,算是作为一种社会妥协。本人研究认为,场景进行细分出发点是好的,但在样式和位置两点中,最好至少有一点是固定资产不变的,这样才不会产生过多时间增加学生用户的学习环境成本,也能涵盖一些小概率场景。
    5. 动效
    这两张图都是我们店铺管理页面顶部的动效,当用户可以向下滑动页面时,顶部的信息会出现发展变化,也算是细分应用场景的一种,通过动效的方式更加完美主义过渡,过渡的流畅感会让用户对该平台不断增加企业些许好感。
    页面我在淘宝动态效果来解决上述所说的问题,还有就是对网页的好东西吧,当用户滑动页面,攻略也为了显示效果,眼部推荐一列图片醒目,有一点惊喜。
    总结分析来看,淘宝改版的设计不同角度我们可以总结为:设计追随目标,品牌、会员突出,追随自己设计研究趋势,细分场景,可视化展现和流畅动效。另外淘宝对设计、测试的态度上来说,设计方法解决企业实际生活问题,设计过程中需要进一步验证,测试要严谨。
    二、淘宝与其他竞品
    这里只选取了景东和苏宁易购两家和淘宝进行了几个关键页面的对比,下面沈阳网站设计主要从视觉角度讲一下有哪些问题,这里几乎不涉及业务,页面跳转等问题..
    1. 首页
    淘宝:整体看起来没什么硬的,没有卡的风格..
    京东:这边发展也是继淘宝进行改版后不久改版上线。这边首屏的 icon 这一块的卡片式生硬,大有作为为了一个卡片而卡片既视感,京东可以秒杀活动这块的整齐度不高,也有些左重右轻。「每日逛」这种具有装饰性作用较强的风格也与整体采用卡片式设计简洁语言风格特征不符。「东家小院」楼层次级产品标题的颜色比较跳跃,大有喧宾夺主之感。
    苏宁易购:还没有修改。 手持抓举此楼层整洁度不高,与景东相似,同时缺乏层次感,部分循序渐进不是,很不一致.. 地板上缺乏视觉平衡,信息水平存在问题。
    2. 搜索结果页
    风格:淘宝这个页面的无框设计,消除了分割线,大型产品的图像尺寸的中间;从左至右,图片尺寸越来越小,从没有分界线细到粗,在淘宝上和整体效果购比京东,易较好的效果。
    标签:在标签的处理上,易购的标签可以非常强,在页面上具有非常重要突出,喧宾夺主;京东的标签进行弱化,与淘宝通过类似,但完全不同类的标签样式基本相同(秒杀与自营),会让人觉得自己有些管理混乱。
    图文编排:淘宝和京东都没有硬伤,比较和谐,但易购的图片和文字大小间距比例不和谐,图片与线框无论在视觉效果上还是像素上都没有对齐;易购底部没有适配 iPhone X。
    3. 分类页
    风格:淘宝上有明显的卡,去行;而京东也采用的是感觉身体虚弱,团结和做卡;乐购依然是线框区分贫困人口的整体区分效果。
    品牌:淘宝和京东在文字的处理上没有用发展更多的色彩,而易购的色彩运用得到了非常多,削弱企业品牌感,且没有我们带来其他任何一个优势。


    如果您认同火狮设计的观念并且需要寻求帮助,请拨打 17777792644,或点击右下角也可添加微信进行线上咨询,我们将竭诚为您服务。


    上一篇
    火狮设计2020官网正式上线
    下一篇
    保持排名稳定性需要重视些什么

    联系方式

    17777792644
    15041264144
    fireliondesign@qq.com

    办公室

    沈阳总部
    沈阳市 铁西区 建设大路 贵和街 15号
    金鸟家园
    沈阳分部
    辽宁省 沈阳市 大东区 东北大马路264号 金地铂金中心 4F
    北京分部
    北京市丰台区方庄日月天地大厦
    辽ICP备16008350号-2
    辽ICP备16008350号-2
    火狮设计