• 提升AI绘画质量!超多 Midjourney 关键词和参数大全

    UI交互 2023-04-26
    本文收集了 Midjourney 提升画面质量的关键词、参数和命令,让你产出更优质的AI绘画。更多MJ教程:如何用 Midjourney 轻松做出B端质感图?3分钟让你学会!

    本文收集了 Midjourney 提升画面质量的关键词、参数和命令,让你产出更优质的 AI绘画 。

    更多MJ教程:

    如何用 Midjourney 轻松做出B端质感图?3分钟让你学会! 一、Prompt 简介 Prompt 在 Midjourney 中扮演着重要的角色(不仅 Midjourney,其他人工智能语言生成领域都是),因为我们要通过它把我们的想法和意图输送给 AI,从而得到我们想要的设计图或图片。

    阅读文章 >

  • 6000字拆解!「菜鸟裹裹」寄取件业务设计深度解析

    UI交互 2023-04-26
    相信每个爱网购的你都对菜鸟裹裹不陌生,基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。本文就「菜鸟裹裹」寄件取件业务设计进行解析,一起来看看吧。往期拆解:万字拆解!

    相信每个爱网购的你都对菜鸟裹裹不陌生,基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。本文就「 菜鸟裹裹 」寄件取件业务设计进行解析,一起来看看吧。

    往期拆解:

    万字拆解!月活2亿的小红书产品设计全方位深度解析 这是一个神奇的平台,因为活跃在这个平台的 2 亿用户都是追求生活品质的年轻人,他们乐于分享自己的购物体验和生活方式,然后再顺便种个草,赚点钱。

    阅读文章 >

    前言

    如果你经常网购,那么你对菜鸟一定不陌生,从手机里的菜鸟 APP 到社区里的菜鸟驿站。菜鸟裹裹沉淀了物流行业领先的体验设计理念,他们让物流行业在逐渐改变冷冰冰的印象和面貌,更多地融入了情感设计与创新设计。

    一、产品背景 近年来随着淘宝京东等电商平台的兴起,快递行业也迎来了蓬勃发展。目前,快递行业分为三大阵营,分别是以“三通一达”为首的菜鸟系,京东、腾讯为首的京腾系,以及特立独行的顺丰系。

    今天来分析「菜鸟裹裹」,它作为阿里商业生态下的快递平台,包括了寄快递、查快递、取快递等服务。在消费者终端,菜鸟旗下的菜鸟驿站打通了物流最后一公里,比快递网点更靠近消费者,也为社区团购提供了物理店铺。目前,估值约 200 亿美元的「菜鸟」,被拆分 IPO 准备上市计划,这也是马云的最后一个商业梦想,「菜鸟」未来几年也将扛起阿里的增长大旗。

    二、产品结构 菜鸟裹裹产品结构图

    三、寄件业务的系统架构 在寄件业务中,涉及到寄件人、收件人和承运方三种角色。

    首先,用户发起寄件任务,然后菜鸟作为承运方派遣快递员完成揽收包裹的任务,将包裹发往货运中转点。当包裹运输至目标城区后,快递员将把它派送至收件人手中。

    在订单创建环节中,寄件人需要完成寄件信息准备、物品准备、务选择等操作。菜鸟平台确认订单后,需要生成电子面单,并通过运力系统派遣揽件任务给快递员。如果收件人是商家,也将生成退换的工单,并完成相应的人员筹备工作。

    在包裹揽收环节中,寄件人将物品以事先约定好的方式递交到指定地方或快递员手中。快递员也可以上门取件的方式完成包裹递交。此后,快递员要将包裹运送到指定地点,以推动下游业务人员完成运输工作。

    在包裹运输和包裹送达环节中,菜鸟将通过一系列物流活动将包裹派送至收件人手中,完成最后的多方订单完结确认。这就是一个完整的寄件链路。

    四、产品视觉层分析 视觉层是用户与产品进行互动的重要接口,直接影响用户对产品的第一印象和使用体验。良好的视觉设计可以提升用户的品牌认知和用户体验,增加用户的黏性和转化率。同时,视觉设计也需要与产品的功能和交互设计相结合,确保产品的一致性和可用性。

    菜鸟裹裹在视觉层,通过兼顾各种快递相关业务的特色,打造高效、专属的品牌记忆点,定义专业简洁、快速省心的视觉基调,从色彩、IP、图标、动效 4 个维度进行设计映射。

    1. 主色风格 主色是产品品牌核心元素之一,能够直接影响用户对产品的认知,并且代表产品的个性,产品的使用场景。在制定主色风格时,需要考虑用户群体、产品定位、市场竞争等多个因素。

    作为一款国民级工具类产品,「菜鸟裹裹」使用蓝色作为主色,从色彩精细化传达、情绪性语义意向来布控主色调,塑造快递工具类目“高效专业”的用户心智。

    2. logo / IP 形象 互联网产品最喜欢使用卡通动物作为 IP 形象。「菜鸟裹裹」使用小鸟作为品牌形象,搭配机器人外观,更加突出智能化。回顾其 logo 迭代过程,传递出品牌战略不断升级的过程。从最初扁平的小鸟叼包裹的形象,到智能机器人小鸟助手的形象,反映出更加专业化的品牌效应。

    3. 图标 对于产品的视觉层而言,图标可以说是整个产品的点睛之笔,它直接影响着产品的视觉体验和产品调性。在菜鸟 APP 整个界面中有两类主要的图标类型。

    1)面性图标

    面性图标是通过面来塑造形体的图标,采用了剪影的设计形式,通过线或者面去切割基础轮廓面,通过分型来塑造图标的体积感。不同的切割手法造成了面性图标设计感的差别。

    在菜鸟 APP 首页的顶部,面性图标承载了三个核心功能:取包裹、寄包裹、出库码。配合底色大面积的蓝色,三个面性图标,视觉突出,情绪感较强,让用户迅速定位到核心功能。

    2)线性图标

    线性图标是由直线、曲线、点在内等元素组合而成的图标样式,通过线来塑造轮廓。

    在菜鸟 APP 金刚区图标、消息、订单和 tab 未选中状态都是使用线性图标,在金刚区的图标中,更是加入了玻璃质感点缀,让图标在简约中带着趣味性。

    4. 下拉刷新 刷新的设计是产品中的基础功能,在菜鸟 APP 首页的下拉刷新方便用户获得最新的包裹动态。

    在下拉交互手势中,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象,小鸟飞走后屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状态,与 IP 形象结合到 UI 场景中不仅强化品牌感,也能带来更加情感化的体验,最后巧妙地将平台运送快递这一过程展示了出来,趣味性极强。

    总结

    什么是情感化设计?菜鸟裹裹的设计团队告诉我们,这就是以情感化为中心的设计。过去,设计师总是思考如何在产品中传递情感,因为传递情感的细节不仅可以让产品更具生命力,还可以提高用户对产品的好感度,让产品深入人心。 设计师 可以在颜色、图标、下拉刷新动画和文案等方面运用情感化设计,构建情感化设计思维,更好地链接用户,创造令用户惊喜的体验。

    五、产品体验分析 1. 首页功能分析

    首页作为 APP 的门面当担,即是用户心智承接的核心阵地,也是查快递取件的主要场景。最明显的是位于页面顶部操作区的三大核心功能:「取包裹」快递的收取功能、「寄包裹」菜鸟核心寄件功能、「出库码」菜鸟驿站取件码。

    在广度上,金刚区的图标分为运营活动和「菜鸟」商业版图拓展出的社区服务类。卡片区是「到站包裹」和「在途包裹」的信息卡片,作为收件人和寄件人两种角色核心功能展示区。最后是「大家都在逛」推荐算法商品信息流,丰富首页的内容。

    总结

    基于快递行业差异化洞察,菜鸟裹裹围绕快递场景进行用户需求体系的搭建,从“寄件-查件-取件-购物”,阶梯式构建用户结构化认知。从被动使用查看淘宝天猫的快递,到主动引导添加各大电商平台的快递,打造“知心”的用户体验。

    2. 寄件人:「寄件」路径及各页面交互点分析

    ①「寄件前」-特色场景构建

    在寄件场景下,构建了五个差异化场景设计,分别为:寄件、退货、寄大件、批量寄件、公益捐衣,其中退货为特色的淘宝寄件场景。为统一用户感知,在品牌、颜色以及风格调性上,不同场景同步了整体的设计心智,配合了首页的基调。与此同时,为了更好的满足不同寄件场景,也尝试了不同的体验设计方案。

    ②「寄件中」-省心的寄件体验

    寄件链路中,重点关注全流程用户需求识别,基于信息减负、路径缩短等设计策略,构建短平快来提升用户寄件转化效率,为用户带来省心的寄件体验。

    信息减负方面:

    在信息层面,在基础的寄件地址收件外,有五部分内容:寄件方式、上门时间、物品信息、优惠、平台权益。

    路径缩短方面:

    寄件地址默认使用你最常用的地址,寄件方式、上门时间、物品信息、优惠、平台权益也都是默认选择一种,你只需填上收货地址,就可以下单。操作路径真正实现了短平快提升了用户的寄件效率。

    ③「等待取件」-给你专属的体验

    为快速穿透用户的心智形成“安全快速专属”的目的,设计上围绕“提供全程保障、专属快递员”等关键词,着重刻画寄件动线中的专属特权,并通过地图联动、寄件卡片,为用户带来“快速的省心”的寄件体验。

    配合日常运营活动,邀请好友赚现金、寄件尊享福利券,形成再次转化的营销策略。

    ④「取件支付」-短链省钱的支付体验

    用户在寄件后,为加速用户支付流程,基于“短链”的设计思维,结合支付流程打造。在快递员取件后,在首页出现信息卡片,从首页入口进入,提示查看明细支付费用,通过区分不同生命周期的用户设计权益营销方式,让用户获得最适合的权益,推荐开通裹裹达人,本单立减,将“便捷省心省钱”的理念深入到产品的每个交互页面。

    总结

    在寄件流程中,分别从寄件前、寄件中、等取件、取件支付四个路径,构建了“省心快速专属省钱“的品牌心智。

    从用户层面看,用户对产品的整体体验来自各个出点所组成的一条体验供应链,每一个触点都是产品与用户在精神和情感上的互动,用户在寄件的旅程图上,需要经历三次核心节点,下单、报取件码、支付。在通过寄件下单页默认给用户提供寄件方式、上门时间、物品信息等,在寄件的体验供应链上做到可以一键下单。

    从平台层面看,搭建了五个场景覆盖了用户日常的寄件场景,每个场景相互独立,在操作流程上给予优化平台的交互体验。在运营侧赋能业务增长,在用户下单页面和支付订单页面,推荐裹裹会员开通服务,作为增值服务一项并绑定赠送优惠券进行销售,提升平台收入。

    3. 寄件人:退货路径交互点分析

    菜鸟裹裹提供了便捷的取件和寄送服务,还提供了退货服务。在购物体验中,退货是一个非常重要的流程。如果退货流程繁琐、复杂,用户可能会对 APP 的服务产生不满,从而影响用户的使用体验。菜鸟裹裹提供了便捷、简单的退货流程。

    退货页面分为淘宝天猫退货和其他平台退货两种。

    在淘宝天猫上购买的商品,可直接在淘宝上申请退货,等待客服确认后,就可以得到退货寄件码,选择上门取件时间,同时在菜鸟平台会同步显示寄件码。用户只需要将退货商品装好并封好,等待快递小哥上门取件或送往菜鸟驿站即可。整个流程简单明了,用户可在淘宝上可完成全流程的操作。

    在其他平台退货分为三步,先复制商家退货地址,然后手动粘贴输入区域,最后智能识别一键下单。返回到退货页面,选择寄件方式、上门时间、物品信息等信息,与 4.2 寄件流程一样。

    4. 收件人:取件路径及各页面交互点分析

    探索消费者取件路径:

    ①「查快递」-让距离缩短

    在进入包裹物流状态界面时,地图上的快递车图标会按照当前站点路线开始一段有趣的行驶动画,这时界面上会配合气泡出现提示文案:包裹离你越来越近了。这个情感化设计通过视觉和文案,触达到用户在查快递时候的期待感,传递出品牌“快速安全可靠”的价值。

    包裹的物流节点分为:已下单、运输中、快递员派件中、已签收四个大类,以及各个中转站的揽投部,配合电话显示方便用户时刻联系到快递到信息,提高用户的掌控感,传递出品牌“安全可靠”的价值。

    无限下拉的商品 feed 流,为单调的包裹查询场景添加了购物场景,让链路从菜鸟的快递业务引流到淘宝的购物业务,形成了商业闭环。

    ②「去取件」-服务设计让取件更便捷

    取件流程涉及到 APP 的操作流程和线下菜鸟驿站或快递柜的操作流程,此处分为两个方面介绍。

    一方面,在 APP 上用户会看到包裹到站的数量和类型,比如菜鸟驿站、快递柜。到站包裹卡片上会显示五部分信息:驿站名称、取件码、包裹商品缩略图、手机尾号、快递公司。

    另一方面,菜鸟驿站线下的取件流程涉及到体验设计中的服务设计。在一个完整的服务体验中,服务设计和空间中的体验是分不开的。当你到达菜鸟驿站,打开菜鸟 APP 查看取件码,再走到货架,查看指示牌,找到你的快递,拿到闸机上扫码完成取件,至此完成了整个链路。

    总结

    在交互设计中,呈现信息的是卡片/容器,而在线下空间场中,菜鸟驿站呈现信息的载体是货架、包裹、指示牌。从灯光照明、货架布局、取件导视、再到菜鸟 app 等各个层面,都对体验有所影响。作为体验设计师而言,我们该如何加强对服务和空间之间关系的理解,以创造有影响力的体验设计值得思考。

    产品体验总结

    便捷快速:用户可以在菜鸟裹裹 APP 上快速下单,并选择合适的取件时间和取件方式,用户可以选择自助取件、快递员上门取件、代寄等多种取件方式,根据自己的需求选择最合适的方式。

    实时跟踪:用户可以在 APP 上实时查看包裹的物流信息,随时了解包裹的配送情况,在查询快递的时候使用情感化动效设计,增加产品的趣味性。

    高效安全:菜鸟裹裹 APP 采用智能化的取件系统,确保用户的包裹在取件过程中高效安全。

    总之,菜鸟裹裹 APP 的取件流程便捷快速、实时跟踪和高效安全,为用户提供了更好的寄件和取件的体验。

    六、设计反思 1. 用户与平台的目标

    在寄件业务中,用户期望的是寄件速度快、服务体验好、价格便宜。平台期望的是用户量大、下单率高、综合收益高。菜鸟目前给出的定位是“随心,省心,放心,想怎么寄就怎么寄”,即围绕用户体验和服务体验好这一关键要素,增加寄件安全性、提供多样的寄件收件方式,并提供高响应速度的上门收件服务。

    2. 用户选择的决策因素

    影响用户选择快递业务的因素有三种,第一是价格,第二个是服务,第三个是速度。

    价格便宜:用户会把寄快递所产生的价格多少作为选择的最主要的因素。那在价格方面,菜鸟裹裹提供了多种快递服务类型,以及优惠券组合形式和会员模式。用户可以根据自己的需求选择不同的服务类型,满足不同用户的需求和预算。

    服务体验好:用户会比较不同快递品牌的使用体验,选择一家最适合自己的快递品牌。在体验服务方面,平台的重点在于理清用户使用场景,针对性地优化服务流程体验。同时完善客服系统、快递员操作系统等基础设施,从而保障整体的服务质量。使用下来感觉菜鸟裹裹是十分注重用户体验的,它采用线上和线下场景结合的形式,推动其快递生态在服务体系方面的发展。

    寄件速度快且准:因为寄件服务会因场景不同、品类不同,而对寄送时效性有着不同的要求:比如说退货和换货场景,后者时效性要求一定高于前者,这也是用户选择快递业务一个重要的因素。关于寄件时效性的服务,建议菜鸟裹裹可以在产品侧根据优先级进行针对性的优化,推出不同时效承诺的寄件服务,例如隔日达、当日达等,以此提升用户对寄件速度要求对满意度。

    3. 菜鸟裹裹 APP 的设计优点

    在产品使用过程中,视觉侧体会到颜色、图标、动画带来传递的品牌温度。在体验侧,寄件取件流程的使用方面体会到,产品交互打磨的简洁高效,并且通过文案和动效设计在用户与产品之间,构建情感传递的桥梁,让产品鲜活起来,使一个活灵活现的快递小助手深入人心。

    ①高效

    无论是寄件页面的布局设计,还是产品各流程的提示文案,都传达出高效的品牌形象。

    ②专业

    在寄件下单的流程做到了“短平快”,减少用户的操作;在查快递的时候,配合地图插画和动效,让用户时刻掌握物流站点信息,了解快递到达和转运情况,标志出清晰的快递状态。建立了一个专业的快递平台形象。在线下收取快递的体验上,菜鸟驿站通过清晰的货架和标号标识,构建了专业的快递收取站点。

    ③温暖

    作为一款工具类产品,菜鸟更多是以小助手的角色来陪伴用户。告别传统冰冷的快递业务,走向重视用户注重情感化设计的产品。当你快递到了提醒你“记得领取你的快递哦”,当你查快递时候告诉你“包裹离你越来越近咯”,让寄快递和取快递的过程充满了温度。

    4. 设计策略优化点

    提升仪式感:

    随着时间推移,节日庆祝的方式也在发生改变,人们从传统的庆祝方式出发,慢慢创造和演变出新型的庆祝方式,当下的快递服务让人们跨越了时间和空间,从面对面送礼物到不受时间和空间的限制随时随地的表达庆祝,所以菜鸟可以在下单业务中,考虑京东快递惊喜达的交互,增加节日卡片营造仪式感。并且,通过寄件人和收件人的角度,全流程的触达仪式感的打造,提升产品惊喜感,赋能业务增长,助力营销传播。

    七、结语 基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。在用户使用场景上发掘了很多设计层面的特性,例如退货场景的交互流程和查快递场景的情感化设计,真正做到了以设计驱动体验设计。他们沉淀了物流场景下的增长设计图谱,沉淀了物流行业领先的体验设计理念和服务能力,让物流行业在逐渐改变冷冰冰的印象和面貌,更多地融入情感和创新。

    参考资料:

    《起底菜鸟“数据王国”:三通一达的蜜糖与砒霜》 《全方位拆解菜鸟网络寄件服务,展望物流行业的增长机会》 《菜鸟设计师化身「梦想改造家」,24 小时打造全新驿站》 《菜鸟设计年度回顾——这群设计师在2021年又为物流行业做了哪些改变?》 《京东 JDC|京东快递小程序惊喜速达服务设计复盘》

  • 6000字拆解!「菜鸟裹裹」寄取件业务设计深度解析

    UI交互 2023-04-26
    相信每个爱网购的你都对菜鸟裹裹不陌生,基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。本文就「菜鸟裹裹」寄件取件业务设计进行解析,一起来看看吧。往期拆解:万字拆解!

    相信每个爱网购的你都对菜鸟裹裹不陌生,基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。本文就「 菜鸟裹裹 」寄件取件业务设计进行解析,一起来看看吧。

    往期拆解:

    万字拆解!月活2亿的小红书产品设计全方位深度解析 这是一个神奇的平台,因为活跃在这个平台的 2 亿用户都是追求生活品质的年轻人,他们乐于分享自己的购物体验和生活方式,然后再顺便种个草,赚点钱。

    阅读文章 >

    前言

    如果你经常网购,那么你对菜鸟一定不陌生,从手机里的菜鸟 APP 到社区里的菜鸟驿站。菜鸟裹裹沉淀了物流行业领先的体验设计理念,他们让物流行业在逐渐改变冷冰冰的印象和面貌,更多地融入了情感设计与创新设计。

    一、产品背景 近年来随着淘宝京东等电商平台的兴起,快递行业也迎来了蓬勃发展。目前,快递行业分为三大阵营,分别是以“三通一达”为首的菜鸟系,京东、腾讯为首的京腾系,以及特立独行的顺丰系。

    今天来分析「菜鸟裹裹」,它作为阿里商业生态下的快递平台,包括了寄快递、查快递、取快递等服务。在消费者终端,菜鸟旗下的菜鸟驿站打通了物流最后一公里,比快递网点更靠近消费者,也为社区团购提供了物理店铺。目前,估值约 200 亿美元的「菜鸟」,被拆分 IPO 准备上市计划,这也是马云的最后一个商业梦想,「菜鸟」未来几年也将扛起阿里的增长大旗。

    二、产品结构 菜鸟裹裹产品结构图

    三、寄件业务的系统架构 在寄件业务中,涉及到寄件人、收件人和承运方三种角色。

    首先,用户发起寄件任务,然后菜鸟作为承运方派遣快递员完成揽收包裹的任务,将包裹发往货运中转点。当包裹运输至目标城区后,快递员将把它派送至收件人手中。

    在订单创建环节中,寄件人需要完成寄件信息准备、物品准备、务选择等操作。菜鸟平台确认订单后,需要生成电子面单,并通过运力系统派遣揽件任务给快递员。如果收件人是商家,也将生成退换的工单,并完成相应的人员筹备工作。

    在包裹揽收环节中,寄件人将物品以事先约定好的方式递交到指定地方或快递员手中。快递员也可以上门取件的方式完成包裹递交。此后,快递员要将包裹运送到指定地点,以推动下游业务人员完成运输工作。

    在包裹运输和包裹送达环节中,菜鸟将通过一系列物流活动将包裹派送至收件人手中,完成最后的多方订单完结确认。这就是一个完整的寄件链路。

    四、产品视觉层分析 视觉层是用户与产品进行互动的重要接口,直接影响用户对产品的第一印象和使用体验。良好的视觉设计可以提升用户的品牌认知和用户体验,增加用户的黏性和转化率。同时,视觉设计也需要与产品的功能和交互设计相结合,确保产品的一致性和可用性。

    菜鸟裹裹在视觉层,通过兼顾各种快递相关业务的特色,打造高效、专属的品牌记忆点,定义专业简洁、快速省心的视觉基调,从色彩、IP、图标、动效 4 个维度进行设计映射。

    1. 主色风格 主色是产品品牌核心元素之一,能够直接影响用户对产品的认知,并且代表产品的个性,产品的使用场景。在制定主色风格时,需要考虑用户群体、产品定位、市场竞争等多个因素。

    作为一款国民级工具类产品,「菜鸟裹裹」使用蓝色作为主色,从色彩精细化传达、情绪性语义意向来布控主色调,塑造快递工具类目“高效专业”的用户心智。

    2. logo / IP 形象 互联网产品最喜欢使用卡通动物作为 IP 形象。「菜鸟裹裹」使用小鸟作为品牌形象,搭配机器人外观,更加突出智能化。回顾其 logo 迭代过程,传递出品牌战略不断升级的过程。从最初扁平的小鸟叼包裹的形象,到智能机器人小鸟助手的形象,反映出更加专业化的品牌效应。

    3. 图标 对于产品的视觉层而言,图标可以说是整个产品的点睛之笔,它直接影响着产品的视觉体验和产品调性。在菜鸟 APP 整个界面中有两类主要的图标类型。

    1)面性图标

    面性图标是通过面来塑造形体的图标,采用了剪影的设计形式,通过线或者面去切割基础轮廓面,通过分型来塑造图标的体积感。不同的切割手法造成了面性图标设计感的差别。

    在菜鸟 APP 首页的顶部,面性图标承载了三个核心功能:取包裹、寄包裹、出库码。配合底色大面积的蓝色,三个面性图标,视觉突出,情绪感较强,让用户迅速定位到核心功能。

    2)线性图标

    线性图标是由直线、曲线、点在内等元素组合而成的图标样式,通过线来塑造轮廓。

    在菜鸟 APP 金刚区图标、消息、订单和 tab 未选中状态都是使用线性图标,在金刚区的图标中,更是加入了玻璃质感点缀,让图标在简约中带着趣味性。

    4. 下拉刷新 刷新的设计是产品中的基础功能,在菜鸟 APP 首页的下拉刷新方便用户获得最新的包裹动态。

    在下拉交互手势中,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象,小鸟飞走后屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状态,与 IP 形象结合到 UI 场景中不仅强化品牌感,也能带来更加情感化的体验,最后巧妙地将平台运送快递这一过程展示了出来,趣味性极强。

    总结

    什么是情感化设计?菜鸟裹裹的设计团队告诉我们,这就是以情感化为中心的设计。过去,设计师总是思考如何在产品中传递情感,因为传递情感的细节不仅可以让产品更具生命力,还可以提高用户对产品的好感度,让产品深入人心。 设计师 可以在颜色、图标、下拉刷新动画和文案等方面运用情感化设计,构建情感化设计思维,更好地链接用户,创造令用户惊喜的体验。

    五、产品体验分析 1. 首页功能分析

    首页作为 APP 的门面当担,即是用户心智承接的核心阵地,也是查快递取件的主要场景。最明显的是位于页面顶部操作区的三大核心功能:「取包裹」快递的收取功能、「寄包裹」菜鸟核心寄件功能、「出库码」菜鸟驿站取件码。

    在广度上,金刚区的图标分为运营活动和「菜鸟」商业版图拓展出的社区服务类。卡片区是「到站包裹」和「在途包裹」的信息卡片,作为收件人和寄件人两种角色核心功能展示区。最后是「大家都在逛」推荐算法商品信息流,丰富首页的内容。

    总结

    基于快递行业差异化洞察,菜鸟裹裹围绕快递场景进行用户需求体系的搭建,从“寄件-查件-取件-购物”,阶梯式构建用户结构化认知。从被动使用查看淘宝天猫的快递,到主动引导添加各大电商平台的快递,打造“知心”的用户体验。

    2. 寄件人:「寄件」路径及各页面交互点分析

    ①「寄件前」-特色场景构建

    在寄件场景下,构建了五个差异化场景设计,分别为:寄件、退货、寄大件、批量寄件、公益捐衣,其中退货为特色的淘宝寄件场景。为统一用户感知,在品牌、颜色以及风格调性上,不同场景同步了整体的设计心智,配合了首页的基调。与此同时,为了更好的满足不同寄件场景,也尝试了不同的体验设计方案。

    ②「寄件中」-省心的寄件体验

    寄件链路中,重点关注全流程用户需求识别,基于信息减负、路径缩短等设计策略,构建短平快来提升用户寄件转化效率,为用户带来省心的寄件体验。

    信息减负方面:

    在信息层面,在基础的寄件地址收件外,有五部分内容:寄件方式、上门时间、物品信息、优惠、平台权益。

    路径缩短方面:

    寄件地址默认使用你最常用的地址,寄件方式、上门时间、物品信息、优惠、平台权益也都是默认选择一种,你只需填上收货地址,就可以下单。操作路径真正实现了短平快提升了用户的寄件效率。

    ③「等待取件」-给你专属的体验

    为快速穿透用户的心智形成“安全快速专属”的目的,设计上围绕“提供全程保障、专属快递员”等关键词,着重刻画寄件动线中的专属特权,并通过地图联动、寄件卡片,为用户带来“快速的省心”的寄件体验。

    配合日常运营活动,邀请好友赚现金、寄件尊享福利券,形成再次转化的营销策略。

    ④「取件支付」-短链省钱的支付体验

    用户在寄件后,为加速用户支付流程,基于“短链”的设计思维,结合支付流程打造。在快递员取件后,在首页出现信息卡片,从首页入口进入,提示查看明细支付费用,通过区分不同生命周期的用户设计权益营销方式,让用户获得最适合的权益,推荐开通裹裹达人,本单立减,将“便捷省心省钱”的理念深入到产品的每个交互页面。

    总结

    在寄件流程中,分别从寄件前、寄件中、等取件、取件支付四个路径,构建了“省心快速专属省钱“的品牌心智。

    从用户层面看,用户对产品的整体体验来自各个出点所组成的一条体验供应链,每一个触点都是产品与用户在精神和情感上的互动,用户在寄件的旅程图上,需要经历三次核心节点,下单、报取件码、支付。在通过寄件下单页默认给用户提供寄件方式、上门时间、物品信息等,在寄件的体验供应链上做到可以一键下单。

    从平台层面看,搭建了五个场景覆盖了用户日常的寄件场景,每个场景相互独立,在操作流程上给予优化平台的交互体验。在运营侧赋能业务增长,在用户下单页面和支付订单页面,推荐裹裹会员开通服务,作为增值服务一项并绑定赠送优惠券进行销售,提升平台收入。

    3. 寄件人:退货路径交互点分析

    菜鸟裹裹提供了便捷的取件和寄送服务,还提供了退货服务。在购物体验中,退货是一个非常重要的流程。如果退货流程繁琐、复杂,用户可能会对 APP 的服务产生不满,从而影响用户的使用体验。菜鸟裹裹提供了便捷、简单的退货流程。

    退货页面分为淘宝天猫退货和其他平台退货两种。

    在淘宝天猫上购买的商品,可直接在淘宝上申请退货,等待客服确认后,就可以得到退货寄件码,选择上门取件时间,同时在菜鸟平台会同步显示寄件码。用户只需要将退货商品装好并封好,等待快递小哥上门取件或送往菜鸟驿站即可。整个流程简单明了,用户可在淘宝上可完成全流程的操作。

    在其他平台退货分为三步,先复制商家退货地址,然后手动粘贴输入区域,最后智能识别一键下单。返回到退货页面,选择寄件方式、上门时间、物品信息等信息,与 4.2 寄件流程一样。

    4. 收件人:取件路径及各页面交互点分析

    探索消费者取件路径:

    ①「查快递」-让距离缩短

    在进入包裹物流状态界面时,地图上的快递车图标会按照当前站点路线开始一段有趣的行驶动画,这时界面上会配合气泡出现提示文案:包裹离你越来越近了。这个情感化设计通过视觉和文案,触达到用户在查快递时候的期待感,传递出品牌“快速安全可靠”的价值。

    包裹的物流节点分为:已下单、运输中、快递员派件中、已签收四个大类,以及各个中转站的揽投部,配合电话显示方便用户时刻联系到快递到信息,提高用户的掌控感,传递出品牌“安全可靠”的价值。

    无限下拉的商品 feed 流,为单调的包裹查询场景添加了购物场景,让链路从菜鸟的快递业务引流到淘宝的购物业务,形成了商业闭环。

    ②「去取件」-服务设计让取件更便捷

    取件流程涉及到 APP 的操作流程和线下菜鸟驿站或快递柜的操作流程,此处分为两个方面介绍。

    一方面,在 APP 上用户会看到包裹到站的数量和类型,比如菜鸟驿站、快递柜。到站包裹卡片上会显示五部分信息:驿站名称、取件码、包裹商品缩略图、手机尾号、快递公司。

    另一方面,菜鸟驿站线下的取件流程涉及到体验设计中的服务设计。在一个完整的服务体验中,服务设计和空间中的体验是分不开的。当你到达菜鸟驿站,打开菜鸟 APP 查看取件码,再走到货架,查看指示牌,找到你的快递,拿到闸机上扫码完成取件,至此完成了整个链路。

    总结

    在交互设计中,呈现信息的是卡片/容器,而在线下空间场中,菜鸟驿站呈现信息的载体是货架、包裹、指示牌。从灯光照明、货架布局、取件导视、再到菜鸟 app 等各个层面,都对体验有所影响。作为体验设计师而言,我们该如何加强对服务和空间之间关系的理解,以创造有影响力的体验设计值得思考。

    产品体验总结

    便捷快速:用户可以在菜鸟裹裹 APP 上快速下单,并选择合适的取件时间和取件方式,用户可以选择自助取件、快递员上门取件、代寄等多种取件方式,根据自己的需求选择最合适的方式。

    实时跟踪:用户可以在 APP 上实时查看包裹的物流信息,随时了解包裹的配送情况,在查询快递的时候使用情感化动效设计,增加产品的趣味性。

    高效安全:菜鸟裹裹 APP 采用智能化的取件系统,确保用户的包裹在取件过程中高效安全。

    总之,菜鸟裹裹 APP 的取件流程便捷快速、实时跟踪和高效安全,为用户提供了更好的寄件和取件的体验。

    六、设计反思 1. 用户与平台的目标

    在寄件业务中,用户期望的是寄件速度快、服务体验好、价格便宜。平台期望的是用户量大、下单率高、综合收益高。菜鸟目前给出的定位是“随心,省心,放心,想怎么寄就怎么寄”,即围绕用户体验和服务体验好这一关键要素,增加寄件安全性、提供多样的寄件收件方式,并提供高响应速度的上门收件服务。

    2. 用户选择的决策因素

    影响用户选择快递业务的因素有三种,第一是价格,第二个是服务,第三个是速度。

    价格便宜:用户会把寄快递所产生的价格多少作为选择的最主要的因素。那在价格方面,菜鸟裹裹提供了多种快递服务类型,以及优惠券组合形式和会员模式。用户可以根据自己的需求选择不同的服务类型,满足不同用户的需求和预算。

    服务体验好:用户会比较不同快递品牌的使用体验,选择一家最适合自己的快递品牌。在体验服务方面,平台的重点在于理清用户使用场景,针对性地优化服务流程体验。同时完善客服系统、快递员操作系统等基础设施,从而保障整体的服务质量。使用下来感觉菜鸟裹裹是十分注重用户体验的,它采用线上和线下场景结合的形式,推动其快递生态在服务体系方面的发展。

    寄件速度快且准:因为寄件服务会因场景不同、品类不同,而对寄送时效性有着不同的要求:比如说退货和换货场景,后者时效性要求一定高于前者,这也是用户选择快递业务一个重要的因素。关于寄件时效性的服务,建议菜鸟裹裹可以在产品侧根据优先级进行针对性的优化,推出不同时效承诺的寄件服务,例如隔日达、当日达等,以此提升用户对寄件速度要求对满意度。

    3. 菜鸟裹裹 APP 的设计优点

    在产品使用过程中,视觉侧体会到颜色、图标、动画带来传递的品牌温度。在体验侧,寄件取件流程的使用方面体会到,产品交互打磨的简洁高效,并且通过文案和动效设计在用户与产品之间,构建情感传递的桥梁,让产品鲜活起来,使一个活灵活现的快递小助手深入人心。

    ①高效

    无论是寄件页面的布局设计,还是产品各流程的提示文案,都传达出高效的品牌形象。

    ②专业

    在寄件下单的流程做到了“短平快”,减少用户的操作;在查快递的时候,配合地图插画和动效,让用户时刻掌握物流站点信息,了解快递到达和转运情况,标志出清晰的快递状态。建立了一个专业的快递平台形象。在线下收取快递的体验上,菜鸟驿站通过清晰的货架和标号标识,构建了专业的快递收取站点。

    ③温暖

    作为一款工具类产品,菜鸟更多是以小助手的角色来陪伴用户。告别传统冰冷的快递业务,走向重视用户注重情感化设计的产品。当你快递到了提醒你“记得领取你的快递哦”,当你查快递时候告诉你“包裹离你越来越近咯”,让寄快递和取快递的过程充满了温度。

    4. 设计策略优化点

    提升仪式感:

    随着时间推移,节日庆祝的方式也在发生改变,人们从传统的庆祝方式出发,慢慢创造和演变出新型的庆祝方式,当下的快递服务让人们跨越了时间和空间,从面对面送礼物到不受时间和空间的限制随时随地的表达庆祝,所以菜鸟可以在下单业务中,考虑京东快递惊喜达的交互,增加节日卡片营造仪式感。并且,通过寄件人和收件人的角度,全流程的触达仪式感的打造,提升产品惊喜感,赋能业务增长,助力营销传播。

    七、结语 基于产业互联网和快递场景的差异化,菜鸟构建了线上 APP+线下服务的物流生态。在用户使用场景上发掘了很多设计层面的特性,例如退货场景的交互流程和查快递场景的情感化设计,真正做到了以设计驱动体验设计。他们沉淀了物流场景下的增长设计图谱,沉淀了物流行业领先的体验设计理念和服务能力,让物流行业在逐渐改变冷冰冰的印象和面貌,更多地融入情感和创新。

    参考资料:

    《起底菜鸟“数据王国”:三通一达的蜜糖与砒霜》 《全方位拆解菜鸟网络寄件服务,展望物流行业的增长机会》 《菜鸟设计师化身「梦想改造家」,24 小时打造全新驿站》 《菜鸟设计年度回顾——这群设计师在2021年又为物流行业做了哪些改变?》 《京东 JDC|京东快递小程序惊喜速达服务设计复盘》

  • 当绘画大神独战AI,画笔和算法谁更胜一筹?

    UI交互 2023-04-26
    大家好,这里是和你们一起探索 AI 绘画的花生~4 月 21 日,CG 艺术家阮佳在微博上发起一项挑战,他将自己画的艾尔登法环女武神的同人示范草图上传到了微博,邀请网友用 AI 对草稿进行细化并展示成果图,最后他将公布自己细化的图,和 AI 细化的图像进行对比。阮佳,知名 CG 艺术家、概念设计师。曾在 Aren...

    大家好,这里是和你们一起探索 AI 绘画的花生~

    4 月 21 日,CG 艺术家阮佳在微博上发起一项挑战,他将自己画的艾尔登法环女武神的同人示范草图上传到了微博,邀请网友用 AI 对草稿进行细化并展示成果图,最后他将公布自己细化的图,和 AI 细化的图像进行对比。

    阮佳,知名 CG 艺术家、概念 设计师 。曾在 ArenaNE、微软 343 Industries 等公司就职,从事开发《光晕》系列的次世代游戏。参与项目有《激战 2》、《光晕》、《魔兽世界》、《暗黑破坏神 3》、《狮子王》等。

    阮佳个人网站: https://www.ruanjia.com/

    CG 艺术家阮佳发起的挑战的微博,图像来源: https://weibo.com/1581734707/MCZy5gENl

    阮佳的挑战微博发布后,瞬间引起很多同行和网友的关注,大家纷纷转发评论,期待这场“高端对决”的结果。听说 AI 出图速度极快,阮佳最初给的 AI 出图时间是半个小时,后来在网友的建议下延长至两小时,最后也收到不少懂得 AI 绘画的网友利用底图生成图像。

    网友以阮佳的草图为基础生成的内容,图片内容来源: https://weibo.com/1581734707/MCZy5gENl ,作者见右下角水印

    从网友分享的图像可以看出,AI 的细化效果还是很不错的,能根据模糊概括的色块生成精致的图像,一眼看过去足以让人赞叹 AI 的能力。但是在看完阮佳公布的自己细化完成的作品后,我感觉前面 AI 图像瞬间黯然失色,也深刻感受到了艺术家笔下作品的“生命力”。

    阮佳在微博公布的细化完成图,图片来源: https://weibo.com/1581734707/MD0pevLi9

    如果阮佳没有公布草图,我们或许很难想到右图最开始是由左图一点点细化得来的,又或者说如果只看草图,我们无法料想到最终的完成图会是右图这样,反而是 AI 生成的图像更贴近草图给人的第一印象,但我想这也正是人类与 AI 的区别所在。

    AI 只能根据草图中的像素和给定提示词,去它的数据集中搜集对应的噪点,融合出一副完整的图像,而人类艺术家起草图的时候,可能已经想好最终的画面会是什么样,草图是为了快速定型最初构想,然后根据自己的对角色的理解和对构图、色彩、光影的把握,一步一步进行细化,艺术家个人的技法、风格和审美理念也在这过程中逐步凸显。

    而且 AI 生成的图像很明显被局限在最初的草图上,即使图像是不同的网友生成,但依旧可以看出很高的相似性,而且 AI 不可能自己去思考女武神这个角色的应该具备的特征和代表的精神象征,只能依靠使用者给出的提示词进行所谓的“细化”。有草图为底的同人绘画尚且如此,更别说在商业性的原创绘画中,如果没有人类的思想和创造力作为指导,AI 绘画工具能起到的作用会多么有限。

    阮佳在这次挑战中表达的观点。

    这次的实验一定程度上澄清了之前甚嚣尘上的“AI 绘画会取代艺术家”的言论,给因为 AI 冲击处于迷茫和焦虑中的画师打了一针强心剂,让更多人明白画师本身的绘画技术和审美水平的重要性。

    AI 绘画工具发展的速度的确惊人,出图的质量和可控性越来越高,不仅是插画师,设计师也肯定明显地感受到 AI 绘画带来的冲击,也正在被“设计师会不会被 AI 取代”这个问题困扰。

    即使还没有接触过 AI 绘画工具,大家也肯定从各方面了解到 AI 绘画工具目前在设计中的应用,比如生成以假乱真的照片和风格各异的插图,可以直接作为海报素材;给 UI 图标、IP 人物设计提供灵感;快速生成之前要在 3D 软件中才能渲染出的效果图等,也有不少设计师在优设网分享了利用 AI 辅助设计的实战经验:

    AIGC如何落地?超多项目拆解之UI设计篇 一、AI 绘画在工作中的流程 在 UI 设计工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会进行需求的分析,根据分析去找合适的参考,之后进行我们的初稿设计。

    阅读文章 >

    8大实战案例!AIGC在网易落地项目中的运用 AIGC 全称 AI Generated Content,是利用人工智能技术来生成内容,AIGC 绘画属于 AIGC 的分支。

    阅读文章 >

    AIGC落地实战!有赞如何用Midjourney提高设计效率? 一、项目背景 设计界总是一波未平一波又起,从区块链到元宇宙,这轮风开始吹到 AIGC,什么是 AIGC?

    阅读文章 >

    但如果你有仔细阅读过这些文章,或者真的尝试在实际设计中用 AI 进行辅助,肯定会发现这其中起决定性作用的依旧是设计师本人,AI 无法独立完成设计任务,图像生成过程必须要有人进行指导和微调,或者对生成的图像进行后期调整修改。这就和前面提到的绘画挑战结果一样,乍看之下 AI 绘画工具好像无所不能,但实际操作中能达一次性达到完美效果、或者直接落地使用的情况极少。

    所以作为设计师,我们并不用过分焦虑 AI 绘画工具会带来的冲击,更不用相信“AI 会取代设计师”这样的言论。AI 绘画工具是我们应该了解的一个新工具,能帮设计师优化设计流程,提升设计效率;但我们在探索学习 AI 绘画的同时,依旧要学好设计的理论知识和软件操作,以及不断地提升审美、扩展知识面,因为 AI 绘画工具能发挥的效果最终还是取决于使用者本身的水平和能力。

    推荐阅读:

    设计师应该如何拥抱AIGC?来看高手的总结! 编者按:ArgoDesign 是一家兼顾设计、产品和咨询一体的跨国设计咨询机构,他们的客户涵盖了包括 IBM、亚马逊、梦工厂和山姆在内的世界知名企业,而这篇文章出自 ArgoDesign 的首席设计师 Guus Baggermans。

    阅读文章 >

    AI绘画必看!5个实用技巧让图像生成效率提升200% 大家好,这里是和你们一起探索 AI 绘画的花生~ 想必很多设计师小伙伴都在用 Midjourney 生成各种设计灵感或者素材,比如 3D 人物、UI 界面,渐变纹理、矢量插画等,而且只要我们掌握了其中的关键词或者公式,就能快速生成对应的效果,非常方便。

    阅读文章 >

  • 当绘画大神独战AI,画笔和算法谁更胜一筹?

    UI交互 2023-04-26
    大家好,这里是和你们一起探索 AI 绘画的花生~4 月 21 日,CG 艺术家阮佳在微博上发起一项挑战,他将自己画的艾尔登法环女武神的同人示范草图上传到了微博,邀请网友用 AI 对草稿进行细化并展示成果图,最后他将公布自己细化的图,和 AI 细化的图像进行对比。阮佳,知名 CG 艺术家、概念设计师。曾在 Aren...

    大家好,这里是和你们一起探索 AI 绘画的花生~

    4 月 21 日,CG 艺术家阮佳在微博上发起一项挑战,他将自己画的艾尔登法环女武神的同人示范草图上传到了微博,邀请网友用 AI 对草稿进行细化并展示成果图,最后他将公布自己细化的图,和 AI 细化的图像进行对比。

    阮佳,知名 CG 艺术家、概念 设计师 。曾在 ArenaNE、微软 343 Industries 等公司就职,从事开发《光晕》系列的次世代游戏。参与项目有《激战 2》、《光晕》、《魔兽世界》、《暗黑破坏神 3》、《狮子王》等。

    阮佳个人网站: https://www.ruanjia.com/

    CG 艺术家阮佳发起的挑战的微博,图像来源: https://weibo.com/1581734707/MCZy5gENl

    阮佳的挑战微博发布后,瞬间引起很多同行和网友的关注,大家纷纷转发评论,期待这场“高端对决”的结果。听说 AI 出图速度极快,阮佳最初给的 AI 出图时间是半个小时,后来在网友的建议下延长至两小时,最后也收到不少懂得 AI 绘画的网友利用底图生成图像。

    网友以阮佳的草图为基础生成的内容,图片内容来源: https://weibo.com/1581734707/MCZy5gENl ,作者见右下角水印

    从网友分享的图像可以看出,AI 的细化效果还是很不错的,能根据模糊概括的色块生成精致的图像,一眼看过去足以让人赞叹 AI 的能力。但是在看完阮佳公布的自己细化完成的作品后,我感觉前面 AI 图像瞬间黯然失色,也深刻感受到了艺术家笔下作品的“生命力”。

    阮佳在微博公布的细化完成图,图片来源: https://weibo.com/1581734707/MD0pevLi9

    如果阮佳没有公布草图,我们或许很难想到右图最开始是由左图一点点细化得来的,又或者说如果只看草图,我们无法料想到最终的完成图会是右图这样,反而是 AI 生成的图像更贴近草图给人的第一印象,但我想这也正是人类与 AI 的区别所在。

    AI 只能根据草图中的像素和给定提示词,去它的数据集中搜集对应的噪点,融合出一副完整的图像,而人类艺术家起草图的时候,可能已经想好最终的画面会是什么样,草图是为了快速定型最初构想,然后根据自己的对角色的理解和对构图、色彩、光影的把握,一步一步进行细化,艺术家个人的技法、风格和审美理念也在这过程中逐步凸显。

    而且 AI 生成的图像很明显被局限在最初的草图上,即使图像是不同的网友生成,但依旧可以看出很高的相似性,而且 AI 不可能自己去思考女武神这个角色的应该具备的特征和代表的精神象征,只能依靠使用者给出的提示词进行所谓的“细化”。有草图为底的同人绘画尚且如此,更别说在商业性的原创绘画中,如果没有人类的思想和创造力作为指导,AI 绘画工具能起到的作用会多么有限。

    阮佳在这次挑战中表达的观点。

    这次的实验一定程度上澄清了之前甚嚣尘上的“AI 绘画会取代艺术家”的言论,给因为 AI 冲击处于迷茫和焦虑中的画师打了一针强心剂,让更多人明白画师本身的绘画技术和审美水平的重要性。

    AI 绘画工具发展的速度的确惊人,出图的质量和可控性越来越高,不仅是插画师,设计师也肯定明显地感受到 AI 绘画带来的冲击,也正在被“设计师会不会被 AI 取代”这个问题困扰。

    即使还没有接触过 AI 绘画工具,大家也肯定从各方面了解到 AI 绘画工具目前在设计中的应用,比如生成以假乱真的照片和风格各异的插图,可以直接作为海报素材;给 UI 图标、IP 人物设计提供灵感;快速生成之前要在 3D 软件中才能渲染出的效果图等,也有不少设计师在优设网分享了利用 AI 辅助设计的实战经验:

    AIGC如何落地?超多项目拆解之UI设计篇 一、AI 绘画在工作中的流程 在 UI 设计工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会进行需求的分析,根据分析去找合适的参考,之后进行我们的初稿设计。

    阅读文章 >

    8大实战案例!AIGC在网易落地项目中的运用 AIGC 全称 AI Generated Content,是利用人工智能技术来生成内容,AIGC 绘画属于 AIGC 的分支。

    阅读文章 >

    AIGC落地实战!有赞如何用Midjourney提高设计效率? 一、项目背景 设计界总是一波未平一波又起,从区块链到元宇宙,这轮风开始吹到 AIGC,什么是 AIGC?

    阅读文章 >

    但如果你有仔细阅读过这些文章,或者真的尝试在实际设计中用 AI 进行辅助,肯定会发现这其中起决定性作用的依旧是设计师本人,AI 无法独立完成设计任务,图像生成过程必须要有人进行指导和微调,或者对生成的图像进行后期调整修改。这就和前面提到的绘画挑战结果一样,乍看之下 AI 绘画工具好像无所不能,但实际操作中能达一次性达到完美效果、或者直接落地使用的情况极少。

    所以作为设计师,我们并不用过分焦虑 AI 绘画工具会带来的冲击,更不用相信“AI 会取代设计师”这样的言论。AI 绘画工具是我们应该了解的一个新工具,能帮设计师优化设计流程,提升设计效率;但我们在探索学习 AI 绘画的同时,依旧要学好设计的理论知识和软件操作,以及不断地提升审美、扩展知识面,因为 AI 绘画工具能发挥的效果最终还是取决于使用者本身的水平和能力。

    推荐阅读:

    设计师应该如何拥抱AIGC?来看高手的总结! 编者按:ArgoDesign 是一家兼顾设计、产品和咨询一体的跨国设计咨询机构,他们的客户涵盖了包括 IBM、亚马逊、梦工厂和山姆在内的世界知名企业,而这篇文章出自 ArgoDesign 的首席设计师 Guus Baggermans。

    阅读文章 >

    AI绘画必看!5个实用技巧让图像生成效率提升200% 大家好,这里是和你们一起探索 AI 绘画的花生~ 想必很多设计师小伙伴都在用 Midjourney 生成各种设计灵感或者素材,比如 3D 人物、UI 界面,渐变纹理、矢量插画等,而且只要我们掌握了其中的关键词或者公式,就能快速生成对应的效果,非常方便。

    阅读文章 >

  • 实战案例解析!我是如何提升用户操作效率的?

    UI交互 2023-04-25
    在相关活动链路中,如何提升用户在整个过程中的操作效率?本文作者总结了原活动中关于用户操作流程与信息布局的问题,进一步进行拆解和分析,希望对大家有所启发。本篇文章继续基于上篇中的活动背景来展开。

    在相关活动链路中,如何提升用户在整个过程中的操作效率?本文作者总结了原活动中关于用户操作流程与信息布局的问题,进一步进行拆解和分析,希望对大家有所启发。

    本篇文章继续基于上篇中的活动背景来展开。上篇文章中,主要是针对原活动中存在的用户参与度低以及抽奖活动感知差两个问题,对用户做了一些操作的引导。

    实战案例解析!如何用4个步骤引导用户操作提高转化率? 前段时间负责一个运营活动的改版工作,该活动的设定是通过设置目标奖励,提升用户的购买力。

    阅读文章 >

    本篇文章,主要针对原活动中关于用户操作流程与信息布局的问题,做进一步的拆解与分析,从而提升用户再整个活动链路中的操作效率。

    一、操作优化:缩短用户操作路径 通过上篇文章的分析,我们知道此次活动的核心业务目标是希望通过设置不同的阶段奖励,促进用户的下单欲望,从而提升用户的下单额与下单频率。

    所以在本次的活动页中,下单操作是最核心的功能与流程。但是在前期的走查中发现,当前的流程可能会存在一些问题,导致用户在整个浏览商品与筛选商品的操作路径与体验不佳。以下为当前流程:

    当前流程中,用户点击提升额度后,跳转到二级页面进行活动商品的浏览与购买,同时可通过顶部的搜索功能对活动商品进行筛选。结合自过往的经验以及与小部分用户进行沟通后,总结出当前流程主要存在两点问题:

    用户选择商品时,有时需要查看当前进度,频繁的在页面间跳转,比较麻烦 经常在活动商品页搜不到对应的商品 针对第一个问题,除了页面跳转,还发现当前活动页中,由于仅展示阶段奖励,导致页面的留存不高,所以如何将用户注意力吸引到当前页面,同时减少用户的跳转,我们考虑是否可以将商品瀑布流放到活动主体下方,这样就将用户查看奖励-提升额度的操作都集中在一个页面,提升用户操作的效率。

    在优化了页面布局后,接下来就需要对用户操作进行定义。商品是用来提升用户额度的,所以除了用户主动滑到页面的商品瀑布流区域进行浏览挑选外,当用户点击“获取奖励”按钮时也应该快速定位到该处。这样就将页面跳转调整为当前页面的定位,从而减少用户操作链路,提升用户浏览商品的效率。

    针对第二个问题,用户搜不到商品,这点就需要结合业务来考量,在跟运营沟通后了解到,当前活动商品并非所用商品,这就导致很多用户搜不出来商品的情况发生。为了减少这种情况,业务希望用户不进行主动搜索,而采用平台推荐的形式。而在交互层面,我们除了去除原有的搜索控件,还需要考虑如何更好的推荐商品给用户,从而提升用户查找商品的效率。

    我日常我们用来定位商品的方式,除了搜索能精准定位外,还有就是通过筛选一类商品的形式,来缩小用户选择的范围。当前活动商品数量不多,采用筛选能较好的帮助用户选择需要的商品类型,提升找到目标商品的效率。

    确定了交互方式,接下来就需要考虑选择什么筛选条件。除了常规的商品属性,如品牌、品类等,我们还需要结合活动本身来考虑。用户查找商品并购买的目的是为了达到某个阶段奖励设计的数值,所以价格区间无疑是用户比较关注的点,用户可以在这类价格区间的商品中选择合适的商品购买,从而完成阶段任务获得奖励。

    完成用户浏览商品与定位商品的操作流程后,进一步对一些细节来进行补充,从而提升整个操作的体验,提升用户的操作效率。

    第一:当用户单击按钮定位到商品瀑布流后,继续向上滑动浏览商品时,此时可以判断用户的关注点在商品上,为了能更好的帮助用户定位想要的商品,我们可以将筛选条件吸顶,来提升用户定位商品的效率。

    第二:采用筛选条件吸顶,当用户浏览了大量商品后,如果希望查看当前自己的进度时,就需要滑动最顶部商品,取消条件吸顶才能到达,无疑增加了用户的操作难度,所以此时如果用户能“一键返回顶部”,无疑在该场景中解决了用户当前的痛点。

    第三:根据活动的设定,用户在此页面浏览商品的目的,是找到想要的商品进行购买从而完成阶段目标获得最终奖励。而为了达成目标,用户可能会一次购买多个商品,就需要将想要的商品加入购物车再一起购买。

    基于这个场景,我们可以考虑是否在该页面的商品卡上加上“购物车”,方便对于辨识度高的商品能快速加入购物车;同时为了用户能快速在购物车购买,可以考虑在该页面加上“购物车”入口,同时对于在该页面加入购物车的商品,用户通过该入口进入购物车后,默认勾选,从而提升用户对于目标商品的下单效率。

    二、布局优化:减少用户理解歧义 在前期的走查过程中,除了发现页面操作流程上的问题,还有一个主要的问题就是活动主体的布局问题。阶段奖励被分为月度跟季度,而每个时间维度分为三个阶段,对应不同的奖励,用户最终以月度与季度达到的最高阶段奖获得对应的奖励,如图:

    当前的布局很容易产生疑问,这么多的奖励并对应各自的提升额度的按钮,我该选择哪个?是不是选择的阶段奖励不同,所需要购买的商品也有所不同?在与业务进行沟通后发现,经常会有用户前来咨询同样的问题,所以需要考虑优化活动主体的布局,减少用户的选择与理解歧义,从而提升用户的购买效率。

    在进行前期的问题收集与分析后,总结出当前页面的主要问题是操作按钮太多,增加了用户的选择与理解成本。所以在最开始的方案构思中,希望通过将所有奖励都合并成一个触发按钮的形式,强调按钮的层级,同时减少用户的疑虑,如图:

    但是在原型验证与评审的过程中,逐渐发现此方案有点不妥,主要包括以下两点:

    第一:即使页面已经提示按照最高奖励发放,但是该形式还是会让用户误导达到某阶段就会获得对应的奖励;

    第二:由于阶段奖励是最大的刺激点,当前布局缩小了奖励图的尺寸,导致奖励的视觉刺激减弱。

    针对当前存在的问题,继续构思并产出第二套方案,我们希望新的布局即能突出用户只能获得最高奖励的概念,同时也能突出阶段奖励。所以就想到在产出第一套方案的过程中,我们是希望用户能聚焦在唯一的提升额度的按钮上,从而降低因按钮过多带来的干扰。那针对阶段奖励,我们是不是也可以让用户只聚焦在当前奖励阶段呢?

    所以我们给出了一个概念:“升级”。当用户处在第一阶段时,引导用户去提升额度获得奖励,但是当用户获得第一阶段的奖励后,我们展示下个阶段的进度,同时给出升级奖励的概念,这样用户可以根据自己的购买力以及下个阶段奖励的价值,来考虑要不要升级,从而解决了上个方案中存在的用户理解歧义以及奖励视觉感弱的问题。

    这样用户就可以每次进入活动时都只聚焦在当前的阶段与奖励,减少其他阶段进度的干扰。但是当用户一直停留在当前阶段时,是无法感知后面的阶段奖励的,就无法刺激用户提升更高的额度。

    于是我们在布局上做了些调整,将月度与季度的阶段奖励都展示出来,让用户能提前的感知所有的阶段与对应的奖励,好让用户提前规划自己最终能达到的阶段。

    总结 以上,就是笔者根据工作中案例,分享的一篇关于如何提升用户操作效率的文章,经验有限,欢迎大家批评指正与交流。

  • 10个出行产品细节剖析,看看高手是如何做设计的!

    UI交互 2023-04-25
    五一小长假即将到来,相信大家都已经非常期待啦!为了做好充分的攻略,最近黑马哥也体验了一些旅游出行所需的产品,发现了一些不错的设计细节。提高产品设计的每一个细节,才能带给用户更好的体验,这些细节的设计也让我们的出行游玩变得更美好。

    五一小长假即将到来,相信大家都已经非常期待啦!

    为了做好充分的攻略,最近黑马哥也体验了一些旅游出行所需的产品,发现了一些不错的 设计细节 。提高产品设计的每一个细节,才能带给用户更好的体验,这些细节的设计也让我们的出行游玩变得更美好。

    往期回顾:

    10个产品细节剖析,看看高手是如何做设计的! 对于产品设计师来说,在同质化的环境中我们需要具备突破创意的思维,这样才能输出差异化的设计方案。

    阅读文章 >

    一、品牌化的底部标签栏设计 图标在产品中随处可见,如何提高图标设计的深度和差异化至关重要,立足于品牌的角度是其中之一的有效方式。

    最近在使用智行火车票 App 时,底部标签栏图标设计融入了品牌基因图形,点击状态图标以火车头剪影进行视觉表达。结合动效过度流畅自然,不仅突出了品牌曝光度,也强化了用户的品牌认知和记忆度。

    二、流体渐变增强按钮视觉感 由于流体渐变丰富的色彩表现和动态感,在画面中能够更好地起到突出作用,成为近些年流行的视觉趋势之一。

    在携程旅行酒店预定的栏目中,将查询按钮以流体渐变的形式进行设计,使得单调的按钮变得更加丰富多彩。流动感的视觉呈现提高了按钮的设计亮点,增强了用户的点击欲和感官体验。

    三、3D 场景提高解锁设计亮点 随着 3D 设计的流行,在众多的产品中随处可见,提高了产品设计的感官体验。

    在携程旅行“火车超能力”的页面设计中,运用了 3D 场景增强画面视觉感。在解锁的超能力模块中,3D 场景的呈现让内容表达变得更直观,突出的视觉感也吸引了用户的关注度。不仅让界面设计更美观,突出的视觉表达也提高了用户解锁超能力的意愿度。

    四、品牌化的图标设计 越来越多的产品都在探索品牌化的融入,除了品牌色的强化以外,在品牌图形、辅助图形、特征图形等方面也在不断探索。

    飞猪旅行 App 个人中心界面中,营销活动的四个入口图标设计结合飞猪 Logo 造型表达。通过内部差异化的图形元素区分各类营销卖点,品牌图形的运用统一了图标形式感,让元素不会显得分散,视觉协调性和美感度控制得都非常不错。通过固定造型来约束和统一视觉表达,可以解决图形分散和视觉风格杂乱的设计问题。

    五、品牌化的闪屏设计 闪屏设计有结合品牌元素的固定形式,也有闪屏广告,可以单独出现也可以前后出现。

    最近在启动途牛旅游 App 时,闪屏的设计以品牌化的创意进行表达,视觉冲击力也成功的引起了我的关注度。将旅游相关的场景元素融入到途牛的品牌外形中,形成带有品牌感的场景插画。通过固定造型约束元素组合,不仅统一了风格表达,干净简洁的设计也充满了图形创意的魅力。

    六、动态轮播的金刚区图标设计 微动效在图标中的运用十分常见,可以起到突出元素表达的作用。所以,动效已经成为产品设计师所具备的基础技能。

    飞猪旅行 App 行程栏目中,金刚区图标在每次进入时会以动效形式逐个演变,以此来增强用户对每个业务的了解。逐个演变后以静态形式展示,降低动效过度形成的干扰。

    七、动态封面提高关注度 封面可以辅助信息的传播,也能提高用户对栏目的关注度。封面的比例、设计感和表现形式,影响了视觉感的程度,也是吸引用户关注度的重要因素。

    飞猪旅行 App 在“我的旅行回忆”栏目中,封面以徽章滚动的形式进行表达,动态画面提高了该栏目的关注度。更容易吸引用户“进入回忆”,解锁并点亮对应徽章。

    八、动态可视化提高签到参与度 签到可以增加产品活跃度,提高用户的签到参与度至关重要。除了对应的福利政策之外,设计感的提升也能提高用户的参与度。

    马蜂窝 App 在福利中心栏目中,签到的设计融入了可视化的表达。签到领取的蜂蜜用罐子装起来,还带有流动感,动态的表达生动有趣,提高了用户参与签到的意愿度。动态可视化的设计让签到后的得利更直观,趣味性的表达也让签到变得更有意思,提升用户对该功能的感官体验。

    九、游戏化的任务页面设计 产品为了提高用户黏性会打造一些激发用户参与度的功能或者活动,通过签到或者完成任务获得积分/工时等奖励,可以兑换礼品、优惠券、服务解锁等。

    智行火车票 App 是通过打工小智的形象设计任务功能,以游戏化的模式激发用户参与度。完成相应的任务获得工时,用工时换取现金、优惠券和其他服务等。整个任务页面设计非常精美,打工模式的玩法也比较有趣,游戏化的设计提高了栏目的感官体验和参与度。

    十、动态卖点强化按钮点击欲 在一些重点突出的按钮设计中,会通过造型、配色、动效、营销等形式突出视觉感,提高按钮的关注度和点击欲。

    在去哪儿旅行机票预订的界面中,搜索按钮左侧设计了一个动态卖点(立减 20),动效的表达突出了按钮的关注度。动态营销卖点给突出按钮提供了不错的设计思考,这是一个增强用户点击欲的有效形式。

    小结 在第一个小长假来临之前,我们通过这些旅游和出行的产品设计细节,让我们感受到各大产品做出的努力,为大家提供更好的使用体验。

    本文对于设计的理解阐述属于个人见解,不足之处欢迎大家留言补充,我们互相进步。

    欢迎关注作者的微信公众号:「黑马家族」

  • 10个出行产品细节剖析,看看高手是如何做设计的!

    UI交互 2023-04-25
    五一小长假即将到来,相信大家都已经非常期待啦!为了做好充分的攻略,最近黑马哥也体验了一些旅游出行所需的产品,发现了一些不错的设计细节。提高产品设计的每一个细节,才能带给用户更好的体验,这些细节的设计也让我们的出行游玩变得更美好。

    五一小长假即将到来,相信大家都已经非常期待啦!

    为了做好充分的攻略,最近黑马哥也体验了一些旅游出行所需的产品,发现了一些不错的 设计细节 。提高产品设计的每一个细节,才能带给用户更好的体验,这些细节的设计也让我们的出行游玩变得更美好。

    往期回顾:

    10个产品细节剖析,看看高手是如何做设计的! 对于产品设计师来说,在同质化的环境中我们需要具备突破创意的思维,这样才能输出差异化的设计方案。

    阅读文章 >

    一、品牌化的底部标签栏设计 图标在产品中随处可见,如何提高图标设计的深度和差异化至关重要,立足于品牌的角度是其中之一的有效方式。

    最近在使用智行火车票 App 时,底部标签栏图标设计融入了品牌基因图形,点击状态图标以火车头剪影进行视觉表达。结合动效过度流畅自然,不仅突出了品牌曝光度,也强化了用户的品牌认知和记忆度。

    二、流体渐变增强按钮视觉感 由于流体渐变丰富的色彩表现和动态感,在画面中能够更好地起到突出作用,成为近些年流行的视觉趋势之一。

    在携程旅行酒店预定的栏目中,将查询按钮以流体渐变的形式进行设计,使得单调的按钮变得更加丰富多彩。流动感的视觉呈现提高了按钮的设计亮点,增强了用户的点击欲和感官体验。

    三、3D 场景提高解锁设计亮点 随着 3D 设计的流行,在众多的产品中随处可见,提高了产品设计的感官体验。

    在携程旅行“火车超能力”的页面设计中,运用了 3D 场景增强画面视觉感。在解锁的超能力模块中,3D 场景的呈现让内容表达变得更直观,突出的视觉感也吸引了用户的关注度。不仅让界面设计更美观,突出的视觉表达也提高了用户解锁超能力的意愿度。

    四、品牌化的图标设计 越来越多的产品都在探索品牌化的融入,除了品牌色的强化以外,在品牌图形、辅助图形、特征图形等方面也在不断探索。

    飞猪旅行 App 个人中心界面中,营销活动的四个入口图标设计结合飞猪 Logo 造型表达。通过内部差异化的图形元素区分各类营销卖点,品牌图形的运用统一了图标形式感,让元素不会显得分散,视觉协调性和美感度控制得都非常不错。通过固定造型来约束和统一视觉表达,可以解决图形分散和视觉风格杂乱的设计问题。

    五、品牌化的闪屏设计 闪屏设计有结合品牌元素的固定形式,也有闪屏广告,可以单独出现也可以前后出现。

    最近在启动途牛旅游 App 时,闪屏的设计以品牌化的创意进行表达,视觉冲击力也成功的引起了我的关注度。将旅游相关的场景元素融入到途牛的品牌外形中,形成带有品牌感的场景插画。通过固定造型约束元素组合,不仅统一了风格表达,干净简洁的设计也充满了图形创意的魅力。

    六、动态轮播的金刚区图标设计 微动效在图标中的运用十分常见,可以起到突出元素表达的作用。所以,动效已经成为产品设计师所具备的基础技能。

    飞猪旅行 App 行程栏目中,金刚区图标在每次进入时会以动效形式逐个演变,以此来增强用户对每个业务的了解。逐个演变后以静态形式展示,降低动效过度形成的干扰。

    七、动态封面提高关注度 封面可以辅助信息的传播,也能提高用户对栏目的关注度。封面的比例、设计感和表现形式,影响了视觉感的程度,也是吸引用户关注度的重要因素。

    飞猪旅行 App 在“我的旅行回忆”栏目中,封面以徽章滚动的形式进行表达,动态画面提高了该栏目的关注度。更容易吸引用户“进入回忆”,解锁并点亮对应徽章。

    八、动态可视化提高签到参与度 签到可以增加产品活跃度,提高用户的签到参与度至关重要。除了对应的福利政策之外,设计感的提升也能提高用户的参与度。

    马蜂窝 App 在福利中心栏目中,签到的设计融入了可视化的表达。签到领取的蜂蜜用罐子装起来,还带有流动感,动态的表达生动有趣,提高了用户参与签到的意愿度。动态可视化的设计让签到后的得利更直观,趣味性的表达也让签到变得更有意思,提升用户对该功能的感官体验。

    九、游戏化的任务页面设计 产品为了提高用户黏性会打造一些激发用户参与度的功能或者活动,通过签到或者完成任务获得积分/工时等奖励,可以兑换礼品、优惠券、服务解锁等。

    智行火车票 App 是通过打工小智的形象设计任务功能,以游戏化的模式激发用户参与度。完成相应的任务获得工时,用工时换取现金、优惠券和其他服务等。整个任务页面设计非常精美,打工模式的玩法也比较有趣,游戏化的设计提高了栏目的感官体验和参与度。

    十、动态卖点强化按钮点击欲 在一些重点突出的按钮设计中,会通过造型、配色、动效、营销等形式突出视觉感,提高按钮的关注度和点击欲。

    在去哪儿旅行机票预订的界面中,搜索按钮左侧设计了一个动态卖点(立减 20),动效的表达突出了按钮的关注度。动态营销卖点给突出按钮提供了不错的设计思考,这是一个增强用户点击欲的有效形式。

    小结 在第一个小长假来临之前,我们通过这些旅游和出行的产品设计细节,让我们感受到各大产品做出的努力,为大家提供更好的使用体验。

    本文对于设计的理解阐述属于个人见解,不足之处欢迎大家留言补充,我们互相进步。

    欢迎关注作者的微信公众号:「黑马家族」

  • 实战案例解析!我是如何提升用户操作效率的?

    UI交互 2023-04-25
    在相关活动链路中,如何提升用户在整个过程中的操作效率?本文作者总结了原活动中关于用户操作流程与信息布局的问题,进一步进行拆解和分析,希望对大家有所启发。本篇文章继续基于上篇中的活动背景来展开。

    在相关活动链路中,如何提升用户在整个过程中的操作效率?本文作者总结了原活动中关于用户操作流程与信息布局的问题,进一步进行拆解和分析,希望对大家有所启发。

    本篇文章继续基于上篇中的活动背景来展开。上篇文章中,主要是针对原活动中存在的用户参与度低以及抽奖活动感知差两个问题,对用户做了一些操作的引导。

    实战案例解析!如何用4个步骤引导用户操作提高转化率? 前段时间负责一个运营活动的改版工作,该活动的设定是通过设置目标奖励,提升用户的购买力。

    阅读文章 >

    本篇文章,主要针对原活动中关于用户操作流程与信息布局的问题,做进一步的拆解与分析,从而提升用户再整个活动链路中的操作效率。

    一、操作优化:缩短用户操作路径 通过上篇文章的分析,我们知道此次活动的核心业务目标是希望通过设置不同的阶段奖励,促进用户的下单欲望,从而提升用户的下单额与下单频率。

    所以在本次的活动页中,下单操作是最核心的功能与流程。但是在前期的走查中发现,当前的流程可能会存在一些问题,导致用户在整个浏览商品与筛选商品的操作路径与体验不佳。以下为当前流程:

    当前流程中,用户点击提升额度后,跳转到二级页面进行活动商品的浏览与购买,同时可通过顶部的搜索功能对活动商品进行筛选。结合自过往的经验以及与小部分用户进行沟通后,总结出当前流程主要存在两点问题:

    用户选择商品时,有时需要查看当前进度,频繁的在页面间跳转,比较麻烦 经常在活动商品页搜不到对应的商品 针对第一个问题,除了页面跳转,还发现当前活动页中,由于仅展示阶段奖励,导致页面的留存不高,所以如何将用户注意力吸引到当前页面,同时减少用户的跳转,我们考虑是否可以将商品瀑布流放到活动主体下方,这样就将用户查看奖励-提升额度的操作都集中在一个页面,提升用户操作的效率。

    在优化了页面布局后,接下来就需要对用户操作进行定义。商品是用来提升用户额度的,所以除了用户主动滑到页面的商品瀑布流区域进行浏览挑选外,当用户点击“获取奖励”按钮时也应该快速定位到该处。这样就将页面跳转调整为当前页面的定位,从而减少用户操作链路,提升用户浏览商品的效率。

    针对第二个问题,用户搜不到商品,这点就需要结合业务来考量,在跟运营沟通后了解到,当前活动商品并非所用商品,这就导致很多用户搜不出来商品的情况发生。为了减少这种情况,业务希望用户不进行主动搜索,而采用平台推荐的形式。而在交互层面,我们除了去除原有的搜索控件,还需要考虑如何更好的推荐商品给用户,从而提升用户查找商品的效率。

    我日常我们用来定位商品的方式,除了搜索能精准定位外,还有就是通过筛选一类商品的形式,来缩小用户选择的范围。当前活动商品数量不多,采用筛选能较好的帮助用户选择需要的商品类型,提升找到目标商品的效率。

    确定了交互方式,接下来就需要考虑选择什么筛选条件。除了常规的商品属性,如品牌、品类等,我们还需要结合活动本身来考虑。用户查找商品并购买的目的是为了达到某个阶段奖励设计的数值,所以价格区间无疑是用户比较关注的点,用户可以在这类价格区间的商品中选择合适的商品购买,从而完成阶段任务获得奖励。

    完成用户浏览商品与定位商品的操作流程后,进一步对一些细节来进行补充,从而提升整个操作的体验,提升用户的操作效率。

    第一:当用户单击按钮定位到商品瀑布流后,继续向上滑动浏览商品时,此时可以判断用户的关注点在商品上,为了能更好的帮助用户定位想要的商品,我们可以将筛选条件吸顶,来提升用户定位商品的效率。

    第二:采用筛选条件吸顶,当用户浏览了大量商品后,如果希望查看当前自己的进度时,就需要滑动最顶部商品,取消条件吸顶才能到达,无疑增加了用户的操作难度,所以此时如果用户能“一键返回顶部”,无疑在该场景中解决了用户当前的痛点。

    第三:根据活动的设定,用户在此页面浏览商品的目的,是找到想要的商品进行购买从而完成阶段目标获得最终奖励。而为了达成目标,用户可能会一次购买多个商品,就需要将想要的商品加入购物车再一起购买。

    基于这个场景,我们可以考虑是否在该页面的商品卡上加上“购物车”,方便对于辨识度高的商品能快速加入购物车;同时为了用户能快速在购物车购买,可以考虑在该页面加上“购物车”入口,同时对于在该页面加入购物车的商品,用户通过该入口进入购物车后,默认勾选,从而提升用户对于目标商品的下单效率。

    二、布局优化:减少用户理解歧义 在前期的走查过程中,除了发现页面操作流程上的问题,还有一个主要的问题就是活动主体的布局问题。阶段奖励被分为月度跟季度,而每个时间维度分为三个阶段,对应不同的奖励,用户最终以月度与季度达到的最高阶段奖获得对应的奖励,如图:

    当前的布局很容易产生疑问,这么多的奖励并对应各自的提升额度的按钮,我该选择哪个?是不是选择的阶段奖励不同,所需要购买的商品也有所不同?在与业务进行沟通后发现,经常会有用户前来咨询同样的问题,所以需要考虑优化活动主体的布局,减少用户的选择与理解歧义,从而提升用户的购买效率。

    在进行前期的问题收集与分析后,总结出当前页面的主要问题是操作按钮太多,增加了用户的选择与理解成本。所以在最开始的方案构思中,希望通过将所有奖励都合并成一个触发按钮的形式,强调按钮的层级,同时减少用户的疑虑,如图:

    但是在原型验证与评审的过程中,逐渐发现此方案有点不妥,主要包括以下两点:

    第一:即使页面已经提示按照最高奖励发放,但是该形式还是会让用户误导达到某阶段就会获得对应的奖励;

    第二:由于阶段奖励是最大的刺激点,当前布局缩小了奖励图的尺寸,导致奖励的视觉刺激减弱。

    针对当前存在的问题,继续构思并产出第二套方案,我们希望新的布局即能突出用户只能获得最高奖励的概念,同时也能突出阶段奖励。所以就想到在产出第一套方案的过程中,我们是希望用户能聚焦在唯一的提升额度的按钮上,从而降低因按钮过多带来的干扰。那针对阶段奖励,我们是不是也可以让用户只聚焦在当前奖励阶段呢?

    所以我们给出了一个概念:“升级”。当用户处在第一阶段时,引导用户去提升额度获得奖励,但是当用户获得第一阶段的奖励后,我们展示下个阶段的进度,同时给出升级奖励的概念,这样用户可以根据自己的购买力以及下个阶段奖励的价值,来考虑要不要升级,从而解决了上个方案中存在的用户理解歧义以及奖励视觉感弱的问题。

    这样用户就可以每次进入活动时都只聚焦在当前的阶段与奖励,减少其他阶段进度的干扰。但是当用户一直停留在当前阶段时,是无法感知后面的阶段奖励的,就无法刺激用户提升更高的额度。

    于是我们在布局上做了些调整,将月度与季度的阶段奖励都展示出来,让用户能提前的感知所有的阶段与对应的奖励,好让用户提前规划自己最终能达到的阶段。

    总结 以上,就是笔者根据工作中案例,分享的一篇关于如何提升用户操作效率的文章,经验有限,欢迎大家批评指正与交流。


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通