恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
内容体验设计 – 场景导购的精细化心智设计与思维模型
0.0°
2018-06-15 原创文章 经验/观点 举报 9385 64 200 6

随着我们商业环境消费分级的变化,带来人群与场景分层的细化,整个业态中的导购模式也从传统的商品货架式导购逐渐延伸至更具多元化的场景内容导购。在这种变化的商业背景中,设计师应该如何采用新的设计思维和方法,基于内容化的信息特征,为用户带来良好有用的体验设计呢?来自阿里巴巴新零售设计事业部-淘宝设计部的「高级视觉专家-飞飞」与「资深交互设计师-江凝」,将最近1年在内容化导购产品中的设计经验,总结出设计方法与思维模型,在2018 阿里巴巴UCAN大会产品体验分会场与大家分享。

Image title

Image title


|| 一、变化与契机


Image title

如果我们拿手淘的导购模式设计来看这个演变会更具形象性。我们传统的导购入口常以行业化的物理方式来引导,分类明确,切分干净。现在如果我们从人的生活状态和真实的生活场景去思考这个现象,就会变得比较有趣。同一类用户他既可以是生活家居设计的选购者,也可以为可爱的宝宝挑选生活用品,当然也会关注各种健康生活与美食。如果用传统品类导购模式,在功能上可以满足,但并没有以用户角度设计使他们的体验更加通畅纯粹。而现在以用户的角色、场景、需求多维结合而来的设计变化,将更加聚焦在为类型性用户解决核心场景下的导购需求。 这时去发现按场景而聚合的导购卡片:我淘我家、时尚大咖、潮流酷玩、淘遍全球及实惠好货,就可以理解这种转变背后的变化是为何而来。同时导购产品的设计方式,也开始从单向流量的货架式设计,转变为以“人+货+场景”的多维复杂关系的导购设计方式。

Image title


产品设计师在新的模式下,需要思考:在“人+货+场” 多维关系的场景化导购中,如何为内容化的复杂场景做好有效设计。其中“人”主要指,在新的模式下“更加细分的用户群体”,我们从性别、年龄、消费能力、兴趣爱好等多角度更立体地对用户进行分层;“场景”指从地理位置、生活轨迹、线上线下互动等角度和链路,对用户的真实需求场景进行挖掘;通过我们可以提供的多样化内容,来满足不同细分用户在不同细分场景下的细分需求,最终完成导购目标。


新的设计目标


在新模式下,我们的设计目标是:为目标人群实现更精细的内容化导购设计。

Image title

当环境和思维都发生变化时,再看当时的导购设计效果,虽然在产品与内容数据的抽取组合上非常智能和个性化,同时也带来很大的问题,即用户对产品的心智认知和内容化表达存在较大问题,且同质化严重。


Image title


设计策略


在这种现状下,我们的设计思维和解决方案集中在:内容心智设计、内容感知设计这两方面。

1、内容心智设计:挖掘产品的体验定位,明确用户对产品的价值期望、在产品结构中通过层次性的内容布局,打造和传达产品的内容目标、并基于产品定位来梳理内容的具体方向。

2、内容感知设计:挖掘各个内容本身及其所在场景中的核心价值,通过正确的方式设计和表达。同时设计师深度参与把控内容生产链路,促进内容可持续的高质量输出,甚至产生行业影响力。

Image title

TIPS,当下场景所指的“心智”:

在不同的场景下,“心智”的意义也许不同,在这个课题中,我们所说的“心智”是指代,通过设计的效果使得用户对产品能够清晰快速的明确产品是什么、能解决什么问题、能为他带来什么,那我们的心智设计目标就达到了。


|| 二、内容心智设计


从内容心智设计开始,以3个核心维度展开:明确体验定位、心智框架定义、心智内容设定。


1. 明确体验定位:


相较于从产品的商业定位直接输出设计方案的过程,我们会发现期间缺少了非常核心的用户视角一环。产品目标需要在其中加以转译,从用户角度出发,理解用户场景和用户心理,总结用户内容核心需求,得到用户角度的产品体验定位。不同用户的需求和用户所需要的内容核心价值,也会回归到“人/货/场”这三者关系中来。

以“我淘我家-生活家”频道为案例为大家举例:


Image title


在这个场景中,我们需要明确场景背后的用户群体是谁。对于“我淘我家”来说,有各类家居生活需求的群体,如单身人群、已婚人群、有娃人群等用户群,都包含在其中。他们的特征相对比较综合而复杂,有校园生活,有家居生活,也有母婴生活。

