赞助商
立即赞助

用阿里巴巴的实战案例,教你建立设计思维!

产品经验3年前 (2021)发布 流光
2.2K 0 0

阿里巴巴_B2B_UED – 张加其:互联网公司中,设师的伙伴主产品理、运营、技。常规合作流程产品、运营输入需求,设师以自身的感品、创意华输出设方案,如果方案一些撩拨用户的特效细节,可能还得端星巴克求技哥哥帮忙实。这种习以常的合作流程中,我们既难以决需求的无,也缺乏驱动下游技的抓手,角色较被动。本文以挑的改版,谈设计思维破及特色值建立的一次过程。

一、业务概况

在1688务大盘中,老挑货是长图为的场,通过看平台精的长图容货。随着务的蓬勃,挑货变为基于卖系的导购场,通过看与有系的商上、、直播、爆款等态来货。

用阿里巴巴的实战案例,教你建立设计思维!

由于挑货务定位和栏目容较老版都发生了变,故设计上对同类容做差异处,认知到各类的商态都在挑货。

用阿里巴巴的实战案例,教你建立设计思维!

挑货上线后,UV 较之前翻倍,多项键务指标都超预期。这为商在挑货发容供了,吸引了平台横向务积极与挑货合作。

二、破的意识

如果设计师把角色定位为成上游产、营需求的资源,那么在挑货表现尚可的情况,接来要做的需求可预见:基于现有卡片,改一份增商案后的卡片;根据横向务输入的需求,基于已有的卡片样式,继续增卡片类。

踮起脚看,如果这会儿设师选择被动游提需求,不主动点不同,挑将迎三层「泥潭式」的重。

1. 第一重,用户将负担不必的阅读本

目卡片已5种类型,卡片加入商家文案后,信息层级将臃肿,卡片类型预到10种。横向业务不的需求输入,卡片类型还将持续增加。看线数据,用户基于内类型筛选的点击占比极低,反映出内卡片的差异化表达,用户的价并不,反增加了阅读负担。

用阿里巴巴的实战案例,教你建立设计思维!

2. 第二重,协作流程长,资源投入大

横向务输入需求到挑货的产和营,产经和营要和横向务磨,类似于商「镇店之宝」、「私密商」、「优惠券」等容是否要在挑货做。上游务磨清楚后,召集横向务的产经、营、挑货的设计、技术开需求评审会,设计期方案,之后设计评审再技术期,开发成后上线——而这个流程,还只是增一种容卡片。

用阿里巴巴的实战案例,教你建立设计思维!

3. 三重,技术基业务逻辑开,卡类型越,能越难障

挑货2.0改版时,技术对种卡单独进行开,续每新增一种卡类型,需投资源新开。且卡类型越,页面加载速度越慢。挑货帧率一度在46徘徊,用户浏览挑货时,已经感受到明显的卡顿,若继续新增卡类型,挑货能卡得让用户不爱个老关系市场。

注:帧率为帧的位图图像连续现在显示器上的频率(速率),指一秒的刷频率,在线上场景中,60是较美状态,低于50户将感受到卡顿。

局面将很「泥潭」,设师如何破?

设计师开始自己加戏,为需求代言,自己提需求了。

4. 盘卡片内容层级

由于内容类型做了异化表,不内容卡片上,相信息层级也分出多个样,业务即将新增商家文案及优惠券,这将使卡片多出更多信息层级及样。卡片内容如图所示:

用阿里巴巴的实战案例,教你建立设计思维!

5. 重理信息框架

盘点卡片信息层级及优先级,以内源+内描述+内收口。

用阿里巴巴的实战案例,教你建立设计思维!

盘点信息后,基于内源+内描述+内的逻辑信息的删减融合。

  • 容来源区:在商信息基础上+容发布时间+卖系描述字;
  • 内描述区:将活动描述商家文案融合,简化活动类型及时间描述,使之配于所内卡片;
  • 内容区:内容区图片展示从4收口为2。

用阿里巴巴的实战案例,教你建立设计思维!

6. 基视框架组装卡的设计

将收口的信息级抽象为视框架,并列出框架内的具内容。基此框架进行开,灵活组装出各类型动态,而非之前以单卡为单位进行设计及开。同时,种基框架组装生成卡的方式,也为承接未来的业务需求留扩展。

用阿里巴巴的实战案例,教你建立设计思维!

「需求尽管来,以用新的信息框架组装。」

「假设有组来的特殊需求呢?」

「…新增框架」

用阿里巴巴的实战案例,教你建立设计思维!

以只设师给自己加的戏,还得游下游的搞事伙伴,把戏落实用户的屏幕。

先搞定上游,和品经理及运讲「三泥潭」第和第,时把以上思考及案作销,品经理及运听完很认,收下案。

再搞定下游(当然也可以等产品经理和运营去向术提需求,但没这做),和术哥哥聊,重点讲了三重泥潭的第一重和第三重,同把以上思考及方案作推销,术哥哥听完动,因为主管给的核心业指标是,把挑货徘徊在45的帧率提上去,新的框架计思路,利于提高挑货的性能。

技术基新的信息框架进行开,灵活组装成款内容卡,产品经理和运营也以基种轻量级卡,灵活地和横向业务合。当,最大的价值是为用户带来更简洁流畅的内容呈现。

