IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

设计实战案例!谈谈网易严选企业购的交互设计

震天下 • 2017-09-21 13:59 • 交互设计

网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

文章目录[隐藏]

  • 相关文章

设计实战案例!谈谈网易严选企业购的交互设计

网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

现今的主流电商网站或品牌在满足广大消费者的同时,都细分出企业采购的特殊场景——设立企业采购网站,如天猫、京东、小米等。由于各家电商的定位不同,在网站设计的表现与逻辑架构也不尽相同。

建立企业采购网站这种细分运营,正是“信息传递要准确”的表现,能为C端和B端的用户都带来最友好的体验。需要注意的是企业采购并不是面向广大普通用户的,因为它的需求与使用场景比较特殊,例如企业采购的商品数量大、订单金额大,还有会涉及到一些梯度折扣、分期付款、代下单等等采购的业务流程。

那么,如何设计网易严选企业购的网站呢?可以与网易严选主站设计的一样吗?还是有所区别呢?

让我们回到原点去看这个问题。

一. 解析使用场景

用户是谁?使用环境如何?

企业采购人员(背后是他们的老板)。

正是因为我们的用户会在上班时间,在办公室使用电脑来完成他们的采购工作,所以网易严选企业购优先做了网站,而不是APP。

用户的目标是什么?他们希望如何?

我们通过访谈了解到企业采购人员希望可以高效地买到性价比高的商品。这些商品可能是给企业员工发的奖品福利,可能是赠送给客户的礼品,也可能是采购给企业员工日常使用的办公用品等等。

特别是企业采购这样的大宗订单,若是能用较少的成本,获得员工的满意、客户的认可、老板的赞赏,还提高了采购人员的工作效率,同时避免了可能存在的回扣等问题,对于企业来说是十分有利的。

我们怎么为用户提供他们想要的服务?

企业采购一般商品数量大、订单金额大,还有会涉及到一些梯度折扣、分批付款、代下单等特殊业务流程,我们将结合这些业务流程提供流畅购物体验,使得用户在采购商品的过程中是愉悦并且高效的。

二. 确立设计目标

通过归纳用户群和我们自身的特性,并与业务目标相结合,得出网易严选企业购的设计目标,下文将针对网易严选企业购主页设计进行探讨:

如何确保用户快速知道如何使用网站?

即看一眼就能明白这个网站有什么商品、怎么去购买,也可以快速找到他们想去的地方,比如浏览某一类商品、搜索某个商品、或者去申请企业认证。就像iPhone老用户换iPhone8的时候,不再需要阅读它的说明书就可以下载APP并使用它们。

所以网易严选企业购的网站在设计上需要符合用户习惯与认知:与网易严选及其他主流电商网站,有相似的地方,但也存在一些差异(将在下文细述)。

如何向用户传递品牌特色:“好的生活,没那么贵”?

通过网站清晰的信息架构、使用高质量的商品图片、UI设计突出品质感、页面的通透留白、来体现这种精致、实用的感觉。同时在主页的每个商品下突出制造商信息或是商品描述,作为卖点露出,再次强调了商品的高质量。

设计实战案例!谈谈网易严选企业购的交互设计

△ 列表商品坑位

怎样提高转化率?

转化率主要有两个指标,一是申请企业认证;二是下单采购。

企业认证是企业采购必不可少的一个重要环节,由于企业认证需要填写较多的信息,诸如企业营业执照号等一系列企业相关信息,门槛相对较高,那么如何促进用户主动去完成申请认证呢?

此处在设计上通过利益点去吸引用户一步步完成资料提交与购买:

1.在用户未登录时,会在首页的商品坑位下方展示“登录查看企业折扣 ” 来吸引用户登录;在用户登录后,若未申请企业认证的,会显示 “认证后查看企业折扣 ” ;在通过企业认证后,则显示 “企业专享X折起 ” 。

设计实战案例!谈谈网易严选企业购的交互设计

△ 首页商品坑位

2.在版头右侧的辅助信息模块上的黄色按钮文案:”提交企业信息”也会随着认证状态的改变而变化,而且它与企业购的业务特色介绍放在一起,更能刺激用户去申请认证。

设计实战案例!谈谈网易严选企业购的交互设计

△ 导航-辅助信息模块

在用户通过企业认证后,通过高质量的商品和较高的性价比吸引用户实际下单,就页面的引导来说,从商品详情的设计、首页的场景分类的运营、精选热卖的引导去增加转化率。