设计师在针对“家居生活”人群的分析中,与用研一起对用户的心理与需求进行拆解分析,模拟出用户在使用产品时最真的需求和内容,并将其进行结构化归纳。虽然是不同年龄、性别、阶段的人群,但在生活这一同一场景内有一个目标是大家都会去追求的:“能够找到更好、更有品质感的生活,成为更好的自己”。因此在家居生活中,用户所追求的生活理念和生活态度,不仅仅是通过购买商品获得,也可以通过更多样化的内容为用户提供。因此“理想生活范”的生活态度,成为该产品的核心体验定位。

通过相同的体验定位的推导过程,也推导出“我淘我家”其他场景和人群的核心体验定位。这些产品的核心体验定位可引导设计师从用户视角产出更加精准的设计。

Image title


明确了产品体验定位这一设计目标后,后续的设计落地会更加清晰和聚焦。通过合理的设计框架和内容分布,让用户更好更直观的感知我们的产品体验定位和目标。


2. 心智框架定义:


基于用户浏览路径,设计内容浏览的连贯性和层次感。


总结以往的经验和多次迭代的数据效果,我们发现产品需要在非常短的时间内,精准的与用户进行认知匹配,否则用户继续深入使用产品的效率会非常低。因此,我们将页面结构分为三大节奏:焦点式体验、承接式体验和沉浸式体验,在这3个不同的功能区域,进行不同的内容精细度分布。

Image title


1、头部的“焦点式体验”区域中,核心通过精细化内容的栏目化设计,让产品与用户在短时间内完成心智的对焦和匹配。

2、在颈部的“承接式体验”区域中,通过对个性和智能内容进行主题化的包装匹配,让用户对产品推送的内容有明确感知和认同,以便用户有信心继续进入泛内容区。

3、“沉浸式体验”区,用户已经进入深度内容区,细分和长尾的内容可以在这里进行展开。

Image title


以“iFashion”产品为例:头部的焦点内容区,通过杂志化的内容包装,展现精品化的导购内容;颈部以个性化搭配和场景主题穿透内容推送,与用户产生精准匹配;最后在用户完成认同,进入Feeds流后,通过合适的长尾内容让用户沉浸式浏览。


3.心智内容设定:


基于产品体验定位,定义内容方向和形式,更本质的设计场景的内容心智。

在产品体验定位确定后,需要深度把控内容的细分,与产品/运营合作选择出正确的内容方向,以便内容作为心智载体能够达到预期的心智认知目标。

Image title


以“极有家”的头部心智栏目为例,设计师在前期与产品/运营一起基于体验定位进行拆分,如何通过内容来体现“专业的空间扮美”这一核心体验定位。 最后推导得出:由专业的人士(优质媒体、专业达人、家居专家、装修专家等),生产专业属性的空间内容(整屋案例、灵感搭配、装修扫盲、热门话题等),形成多层次的专业扮美解度。

Image title


有了第一层的大主题内容设定后,继续拆分心智栏目中的主题内容分类,从细分空间场景与人群需求的角度,提前设定了“风格&色彩”、“空间改造”、“局部巧思”、“家庭成员”、“兴趣空间”、“名人热点”等不同的颗粒主题,并对各主题进行系列化的拆分和范例收集,明确定义了内容的方向和质量要求标准。

Image title


目前线上“极有家”的扮美空间栏目,均按照各个细分场景和颗粒,产出精品内容。

Image title


依此,我们通过这种思维方式对不同的场景产品,做了整体的系统性产品设计升级。

基于这个系统化思维,我们也总结沉淀出了这个心智内容设计的工具,不同的导购产品都可以按照这个工具中所描述的方法和思路,得到其具有核心差异化的心智化设计结果:通过体验定位感知消费者真正需要的需求点;设定正确的内容方向,输出和梳理心智所需要的内容类型;最后落地到可以让用户能够感知的心智栏目焦点内容,包括心智栏目的形式和控制来源。

Image title

Image title


内容心智设计小结

内容心智设计,其实是转化了新的视角,把产品的商业目标,转译为真正从用户和体验角度的体验定位和目标,并通过内容和设计来传递产品的核心心智。


|| 三、内容感知设计


在以上完成了产品的核心心智定位后,如何通过更优的内容设计和更优的内容质量,让产品的心智能够可持续高质量的传达给用户?这就需要我们对心智的载体——内容,从外在表现形式到内容质量本身都能够真正体现内容的核心价值和正确的心智。这部分会通过“内容特性表达”和“内容生产链路”来讲述。