三、如何立?

破的情做。从设计师的角里踮脚预见问题,主动给出决方案并推动落地,但设计师的特价值又立在哪里呢?比手机淘宝的「微淘」,也是用户关注店铺,集中看内容的场,何立出1688挑货和微淘的区别呢?

用阿里巴巴的实战案例,教你建立设计思维!

1688和淘宝的区别是 B 和 C 的区别,具 BC间的差异,各位移步《从买家差异看B类&C类电验设计创新》,文仅拎出1688的挑货与手机淘宝的微淘间细节点的不一样(并不拎出微淘和挑货间有什么不一样)。

设计思维要立挑货区别于微淘的B类特色了!

1. 日历立「商机尽在掌握」的B类特色

C类逛微淘要个人感兴趣的,而逛挑货的「」很可是商人,他们是要从挑货中,挑好货发做生意赚钱。对来挑货的B类而言,挑货是基于老系商机、锁定商机的重要阵地。此外,挑货里的店铺、伙拼、直播等态有时间范围,支持通过「设置醒」锁定商机。

所以栏目的部设,选择了日历的形式,承载每日新买家「设置提醒」锁好的商机,内筛选及内卡片的「设置提醒」也都以日历icon 联动表达,营造挑栏目「我的商机尽掌握」的场景特色。

用阿里巴巴的实战案例,教你建立设计思维!

2. 基于B类特点的商名称备注功

做 B类线调研时,我们发现逛1688,很难通过商名定位和识别「这是哪位供应商」,么原因呢?同于淘宝短且易记的店铺名,1688的商/公司名有一二十个字,很难记住!看了很难认这是哪供应商来着?此外,想采购时,有时候会习惯微信或直接电话联系商。挑货作为1688基于系的场,准确定位态来自于哪个商,太重要了。我们希望支持 B类备注商名称、电话、权益说明等容,通过备注商信息及系描述字准确识别并定位商,对挑货这一老系场有更强的感知。

用阿里巴巴的实战案例,教你建立设计思维!

3. 私密品增强表达

通常来说,C类用户在淘宝上买东西,想分享给自己的亲朋。而B类买家在1688现东西,是要批回去赚钱的,巴不得除他就没更人道,所以 B类市场,有做私密的空间。在挑货种基老关系的市场,家愿意为头部买家透露私密品,为让买家不辜负家对他敞开的私密,我们对挑货「私密品」进行增强表达,加撩拨用户的特效和细节。

用阿里巴巴的实战案例,教你建立设计思维!

4. 改版结果

通过「破」和「立」的这一系列动作,助力增了挑货这一基于关系的市在买家端的心智知;术基于新的息框架开发,挑货的帧率从之前的45.69提升至54.36,用户浏览不再觉术因的卡顿;引导进UV及引导进率等关键业指标也有一定提升。

结语

以上就是挑货改版过程中,个人计思维「破」和「立」的运用,希望对大家有益。最后想起一位哲人曾说的 「上没有的路,每一步都算数」,想享初入职遇过个事:

运营提需求,要在一个并不贴合用户预期的场里「加个吸人眼球的banner」,当时求助主管,他莞尔一笑「里流量大,运营只是想有做运营的空间,不一定是 banner,有很开凿运营空间的方式啊。」我醍醐灌顶,输出更做运营的其他方案,运营同学看到方案惊叹「你你你,你太懂用户,设计得!」

另一次评审,技术挑战设计的某处细节,评审后我沮丧我懊恼,管又莞一笑,「设计可的,太在意他说的,他是觉得这里设计得好,而是因为开发起来成本较大」。:

写这篇总结,并认这两事对自己什么影响,写到这里忽然意识到,也许第一事告诉我,设思维可以破局,第二事告诉我,设思维可以立稳价。感谢各阅读,希望读本文不「白走的」,未能「算数」。

欢迎关注「里巴巴UED」微信公众号:

用阿里巴巴的实战案例,教你建立设计思维!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

一个产品从起步到日趋成熟通常要经历多次迭代。在这个过程中,对于视觉设计师而言,如何在不断变化的产品中保持设计的延续,...
品牌升级
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计
党的十九大报告指出——创新是引领发展的第一动力。 根据省政府建设数字政府的部署和公安部在今年全国公安厅局长会议提出的科技...
交互设计流程
通过APP来构建面向用户的解决方案,是目前企业常见的思路。相比于移动端网站,APP有着功能更加强大的框架和针对性更强的特点...
App设计
党的十九大报告指出——创新是引领发展的第一动力。 根据省政府建设数字政府的部署和公安部在今年全国公安厅局长会议提出的科技...
交互设计流程
2021 年的第一篇万字长文,文章主题是一次偶然的反思中总结出的设计师思维进阶的过程,详细讲述了我在两年间从一名应届非科班...
交互设计
在美团点评做设计期间,设计思维发生了一些转变,在此分享给大家。 思维的转变大致经历了以下几个阶段: △ 思维转变阶段 ...
产品需求
手淘的两个摄像头识别入口——「扫一扫」和「拍立淘」,很多小伙伴大概都使用过吧?这两个属于强调智能体感、自带神秘色彩的技...
体验设计