怎么设计好电商首页设计后台系统流程

电商网站一分为前台导购及后台管理两方面,通常由买家及卖家两种角色组成。大部分的工作是在后台完成,涉及到各类管理系统,保障日常工作顺利运行。后台产品设计因其逻辑复杂、业务繁多、专业性强具有较大挑战性,在很多情况下设计师的发挥受到较大限制。尤其是B类后台产品的设计需要对公司业务拥有更全方位的认识,加大了其设计难度。做为设计师如何重新定义后台商业价值?如何进行产品化设计思考?下面以买卖家工作台首页设计为例,来介绍下整体设计思路。
买卖家工作台是什么?
买卖家工作台是基于1688大数据为企业提供生意决策、日常工作管理的中小企业操作管理后台。
设计之前:思考在最前方,与业务一起确定产品方向
转变思维方式:由被动接受到主动提案
做为体验设计师需要对整个产品负责,在产品改造前期提前与PD对焦思路,全链路思考主动提出对产品的整体想法,而非到某项交互功能再介入,或者是某个页面视觉表现再进行。对焦的过程中也发现项目的诸多难点:涉及B2B所有业务,风险大,影响范围广。为保证产品方向的准确性需要与业务方进行多次沟通讨论及产品汇报。 产品方向确定基本流程: 思路对焦——方案讨论——方案设计——产品汇报——确定方向。
商业价值重构三步走:
一、了解定位,转换视角
1、了解产品整体定位: 在进行商业价值重构前充分了解产品定位。以工作台为例,今年1688针对B2B市场提出了人、货、场的战略。人:帮助引流,货:提升品质,场:提升能力,做为1688用户的核心工作场景-工作台成为重要场景之一,需要结合新战略进行全新升级,加强人在后台场中的匹配效率。
2、从业务视角转变为用户视角:在设计对焦过程发现,现有版本融入了较多内部运营工作逻辑,体现各个部门的利益及立场。比如网站多了一块新业务需要向用户推广,就会在后台中增加一个介绍版块让用户区体验,缺少用户去体验功能的场景及动机。偏向一个流量分发为中心的核心阵地。业务视角展现在用户层面比较难理解。做为B类用户更多的是从做生意的角度来使用后台,需要做一层转化才能到达认知,一定程度上影响了用户的使用效率。因此需要翻译成用户能理解的产品表达。
二、统一战线,建立目标
与产品、运营统一战线,建立目标。将一个流量分发为中心的核心阵地打造成以用户服务为中心的产品。
三、明确关系,构建大图
明确商业价值的构成者,做为平台一共有三方:平台方、买方及卖方。完整的商业价值构建需要联动三方一起共进。工作台以阿里大数据为中心,网站平台小二通过行业市场来服务我们的买家,同时通过商家培育体系来服务我们的卖家帮助商家成长,商家通过自我成长提升自身运营能力来服务好买家,构建出稳固的铁三角服务生态大图。通过建立价值生态场景,帮助业务打通上下游市场,让小二更好的服务买家,促使商家自运营。
明确商业价值后,进行产品化设计
一、挖掘用户使痛点
1、定性:采用敏捷式共建用研,在有限制时间内,获得丰富有效信息
首先谈下用研方式,传统的用研从制定访谈计划、问卷设计、用户邀约、执行调研、分析数据到撰写报告,整个过程基本由用研同学独立完成,在项目时间比较紧张的情况下会受到限制。因此我们采用了敏捷式共建用研,在临时机动的情况下获取用户痛点的方式,有几个小tips可供参考:
A、项目组共建用研:打破流程限制,在与用研同学确定好调研提纲后,发动项目组的成员运营、开发、测试等共同参与调研;
B、灵活邀约客户:借助园区商家活动、会议等在中间抽取时间机动调研,在中午休息时间就访谈了近15位客户;
C、访谈结果及时产出:后项目组成员当即进行调研总结及改进建议,大大提高了访谈的输出效率,也提高了项目成员的对于用户的整体感知。用户调研不在于形式,在于是否通过有效方式得到想要的信息.优势:用户量大,意愿大,调研成本低 风险:目标用户不稳定、用户经营状态感知偏弱。
定性调研发现:
买家:主要工作行为是采购管理和销售管理,小买家不会进行进销存管理,进销存管理工具不能同步1688信息,查看物流不方便、不能看到销售数据情况,交易过的公司公司使用量低等情况。
卖家:主要使用群体为公司操作员基本每天都会进入后台操作,主要操作行为查看店铺数据、进行交易订单管理、商品管理、店铺管理、营销活动管理。核心关注曝光、访客及转化情况。调研中发现用户在后台操作的目标感模糊,例如用户反馈:刚开了店铺,后面要怎么弄,完全没方向!别人都是怎么做的,没有引导性;购买诚信通仅为了标识,无线上行为不知道要怎么做?没有把线下用户拉到线上等问题。
2、定量:通过数据分析发现用户使用都比较集中,部分模块使用率较低,有效信息少;长尾效应明显,交易链路为买卖家高频行为,抓手欠缺。
二、确定设计目标及策略
基于用户的行为差异及诉求差异,制定不同的设计目标及策略。工作台结合买卖家做了版本区分,分为买家版及卖家版
买家版设计目标:让买家拥有精细化的采销服务,提高进货效率
设计策略:
1、精简化:信息架构场景化,内容模块调整;
2、数据化、个性化:通过用户行为数据、关系数据提供个性化服务,接入第三方服务满足买家下游需求;
3、互动性:平台与买家、买家与卖家间的互动,进行服务触达,关系显性化,从而促进商业价值最大化。
卖家版设计目标:帮助商家更好的自我成长,提高自运营能力
设计策略:
1、精简化:信息架构场景化,快捷入口调整;
2、数据化自运营:分类管理,结合用研中了解的用户核心场景:管交易、管店、管货、管客及管活动进行模块分类
3、卖家生命周期管理:建立用户成长激励体系,通过用户进阶分层明确成长目标,促使用户成长。 策略图:
三、交互阶段信息架构细化设计,建立模块产品化交互设计Guideline
信息架构核心抓手有三:
1、 导航分类场景化:以卖家版为例,在导航区域核心体现卖家四大工作场景:管交易、管店、管货、管客及管活动。
2、 内容场景数据导向化:中间内容区域以总体成长情况和场景数据情况进行导向性设计,提供数据分析及行动操作。明确用户核心关注内容及操作。
3、 模块设计产品化:建立模块交互设计Guideline 为保障后续新增模块价值传递的统一性,建立模块产品化交互设计Guideline。 对所有模块进行了功能分类,主要分为两种: 1、任务服务模块: 任务服务模块设计需要明确:模块是什么?(业务视角转为用户视角)目标&现状,怎么做及可获得什么服务。 2、消息模块:传递服务是什么?怎么做?
举例:客户管理模块
1、模块是什么?:店铺客户管理
2、目标&现状:店铺的访客、潜在客户、成交客户及流失客户情况
3、怎么做?:进行客户召回
4、可获得什么?:客户数量增加,客户管理类工具
交互设计微创新:功能地图设计
工作台中的功能入口众多,为方便用户查找及使用,对功能地图进行优化。统一工作场景分类认知与导航分类保持一致,减少界面中分类层级,用户点击功能地图后可进行自定菜单设置,将自己常用的入口钉到左侧菜单中。
四、视觉设计无边界,寻找核心发力点
通常一个产品进入视觉设计就开始YY各种品牌元素及表现感知方面的设计,而作为后台产品因其偏重操作,在视觉设计前,需要宏观的进行再思考,用户通过感知可以带来什么价值?在工作台视觉设计前进行了进行感知升级思考,建立感知升级闭环贯穿在整个视觉设计环节,闭环全图:
视觉设计核心发力点提取: 在对整体闭环有一定认知后,进行感知定位通过与项目组成员共建提取工作台感知云标签,提取感知关键词:简单、清晰及高效。在视觉层面主要通过风格定义、特色模块设计及情感化设计来发力。
1、风格定义:对B2B供应链管理类后台从颜色、图标、控件、模块等方面进行视觉层面竞品分析,同时了解时下主流产品设计趋势如微软、facebook,IOS11最新视觉风格。发现以下特点:
形:去装饰,以内容为中心,去掉了多余的装饰元素
色:少颜色,通过大小对比来突出主体,减少颜色
质:扁平化设计,微渐变
构:减线条,弱化线条分割,通过留白来区分空间,轻划分:巧用投影做区块划分 综合以上分析进行风格定义设计
风格细节:
导航优化:为保障用户认知的统一性,沿用了老版本中买家橙色,卖家蓝色的颜色特征。导航设计中缩减了颜色在导航中的比重,通过版本字体来区分。简化老版本中当前状态的框选样式,通过TAB短线来表示当前状态。
内容再设计:老版本中代办模块信息内容密集识别困难,操作性较低,通过信息名片卡片式设计待办归类整理,突出核心内容
化繁为简:现有页面中模块很多用线条来区分,信息量比较多的情况下,页面相对复杂,因此弱化线条分割,通过留白来区分空间
图标设计:对后台产品中的图标进行了功能分类:说明性图标、权益性图标。后台图标设计需要控制其表现力度,因此在设计上通过局部细节点缀来表现。权益类图标与前台门洞类做区分,减少颜色运用,结合买卖身份做橙、蓝底色区分,使用简易面状的形式来凸显特征。
2、特色模块设计,以成长模块为例
模块设计背景:根据商家在平台的七项能力,统一分层体系,促进商家自运营,从而为买家提供优质货源和采购体验
设计方向:为帮助商家在平台更好的成长,全链路思考用户成长环节。在工作台中的透传中,使用商务跑的方式来激励用户,并给予成长引导基于模块设计Guideline明确:
1、模块是什么?:我的成长
2、目标&现状:成长能力得分
3、怎么做?:成长任务
4、可获得什么?:成长权益 对模块进行划分:
成长感知定位,主要通过两方面,提取物像特征,提取表现形式
通过商务人物奔跑的形式来表现成长进度,为便于用户进行成长任务连贯操作设计全链路成长插件,提高成长效率。
3、情感化设计:
身份卡片设计:
使用2.5D元素来增加用户新手操作的实体感受:
五、后台动效,让工作台体验更流畅
在项目过程中非常感谢成龙、梅郁在设计思路及方法上的引导,感谢团队中顾佳、苏林给力的设计支持。
产品化设计任重道远,是一个不断优化迭代的过程,还需要联合各方力量一起合力,共同改进。在新形势下,设计师已不在是接需求的资源方,而是产品共同的缔造者。需要利用一切能够改善产品的方式,用我们的全部智慧和能力,为我们的用户服务。
原文地址:
作者:金莉
转载请注明: &
学UI就上学UI网!越努力,越幸运!
“学UI网 ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!
【特色推荐】
” 海量APP截图,让你灵感爆发!国内最好的APP截图站。
“” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!
“” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?
你可能喜欢的:主题信息(必填)
主题描述(最多限制在50个字符)
申请人信息(必填)
申请信息已提交审核,请注意查收邮件,我们会尽快给您反馈。
如有疑问,请联系
CSDN &《程序员》研发主编,投稿&纠错等事宜请致邮
你只管努力,剩下的交给时光!
如今的编程是一场程序员和上帝的竞赛,程序员要开发出更大更好、傻瓜都会用到软件。而上帝在努力创造出更大更傻的傻瓜。目前为止,上帝是赢的。个人网站:www.xttblog.com。个人QQ群:、
个人大数据技术博客:https://www.iteblog.com干货|产品设计:促销活动电商后台解析
作者: 刘志远来源: 碎碎恋产品 16:25:01
促销是最常见的手段,每到重要节日,类似、、情人节等等,商家在线上或是线下都会展开疯狂的促销大战,通过各样的形式吸引消费者。作为电商的从业者,应该对各种促销手段有所了解。本文将从产品设计的角度来介绍各种促销手段。1. 促销综述促销就是营销者向消费者传递有关产品的各种信息,吸引或促进消费者购买其产品,以达到扩大销售量的目的。促销对提高客单量、客单价、复购率甚至注册量都有一定的好处。很多或店铺在起步阶段会通过大量的促销活动来吸引消费者,获取流量。促销有利有弊,对平台来说不一定是好事,频繁的促销容易给顾客产生疲劳,透支未来收入,甚至会降低品牌定位。2. 促销的各种类型促销有多种形式,目前电商系统能够支持的促销形式我大致总结了一下,大约有7种:满减促销、单品促销、套装促销、赠品促销、满赠促销、多买优惠促销、定金促销。这7种促销形式几乎囊括了各电商平台所有的促销方案,特别提一下“定金促销&的形式在2016年双十一开始广泛应用,对电商供应链的备货和物流控制大有益处。满减促销:&购物者只要购买相应商品到规定价格即可得到一定的减价优惠。主要有两种形式:阶梯满减、每满减。阶梯满减,例:满100减10、满300减50、满500减80;每满减,例:设置每满200减20,则订单金额230元实付210元,订单金额430元实付390元。单品促销:在特定时间内购买指定商品享受一定的价格优惠。例:促销期间商品6折,原价100元,购买时60元。套装促销:商品组合套装以优惠价出售,例如:A商品50元,B商品80元,A+B商品套装促销价100元。赠品促销:购买主商品之后赠送商品(可多个)。满赠促销:有满XX元送XX商品、满满XX元加价XX元送XX商品,与赠品促销的区别在于以相应商品订单的价格来区分,可分阶设置,例如满300元送自拍杆,满500送充电宝,满1000送高端耳机等。多买优惠促销:有M元任选N件、M件N折两种优惠形式。这个主要是参考一些线下卖场发展的促销形式。定金促销:在商品正式售卖之前采用预付定金的促销模式,提前交定金可享受优惠价。定金预售有多种玩法:定金预购,相当于定金就已经确认订单;定金杠杆,例如定金10元可抵扣30元。3. 促销的后台设计刚刚介绍到的几种促销方式在设计上都大同小异,主要分为活动条件、主商品信息、赠品信息(有些无赠品)这三部分。3.1活动条件主要包括促销活动名称、促销时间、限购数量、促销范围(全网、APP/商城)、会员级别(全员or新注册用户or某等级会员)、活动备注、活动规则。活动规则即最核心的设置,例如:满800元减60,3件150元。满减规则设置(来自)3.2主商品信息选择参加活动的商品,可按SPU、分类、品牌等来选择参加促销的商品。除此之外,还要判断当前所选商品是否参与其他促销活动,与此活动由冲突。例如A商品参加4月的活动,满400元减20元;再次设置该商品参加满400减50的活动,就应与该商品已参加活动冲突,不可设置。设置主商品(来自京东)3.3赠品信息选择参加活动的赠品,赠品一般有数量限制。有两种规则,赠品全送,或在多赠品中选择几件。为减少系统复杂度,减少用户理解难度,建议采用赠品全送的规则。另外对于满赠促销的形式,若要设置分级赠品(满300元送自拍杆,满500送充电宝,满1000送高端耳机),就需要对赠品分开进行设置。设置赠品(来自京东)对于后台产品来讲,重点在于设置规则之后在商品详情页、购物车的促销信息展示以及订单页面的促销活动判断逻辑。4. 前端展示在商品详情页,要去判断商品对应的所有促销活动,例如加价购、满赠、赠品等促销活动。在购物车,除了展示促销信息(满赠、满减、套装、换购)的作用,还可以让用户在多优惠并存只能选其一的情况下,可以选择修改促销方案。(感觉京东已经把购物车的功能做到极致了)购物车的促销信息(来自京东)在订单详情页,判断当前所选商品的促销信息(促销价、赠品、换购商品等),将所有相关商品记入订单信息中,再算出促销价格。订单页的促销信息(来自京东)企业利用各种促销的方法和手段,使消费者了解和注意企业的产品、激发消费者的购买欲望,并促使其最终购买。每年源源不断的促销已经造成消费者对促销麻木,只有在促销与正常销售之间寻找合适的平衡点,才是企业的生存之道。注:文/刘志远,公众号:碎碎恋产品(ID:WebPMgrow),本文为作者独立观点,不代表亿邦动力网立场。
打开微信“扫一扫”,分享给朋友和朋友圈
电商服务推荐
互联网保险
电子商务咨询
下载亿邦App使用独家功能
一线实战高手-解答问题
热门电商峰会-随时报名
电商创投资讯-实时直播支付环节对于任何一个涉及到线上交易的网站都是最重要的一个环节,大部分的商业网站都是想让用户将买买买进行到底,如果在支付环节出现问题,让原本就要付款的用户失去购买欲望,后果可想而知。如何在支付环节让提高用户的购买概率?其实现有的很多商务网站的网站在这方面已经做的很成熟了,我们可以多了解这些支付流程的设计,思考为什么这么做,以此作为参考来优化自己产品的支付流程。
&1.触发用户注册登录的条件。对比两大电商平台京东和淘宝,京东允许用户在选购好商品加入购物车,在进入支付环节前才要求用户登录,而淘宝则在商品加入购物车时就要求用进行登录操作。&这个细节对比起来看也许没多大影响,因为用户始终是要登录的。但是我觉得京东的做法更容易提高新用户的购买概率,在支付环节前提醒用户注册登录,他们可能不会因此而放弃这一车子精挑细选的商品。
&2.非注册用户也可以购买支付。对于较少网上购物的用户或者一些购买频次低的商业网站,很多人会因为需要注册一个新的账号而放弃支付。这时候如果考虑让用户在非注册登录的情况下进入支付流程,这样的话可以有效地提高那些不想注册的用户的购买概率。&Dell,onlineshoes等网上商城就为用户提供了非注册用户快速结账和注册新用户登录两种方式。
3.一个清晰简洁的流程更有助于用户顺利完成支付。亚马逊的支付流程非常清晰,在选好商品后只需要两步即可完成整个支付流程;在有清晰的流程的前提下让用户尽可能少的填写信息,多提供选项进行勾选,从而加快用户整个的支付效率。
4.告知用户所处在支付流程的那个环节。一个支付进度导航条可以让用户清晰的知道自己所处支付的哪个环节、已经做什么、下一步需要做,还有多少个步骤才能完成支付。
5.减少一切可以让用户跳出支付环节的其他信息。当用户进入支付环节,就已经有很强烈的购买意愿了,如果在这个环节因为过多的其他信息链接让用户离开支付流程,不管是有意识的还是无意识的,都可能会终止支付。亚马逊在支付环节除了支付相关信息没有任何其他不相关的内容,用户在支付环节就只有一件事可以做,那就是付款。
6.更多的入口引导用户进入下一步。我们可以看到亚马逊在内容的顶部和底部均有一个按钮引导用户进入下一个支付步骤。虽然功能重叠但是很简单粗暴地告诉用户,你可以继续下一步了,赶紧付款吧。
7.更多的支付方式可以保障用户顺利进行支付。很多时候用户会因为银行卡、支付宝没钱等原因放弃支付,如果提供更多的支付方式给他们选择,也许就能顺利完成这次交易了。腾讯为Q币充值支付提供了12种充值方式,简直可以说是只有你不想付没有付不到。
8.提醒用户尽快完成支付。像大部分的票务类网站,票劵都具有很强的时效性,如果超过时间未完成支付会严重浪费其他用户选购时间,从而造成资源浪费。这时候强烈的支付提醒功能就很有必要了。
9.顺利地让用户完成支付后应该给用户一个反馈。成功支付完成后的可以通过页面、邮件、短信等方式告知用户已经付款成功并附上相关购买的信息和安全提醒等,这样做可以让用户清楚自己已经完成了付款同时也可以再一次确认没有买错商品。
10.支付完成后额外的惊喜。用户支付成功后表明他是愿意在这个网站上花钱的,但未必下一次还会继续,这时候给予用户一次抽奖或者赠送一些卡劵之类的好处,也许能激起用户下次购买的欲望。比如淘宝在每次支付完成后都为用户提供了一次抽奖的机会,虽然中奖概率奇低,却大大加强了用户的参与感。
总结上述内容从支付前、支付中和支付后简单描述了一些设计要素,要设计一个好的支付流程远不止这些内容,而且不同的商业网站支付流程也不一样。但无论如何一个清晰简洁的支付流程的设计概念总能帮助用户更好的完成支付,从而提高用户购买概率。
PS:程序员在实现支付功能的时候,可能只会关注如何支付成功以及支付失败的具体功能实现,如何引导用户去支付,或在支付界面进行营销,好像是设计师和产品的工作,我觉得程序员也应该加入到设计当中,我相信程序员只有充分了解意图后才能以最好的想法去实现程序,作为初学者就更应该了解这些了,如果你自己完成一个商城项目,你可能先是产品、设计师、然后才是程序员。
阅读(...) 评论()}

我要回帖

更多关于 电商首页设计 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信