三. 体现交互设计的价值

主页的设计对于网站来说至关重要,因为它不仅仅是一个入口,它更是让用户看到自己正在寻找的东西。在主页设计之中,首屏的设计尤为重要,而导航又是首屏里的重要元素之一。

信息架构

在主页的信息架构上来说,网站主页信息架构简洁清晰:网页的头部是导航,其中包括搜索、采购清单、一级类目+经典商品、场景分类。页面中央是banner广告位,往下是各类商品推荐:如精选热卖、场景分类、类目分类;底部是合作企业的露出与严选企业采购网站的相关介绍。

设计实战案例!谈谈网易严选企业购的交互设计

△ 信息架构示意图

网易严选企业购主页头部的导航设计充分展示了网站的结构;中部的banner广告位与各类分类入口,则为业务方保留了较大的扩展性,方便对某些商品进行露出、营销;底部用详细的网易严选业务相关介绍来结束页面,再次强调了品牌性,营造可信赖的安全感。

导航设计

把导航放在标准的位置——页面顶部,可以让我们快速定位、不必费力,标准化的外观让我们更容易把它们与别的东西区分开来。网站导航通过具体化网站的层次结构补偿了这种缺失的空间感,营造出某种位置的感觉。

网易严选企业购的导航条构成为:网站LOGO、类目、和实用工具(搜索、采购清单、在线留言)、分类快速入口、网站特色露出。

设计实战案例!谈谈网易严选企业购的交互设计

△ 导航结构示意图

纵向导航将一级类目和该类目下的典型商品一起展示在最外层,使企业采购人员可以扫一眼就知道这里大致有哪些商品。

横向导航展示场景分类的快捷入口,相当于是为用户提前创建好了适用于不同场景的购物清单,以此引导用户、帮助他们快速找到某些用途的商品。

另外,在头部的搜索入口可以帮助用户快速找到想要寻找的商品,而将一般的购物车命名为采购清单也更贴近业务。其次,辅助信息的模块中露出用户信息与网站特色可以再次强调品牌性。

设计实战案例!谈谈网易严选企业购的交互设计

△  网易严选企业购、网易严选

网易严选企业购在导航的设计上严选主站略有不同,企业采购站需要注重效率,但严选主站的用户是广大消费者,逛的特性更强一些、商品也更多。因此在导航上只展示一级类目,需要hover去触发二级类目的展示,这种渐进式地引导,更能吸引用户去逛网站,去到处看看有什么惊喜,以此增加更多的商品露出与转化。

网易严选的商品主要分为居家、餐厨、配件、服装、洗护、婴童、杂货、饮食、志趣这九大类目,共包含1000余种商品。其中适合企业采购的商品种类相对较少,也是严选企业购的类目导航设计得比较浅的原因之一。

欢迎关注作者「网易UEDC」的微信公众号:

设计实战案例!谈谈网易严选企业购的交互设计

「经验分享!如何打造成功的电商网站」

  • 《新人手册!聊聊关于电商设计的那些事儿》
  • 《这7个趋势,也许是2017年电商用户体验设计的关键》
  • 《超赞!高大上的电商网站案例集合》
  • 《提升电子商务网站易用性的10个注意事项》

设计实战案例!谈谈网易严选企业购的交互设计

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网: UiiiUiii.com是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

相关文章

  • 网易UEDC丨专属于新人设计师的私人推荐书单
  • 网易UEDC:6个方法帮交互设计师与上下游顺畅合作!
  • 腾讯设计案例!QQ炫舞8周年视觉包装全过程回顾
  • 五星好评!网易云音乐Win10 Beta版的设计经验总结
  • 设计师揭秘!超火的故宫HTML 5背后的设计故事
  • 5个电商案例,教你学会优雅高效地给设计师们提修改意见

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34267/

appARBannerHTML 5HTML5iPhonelogoPSUEDUIUI设计UXWEB书单交互交互设计交互设计师价值体验体验设计使用场景免费分享品牌场景天猫学习导航导航设计工作差异引导微信微信公众号总结按钮搜索入口文案新人方法服务案例注意事项用户用户习惯用户体验用户体验设计电商电商设计电子商务留白登录经验经验分享经验总结网易网易云音乐网站网站设计腾讯视觉视觉效果设计设计师设计案例设计经验购物体验资料转化率运营
赞 (0)
震天下震天下
0
生成海报
埃森哲设计思维成就价值创新:从“外在美”到“内在美”
上一篇 2017-09-18
超全面!聊聊交互设计背后的心理学原理
下一篇 2017-09-25

