制作人:京东物流用户体验部 韩灿、李强、孙一鸣、李舸
一、概述
京东物流用户体验部凭借专业与创新力,致力于提升用户体验,推动业务发展。从交互设计的无限创意到视觉设计的多元感受,再到创新业务的智能探索,我们不断突破边界,打造独特的设计体验。同时,我们注重用户研究,为设计提供有力支持,确保设计符合市场需求。我们是一支充满活力与创造力的设计团队,致力于用设计驱动下物流行业的进步。
我们 LUE 的创新设计团队将来自用户体验部各个部门的专业作品进行精选,制作了这版 LUE 2023年度作品集Show reel。在这里我们将从设计理念和设计难点等角度对片子进行解析,同时介绍下片中所展示的我们部门这一年来的一些重点项目。
二、概念设计
设计理念:
京东快递小哥作为本次动态设计“视觉锤”贯穿整个视频 ,人物设定一分为二(真实小哥、卡通小哥)代表真实世界与虚拟世界的互动牵连。真实世界的小哥,我们通过人物设定,服装设定、动作表达、来展示自省、反思和探索的精神,同时也传达出稳重和可信赖的品牌调性。卡通小哥向观众链接了一个数智化的虚拟世界。作品集串联在一个故事性、多元性、场景性的虚拟世界中,通过风格表达、场景表达以及人物动作的趣味化衔接,更好地调动观众的情绪去欣赏和了解我们的作品,理解我们团队的设计理念。
三、分镜
动态分镜部分主要是主体物的展示,摄像机动画的流畅和角色动画的流畅,起到了过渡串联作用及卡点的精确。动态的包装能让画面更加丰富,让静态的作品灵动起来,让每个镜头更有生命力。
四、音乐
音乐决定了视频的基调、节奏和情绪。前期挑选了数百首音乐素材,对音乐和音效进行筛选并后期调整制作,最终选定一首较为适合的音乐。同时根据来自各个不同的项目维度为结构框架进行内容划分,通过“音画统一"、“音画并行”和“音画对立”的手法将音画进行结合,以此提升画面表现力。
五、资产设计
5.1数字人
项目中我们沉淀了真实小哥和卡通小哥两套模型贴图及动作动效资产。真实小哥通过皮肤的皲裂感和适当黑色素的添加传达出“可靠、可信任”等情感印象引线,通过肤质上的颜色统一、服装褶皱的弱化增加卡通风格的权重比。
真实小哥最终效果展示
真实小哥五视图
卡通小哥五视图
卡通小哥动效
5.2粒子模拟
最终效果展示
过程图
六、重点项目展示
以下介绍片中所展示的一些重点项目,帮助大家了解我们如何在项目中持续赋能多场景下的用户体验提升。
6.1 CSAT
CSAT是Customer Satisfaction的缩写,一种衡量客户体验指标,在京东物流,是通过客户与物流服务交互的所有关键节点,即时推送服务评价,获取客户反馈,做到实时解决、实现闭环。设计一套具有明显情绪差异和高度辨识度的打分元素,如使用更生动的表情符号或色彩区分。增加一些定制化的视觉元素,提高用户的参与度和反馈质量。
6.2京东快递小程序改版
京东快递小程序活跃用户占京东物流整体C端体量较大,承载着物流C端业务引流的作用;同时随着快递业务场景的逐步多元,新增重货、冷链、同城等入口。因此,本次首页改版定位更侧重分流,合理化布局寄件入口便于用户易理解、易识别。用视觉让用户了解京东快递的服务内容,最终达到引导用户下单的目的;通过营销位、图标等传递品牌感知度,构建用户的品牌记忆点;通过界面的布局、色彩、图标、字体等进行全新视觉体验升级,更具年轻化及趣味性。
6.3包裹的旅行
包裹的旅行是ESG对于C端触点的品牌向抓手,以互动活动及积分体系为核心,向广大受众传递京东物流/快递减碳举措及科技实力,持续建立品牌心智——寄京东快递也能为减碳做贡献,寄得越多减得越多。随着业务的不断发展,2023年我们增加徽章收集、植树节、暑期等也开启了各种与公益组织的联名活动,增强产品趣味性的同时提升C端用户体验,为后续与外部品牌合作设置活动提供了基础,达到品牌传播正向价值的目的。
6.4京麟智配小程序
京东楼宇配送机器人是一套完整且成熟的室内配送解决方案,能够实现自主规划路径、自动回充,格口灵活组合,适配不同尺寸物品,满足快递、餐食、文件等多元化配送场景。设计上,从运营端、车端、用户端三端用户特征,结合配送、运输、取货场景,在体验上缩短交互操作路径,最大化的提高配送员的装货效率,和用户取货的便捷性。在视觉上结合车辆实体,露出品牌,强化用户感知,提升产品的品牌感。
6.5无人车智能车平行驾驶系统
平行驾驶系统以远程车辆驾驶的形式监控和接管多辆无人车的运行,能够在报警事件出现或预判到风险下接管无人车。利用远程驾驶员来弥足当前自动驾驶的不足,优化接管和远程控制方式,解决在应急情况下问题解决能力。设计风格上,以深蓝色为主,使用户沉浸其中,更聚焦在安全驾驶的道路信息上,仪表盘的设计尽量简洁,减去不必要的刻度信息 进行信息降噪,提高用户获取信息的效率。
6.6与图
与图是以供应链为内核,依托人工智能(AI)、大数据(BIGDATA)、时空信息技术(GIS)三大引擎,聚焦“数据、场景、行业,致力于为供应链领域的客户提供数智化地图服务。借助京东物流海量位置大数据,运用超强AI算法,推动数智化地图服务辐射供应链全流程全场景,赋能企业及个人持续创造业务价值。
与图官网作为链接客户的第一道门,涵盖品牌宣传和产品营销两大功能,面向头部大客户展现与图专业的品牌形象促成合作,并面向中长尾客户为与图SaaS系统引流转化。与图SaaS系统,通过将海量的包裹配送数据转化为可视化的地图服务,通过点、线、面等便捷的交互操作,快速生成业务数据,助力企业智能决策,实现降本增效。
6.7 PC 3.0
随着物流业务的不断发展,不断有新的业务场景出现,越来越多的工作台想要有更多元的用户体验。为了贴近不断发展的设计趋势,同时尽可能覆盖物流全中后台产品的应用场景,打造更通用、统一的新版设计标准,PC3.0规范应运而生。设计上以京东物流设计价值观为基准,品牌DNA为导向,升级各个组件的样式,并统一设计标准,最终提供60+组件及10+业务场景的设计规范指南,针对不同业务域提供通用的页面组件及模版,帮助设计师解决常见设计问题,提高设计交付质量。
6.8商家工作台
商家工作台是京东物流面向签约商家提供各项物流服务的平台,包括快递、快运、冷链医药、大件以及仓配服务等,由商家企业中负责物流运营相关的专职人员,根据企业的物流诉求,在商家工作台上高效准确下单物流服务和管理达成企业采购、销售、运输等目标。设计上通过合理化页面层级,精简非必要操作,视觉降噪;同时建立引导系统,帮助用户快速上手,及时了解;并优化视觉屏效,统一设计规范,传递专业性,建立用户对企业的信任感。
6.9客服IP
客服IP形象,旨在B端帮助体系中AI智能问答可以作为智能助手、知识问答,承接到各个中台能力中,需要有承载的入口以及对话的对象,通过AI智能客服的形式实现智能问答,陪伴激励增加引导与情感化表达,提升问答体验。IP 形象在功能上具备典型的符号性,对于功能的识别、记忆、唤醒、推广都十分有利,同时统一了帮助类功能的视觉符号,沉淀设计资产。