1. 内容特性表达


基于特定内容所在场景的核心目标,显性化内容的核心价值,对内容进行特征化设计。


不同于货架时代基本只有商品这一种类型的内容,在场景化导购环境下,有图文、视频、搭配等等更加多样和丰富的内容,我们需要发掘每种内容的特性,对其进行深入设计。

以下举3个例子来讲述,如何做内容的特性表达设计,分别是:心智栏目入口、心智栏目详情和搭配内容设计。


① 心智栏目入口


心智栏目作为“栏目”具有其本质特征,如“内容连续性”、“单篇独立性”等,同时考虑到心智栏目模块在所有导购产品中的横向可复用性和统一性,我们采用了卡片化设计,这一包容性高、可扩展性好的设计形式。


Image title

在交互形式上也采用了统一的、易于多篇连续浏览的、方便查看沉淀历史的左右横滑的规范化交互方式。

Image title


在统一的交互框架基础上,基于不同栏目“目标用户”、“产品调性”的差异,对卡片元素的“形”、“色”、“字”进行视觉的个性化差异设计,使得各栏目的产品心智差异明显。

Image title


通过这种方式,我们在统一的产品框架下,也能让各个栏目之间形成独有的差异化心智表达。


② 心智栏目详情页


基于同样的设计思考和设计方式,我们在心智栏目详情页的设计中:先梳理详情页中各个内容模块的框架、规范和使用场景,再在不同的栏目场景中,通过特征化的视觉表达,形成差异化的心智栏目详情页设计。

Image title

Image title


③ 搭配内容设计

在传统的内容设计中,不同类型的内容都会简单粗暴的采用资讯类内容的样式设计,导致不同的内容在用户直观认知上没有任何差别,不同内容的核心价值也不能得到体现。


比如搭配内容,设计师需要思考“什么是用户期待的搭配?”。通过从用户角度分析其需求,我们发现,用户需要的搭配是“有哪些商品,最终形成了什么样的搭配效果”。基于这种需求,我们把搭配定义为“由多个商品单元组合成的可视化效果”,因此搭配内容的形式转变为现在的直观的搭配样式,更加符合用户的需求。

Image title



搭配除了服饰搭配之外,还能拓展到“空间布置搭配”、“功能需求组合搭配”等更多使用场景中。


 2. 内容生产链路把控


除了内容前台的表现形式之外,为了能够保证内容的高质量输出,设计师需要深入到内容生产链路中,对内容从源头到前台展示的全链路进行把控。以下是导购产品中,设计师对内容的整体把控链路。

Image title


以由机器生产的“智能搭配”为例。面对机器这类智能生产者,设计师也需要为其提供详尽的搭配模板,并对智能搭配的内容进行审核,告诉机器什么是优秀的、什么是不好的搭配,来持续的调优机器,让机器能够大批量的产出高质量的搭配内容。

Image title

Image title

除了机器生产的内容外,产品中大部分的内容是由人(达人、机构、卖家)等生产的,设计师需要为内容生产者从发布端到前台展示端的所有链路中涉及到的素材、结构等提供模板规范。

Image title


对于视频内容,设计师们之前接触不多。对于这种新兴出现在导购产品中的内容,设计师会深入到视频的生产源头,更加深层次的了解视频的完整生产链路,以便更准确和专业的给出相应的规范和进行更好的把控。


以下是场景导购设计师深入视频拍摄现场的VCR。



在这种生产把控链路下的视频内容质量,从规范化到整体调性质量都比较有保证。



总结

以上,我们完整的讲述了以内容心智和内容感知设计为抓手,从场景、人群、精细化内容设计的多维关系出发,打造导购场景的差异化心智的方法、思维与策略。


这些思维如果能给在类似或其他产品中的设计师有一些帮助与启发,即是达到了我们分享的初衷。谢谢大家!





更新:2018-06-15

收藏

64人已收藏

  • 6

    作品

  • 171

    粉丝

  • 0

    关注

  • 2018设计和人工智能报告
  • 【2018UCAN】互联网设计民工搬砖指南
  • 【2018 Alibaba UCAN】我们,准备好了!你呢!
  • 【2018UCAN】30场特邀分享,与你对话设计。
相关标签

    猜你喜欢

      2018-06-15 原创文章 经验/观点 举报 9385 64 200 6

      内容体验设计 – 场景导购的精细化心智设计与思维模型

      0.0°

      你确定要举报内容体验设计 – 场景导购的精细化心智设计与思维模型

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      200
      64
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录