相关推荐

  • 交互设计

    设计人员和开发人员:不要再四分五裂

    作者:阿西 前言:随着网络的飞速发展,摩尔定律的快速传播,传统的设计和开发之间的分歧越来越多地凸显。 “学会代码”运动是设计师中获得新能力的渠道,但是在其他IT的部门找到类似跨专业的学习其他业务技能的运动不常…

    2015-05-11
  • 微信热点

    【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 杭州-UI设计师招聘需求

    点击上方蓝字一起关注这个公众号吧!什么是用户体验用户体验是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。把最终用户作为设计和开发活动的焦点,而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心(用户至上)的设计理念。最简单的用户体验(User Experience,简称UE),最直接影响你的网页浏览度的因素。在网站策划和网站运营当中,用户体验是最重要的一个因素,直接影响到你的网站是否成功。网站用户体验(...

    交互专题 2018-03-13
  • 微信热点

    Sketchelp·2018暑期ACCD手绘造型工作坊

    今年暑期份的ACCD手绘造型工作坊又来啦!没错,主讲老师还是你们的E神。2013年,这个可爱的湾湾人带着他的一大摞手绘本来到大陆,二话不说就将自己在Art Center勤学苦练之所得倾囊相授,默默帮助了一届又一届的学生打开手绘大门。没脾气、没架子,却还是位高级汽车设计师。-有关 ArtCenter College of Design美国艺术中心设计学院(ARTCENTER COLLEGE OF DESIGN)坐落于美国洛杉矶的帕萨迪纳市...

    2018-05-03
  • HOW TO—撰写可用性测试报告 交互设计

    HOW TO—撰写可用性测试报告

    在报告可用性测试结果时,首要关注的应当是本次测试的发现与改进建议,并且将测试的发现与建议按照严重等级划分优先级。其次,还应当包括测试计划和测试执行过程,当然不用面面俱到,但是加入部分细节内容可以帮助读者了解此次测试所使用的方法,方便其评判该报告的可信度。在报告中,尽量保持段落简短,多使用图表、短视频等方式来描述。

    2017-05-28
  • 微信热点

    交互设计 | UX设计想法表达太难?——试试故事版StoryBoard

    UX设计中一些针对用户调研的方法Workshop、Observation、Interview调研结束后需要将调研结果整合反馈单纯以文字去呈现无法将设计信息最大化故事板、线框图等视觉化的信息传达方式直观准确的解决设计问题下面小编将为同学们详细介绍故事板在交互设计作品集创作中的应用及优点,帮助大家在设计过程中能更高效的完成设计想法的交流和沟通。故事板的应用故事板可看作代表镜头的插画,同学们在设计时需要把图像排列在一起,使自己的设计能够故事化...

    2018-03-17
  • 微信热点

    UED内功心法口诀篇

    本文约5000字,阅读需15分钟本篇思想可能给你带来的价值何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。心法口诀第一式:目标用户锁定招式1:找出契合业务的目标族...

    2018-02-02
  • 微信热点

    交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • 微信热点

    【干货】关于交互设计那点事儿

    交互设计作为现在的热门行业之一就业前景和薪资待遇都很好今天我们就来聊聊交互设计那点事儿先来看一下关于交互行业概览和工作机会。金融公司(Bloomberg,CapitalOne)科技公司(Google,Facebook,Microsoft,Tencent)设计公司(NASN,government,NGO)我们所了解以上这些大名鼎鼎的公司,都是需要很多交互设计师的。那么用户体验设计师、交互设计师、UI设计师有什么区别用户体验设计师,就是我们...

    2018-04-21
  • 干货推荐|数据可视化的五个步骤 交互设计

    干货推荐|数据可视化的五个步骤

    数据被称作是最新的商业原材料「21世纪的石油」。商业领域、研究领域、技术发展领域使用的数据总量非常巨大,并持续增长。就Elsevier而言,每年从ScienceDirect下载的文章有7亿篇,Scopus上的机构档案有8万个、研究人员档案有 1 千 3 百万,Mendeley上的研究人员档案有 3 百万。对于用户来说,从这个数据海洋中抓到关键信息越来越难。

    2017-05-29
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress