以下是如何利用人工智能快速生成出色艺术二维码的正式介绍:
背景介绍:二维码是一种以方形矩阵为基础的条码图形,广泛应用于信息传递和交互。通过结合人工智能技术,我们可以快速生成具有艺术美感的二维码,使其更加吸引人眼球。
AI图像生成:人工智能技术中的图像生成模型可以通过学习大量的艺术作品和设计样本,生成出与传统二维码不同的创意形状和装饰。这些模型利用深度学习算法生成独特的纹理、颜色和图案,以提升二维码的艺术感。
色彩和构图设计:AI生成的艺术二维码可以通过选择和调整色彩方案来营造特定的氛围和风格。设计人员可以根据应用场景和品牌形象,选择合适的配色方案,并对图像进行构图设计,以确保二维码的视觉吸引力和易读性。
自定义风格:AI技术还使得二维码的艺术风格可以高度个性化和定制化。设计人员可以根据需求调整生成模型的参数,以实现不同风格的二维码,如抽象、卡通、水彩等。这种个性化的设计能够提升二维码的独特性和识别度。
功能保留:尽管美化了二维码的外观,但AI技术仍保留了二维码的识别和解析功能。生成的艺术二维码仍然可以通过二维码扫描器进行扫描和解码,从而实现信息传递和用户互动的功能。
请注意,艺术二维码的生成过程需要结合专业的设计技能和AI工具来实现最佳效果。设计人员应快速熟悉和掌握相关工具和方法,以确保生成的艺术二维码达到预期的效果。
通过利用人工智能技术生成艺术二维码,我们能够为信息传递和品牌推广带来更具吸引力和创意的方式。期待您能够尝试并创造出您的个性化艺术二维码。
谢谢!如果您有任何其他问题,请随时向我提问。
今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
mj大家都很熟悉了,但是目前很多还是在用它做海报、运营banner、ip等形象,那么作为UI设计如果运用mj到工作流中,最近一直在探索这方面,目前来看背景、图标是可以成熟的运用到工作流中,下面就来讲讲心得
先看结果,下面是我用mj生成的弹窗页面和功能页面,bc都进行尝试,感觉效果还是不错~
Midjourney分为很多模式,如V4\V5\V5.1\niji4\niji5等模式,先了解这些模式什么意思,直接从v4说吧,v4之前基本用不到了;
v4:通用模式,适用于各个风格行业,但产出的图质量和细节不是好
v5:写实模式,产出的图更加风格,更加细节,风格偏向写实
v5.1:最近刚出的模型,在v5基础上产出的图细节更丰富
niji4/5:产出的图基本就是二次元风格,可以想象为宫崎骏风格,当然加一些特殊词也可以生产3d图
众所周知mj可以支持生图以及喂图,我在工作流中两者都进行了使用,具体来讲一下流程。
先说生图,就是直接拿关键词输入进去就可以出图了,但是这种一般都是随机的无法达到自己想要的效果,比如下面我直接用关键词生成b端图标以及喂图出来的图标她们之间的差距;
左侧是直接生成的图标,可以看到结构以及配色上都特别脏乱,右侧通过喂图之后就会更加干净
/imagine 要求画图
/describe 反向识别图片,用于喂图提取关键词
/settings 设置参数
--s 700 数值越高,越偏离描述
--q 2.5 越小出图越快,细节也越少
-- iw 1 数值越大越偏离你喂的图
--ar 16:9 控制比例
:: geed 4.5 图片权重,让生成的图侧重哪些关键词
--no geed 加什么不会出现什么
使用niji模式生成UI图标
第一行:使用niji5模式
第二行:默认风格化也就是 --s 值
第三行:默认风格
第四行:默认
第一行:使用v5模式
第二行:默认
第三行:默认
在/imagine 内输入下面咒语
A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180
一个UI界面礼盒,图标设计,UI,迪士尼,Clay材质,亮色,3d艺术,干净背景,Oc渲染,背景为黑色,c4d,blender,3d,8k,HD
关键:粘土材质、迪士尼、UI图标
U1-U4对应四张图,可以选择自己满意的图进行放大,如果不满意可以使用V指令,针对某一张图在进行生成
使用ps或者其他软件进行扣图
进行色彩调整
进行页面融合
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。
分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司。
作为B端产品,竞品分析是非常重要的一环,可以帮助我们了解市场和竞争对手的情况,制定更好的产品策略和营销策略。以下是一些关于如何做好竞品分析的建议:
1.明确分析目的和范围:在进行竞品分析前,我们需要先明确分析的目的和范围。例如,我们要分析的是哪些竞争对手,分析的重点是哪些方面,分析的数据来源是什么等。
2.收集竞品信息:收集竞品信息是竞品分析的基础,我们可以通过多种方式收集竞品信息,例如搜索引擎、社交媒体、行业报告等。需要注意的是,我们需要收集全面、准确的竞品信息,避免歪曲事实或者忽略重要信息。
3.对竞品进行比较分析:在收集到竞品信息后,我们需要对竞品进行比较分析,了解它们的优势和劣势,找到我们产品的差异化竞争点。比较分析可以从多个角度进行,例如产品功能、定位、用户体验、营销策略等。
4.总结竞品的趋势和特点:竞品分析不仅仅是对单个竞品的分析,还需要总结竞品的趋势和特点,了解市场的发展趋势和竞争格局。这可以帮助我们更好地制定产品策略和营销策略,抢占市场先机。
5.不断更新竞品信息:市场和竞争对手的情况都是不断变化的,我们需要及时更新竞品信息,以跟上市场的变化和竞争对手的动态。这可以帮助我们更好地应对市场挑战,保持竞争优势。
6.分析竞品的营销策略:除了产品功能和用户体验等方面,竞品的营销策略也是可以分析的重要方面。我们可以了解竞品的宣传渠道、广告投放、促销活动等,以及它们的效果和反馈。这可以帮助我们更好地制定自己的营销策略,吸引更多的用户。
7.针对竞品的问题进行改进:在竞品分析过程中,我们可能会发现一些竞品存在的问题和不足。我们可以借鉴这些问题,对自己的产品进行改进,提升用户体验和产品竞争力。
8.多角度思考竞品分析:竞品分析不仅仅是对单个竞品的分析,也可以从多个角度进行。例如,我们可以对竞品的用户画像、收费模式、技术实力等方面进行分析,以更全面地了解竞品和市场。
9.与其他部门沟通协作:竞品分析需要多个部门的协作,例如市场部门、产品部门、研发部门等。我们需要与这些部门进行沟通协作,共同分析竞品和市场,制定更好的产品和营销策略。
总之,竞品分析是B端产品开发和营销过程中非常重要的一环,需要全面、准确地分析竞品和市场,以制定更好的产品和营销策略。
那好的B端产品有哪些特点呢?
1、专业性:B端产品通常是为特定行业或职业群体设计的,需要具备专业性。好的B端产品需要深入了解用户的需求和行业特点,提供专业化的解决方案。
2、易用性:虽然B端产品的用户通常是专业人士,但好的B端产品也需要具备易用性,让用户能够快速上手并且高效地使用。产品的界面设计、操作流程等都需要考虑用户使用的便捷性。
3、可靠性:B端产品通常是核心的业务系统,需要具备高可靠性和稳定性。好的B端产品需要经过严格的测试和验证,确保系统的稳定性和数据的安全性。
4、可定制性:不同行业和用户群体有不同的需求,好的B端产品需要具备可定制性,能够根据用户的需求和特点进行定制。这可以提高产品的适用度和用户的满意度。
5、数据分析能力:B端产品通常需要处理大量的数据,好的B端产品需要具备强大的数据分析能力,能够帮助用户更好地理解业务数据和趋势,以做出更好的决策。
6、云端服务:随着云计算技术的发展,好的B端产品通常需要具备云端服务能力,能够提供弹性伸缩、高可用性和低成本等优势,让用户能够更高效地使用产品和服务。
7、良好的客户服务:B端产品通常需要提供良好的客户服务,能够及时解决用户的问题和反馈。好的B端产品需要具备良好的客户服务体系,能够帮助用户更好地使用产品和服务。
综上所述,好的B端产品需要具备专业性、易用性、可靠性、可定制性、数据分析能力、云端服务和良好的客户服务等特点,以满足用户的需求和提升产品的竞争力。
通过前面两篇的拆解,小鹅通的后台功能内容已经拆解过半,接下来我们来看看「数据统计」和「用户运营」这两个部分的内容,它对商家的运营来说,真是如虎添翼,让我真正感受到一款SaaS产品对商家的运营价值。
当我的店铺开始运营起来以后,我最关心的就是店铺的数据统计分析了,因为我需要了解每天有多少新用户来访问,又成交了多少个订单,其次我还需要精准的数据分析来为我的运营提供支持。
5.1 概况
「概况」其实是小鹅通的后台默认首页,通过这个页面,商家可以第一时间查看整个店铺经营的状况。
5.1.1 实时概况
「实时概况」提供店铺的每日最新的实时数据,在这个栏目可以看到今日店铺访客数、今日新增用户数、今日支付金额、今日订单数、待付款订单、待发货订单等数据。这对运营者来说,打开后台就能第一时间查收到店铺当日的实时数据。
5.1.2 最近内容
「最近内容」展示店铺最近更新内容的数据,比如浏览量、订阅量和学习人数。不过这个栏目的设计让我陷入焦虑,我不太明白这个栏目内容排序是按照商家最近更新的商品排列,还是按最新有订阅和学习人数的商品排列,官方也没有给出详细的说明。
5.1.3 平台动态
在这个版块,商家可以获取小鹅通最新的平台动态、资讯、新功能预告和热门话题。在小鹅通的知识生态池里,店铺不是一座座孤岛,而是可以通过小鹅通的链接,可以一起学习交流知识付费的获客、激活、变现、推广的方法。这也是一个SaaS软件最大的魅力,用科技设计工具,用工具帮助企业成功。
5.2 交易
「交易」汇总了商家知识店铺的所有订单交易,在这个版块,商家可以查询整个店铺的交易数据,其次还提供了订单工具、售后管理和资产管理的功能。
5.2.1 订单管理
5.2.1.1 全部订单
①「全部订单」主要为商家提供店铺产生的订单的查询统计,这个栏目主要包含两个内容,头部是检索(包含了交易单号、订单时间、商品类型、核销状态、支付方式等多种检索条件),底部是订单列表(包含待付款、待成交、待发货、已发货、已完成、已关闭、售后中和待核销8个状态)。
②「订单详情」包含订单信息、支付信息、买家信息、发票信息和商品信息,可以查询订单号、订单类型、下单时间、支付时间、支付方式、渠道来源、买家信息等数据。可以看出,功能越多,订单详情的字段就越复杂。
迭代建议
订单的检索框占据了屏幕的一大半,虽然设计了「收起」功能,但却不是默认,这影响了商家的操作体验。其次订单列表的设计排版略显混乱,字段太多,订单与订单之间的层级没拉开,有视觉干扰。
5.2.1.2 评价管理
「评价管理」主要为商家提供用户评价的查询和管理,当用户购买商品发表评论以后,商家可以在这个栏目进行审核、回复、删除以及设为精选。
5.2.2 物流管理
「物流管理」主要针对实物商品,包含「批量发货」和「配送管理」两个栏目。在配送管理,可以设置商家的运费模版、到店自提信息和发货地址等信息,商家可结合自己的实际情况进行操作。
5.2.3 订单工具
5.2.3.1 核销工具
「核销工具」可以查询到店自提、服务类商品的核销码,还可以查询店铺的核销记录。
5.2.3.2 电子合同
「电子合同」是一个第三方工具,由「法大大」提供。它可以帮助商家解决高价知识商品学员不敢下单,纸质合同效率低、成本高等痛点,通过在线合同签约,快速完成签约,降低客户流失率。(这个功能需要开通旗舰版,并进行企业认证才能试用)
5.2.4 售后管理
「售后管理」包含「售后维权」和「批量退款」,主要为商家提供用户退款申请的查询和管理。
5.2.5 资产管理
5.2.5.1 支付设置
「支付设置」包含收款设置和付款设置,商家可以选择绑定自己的微信支付、支付宝和抖音小程序的支付账户,绑定后,店铺才能正常收款。
5.2.5.2 账户管理
「账户管理」为商家提供对收款账户管理、更改和查询的功能,如果商家需要更改收款账户,从这个栏目就能进行操作。
5.2.5.3 交易管理
「交易管理」可查看商家店铺的所有订单交易明细,包括待结算、交易成功、交易关闭和退款的交易记录,在「交易账单」,还可以按月、按季度查看汇总。
5.2.5.4 分账管理
「分账管理」包含「线上分账」和「线下付款」两个栏目。在「线上分账」可以查询到店铺商品通过推广分销的分账记录;「线下付款」包含应付账单、提现申请和付款记录三个内容,这个栏目主要处理分销商的提现申请。
5.2.5.5 提现管理
商家开通知识店铺以后,用户支付的费用是支付到小鹅通官方,商家需要在这个版块发起提现申请才能到账。小鹅通也支持用户自动提现到账功能,商家开通后,账户余额自动打款到商家账户。
5.2.5.6 体验小结
「资产管理」这个版块,对于新手商家来说,学习成本太高了,特别是分账管理和提现管理这两个功能,就像是一场体验灾难。我找了系统客服才弄清楚「分账管理」的「提现申请」是针对C端的佣金提现申请(在订货商-业绩管理栏目,并没有提现申请审核功能,所以我一度认为这是订货商的提现申请管理),这花费了我的很多时间。其次我也没弄懂「提现管理」这个功能,我一直以为店铺交易的金额都是自动进入我的账户,后面才发现需要在这个栏目像平台发起申请才能收到费用,这个版块的功能语义给新手商家造成了太高的学习成本。
5.3 数据
数据是支撑商家运营最重要的指标,通过对店铺及用户的数据分析,可以为商家提供准确的运营策略参考。
5.3.1 数据概况
「数据概况」包含实时概况、核心指标、流量看板、转化看板、商品看板和用户看板7个内容,是对整个店铺数据的实时监控和概览,包括监控访问和订单等核心指标的当天实时情况和近期趋势,并通过流量、转化、商品、用户,四个看板的核心指标反映店铺昨日运营状况。
5.3.2 流量分析
「流量分析」包含了「流量趋势」和「流量分布」,提供了每日访客数、访问量等流量指标及其趋势,并支持查看流量的终端系统、渠道和地域分布情况。这个功能可以帮助商家监控店铺每天的访问规模及变化情况,通过流量的终端系统、渠道、地域分布了解流量的主要来源。
5.3.3 交易分析
「交易分析」包含「交易概况」和「交易构成」,提供了与店铺交易相关的访问、下单、支付转化及各个环节的转化率,并支持查看新老付费用户的占比构成、订单金额的分布情况等。这个功能可以帮助商家分析访客从进入店铺到最终成交各步骤的转化率,定位用户转化路径中的主要流失环节,并对比交易核心指标的趋势,评估运营措施是否有效。
5.3.4 商品分析
「商品分析」包含了「商品概况」和「商品效果」,这个栏目统计了店铺的所有商品销售数据,根据商品的访客和支付进行排行,为商家提供一个全面的商品数据概览。其次还支持对商品进行「单品分析」,从销售、流量和客群三个角度全面统计,为商家精细化运营提供策略建议、数据依据。
5.3.5 直播分析
5.3.5.1 全店概况
「全店概况」可以查看商家所有的直播数据,包括近期直播、直播趋势,系统还根据流量、观看人数和市场为商家生成红榜(人数多、人气火爆)和黑榜(流量和关注人数低),帮助商家找到直播效果优秀与表现欠佳的直播。
5.3.5.2 直播效果
「直播效果」是针对每一场直播的详细的数据统计,比如直播间浏览量、访客数、最高在线人数等,其次还有两个非常强大的功能——实时大屏和单场分析。
5.3.5.3 实时大屏
「实时大屏」就是系统可以根据直播间的数据实时生成数据可视化大屏,实时展示直播人气、观众、带货等数据,满足多场景数据展示需求,提升直播效率,这个功能可以应用到大促活动、品牌宣传等场景(此功能仅支持旗舰版使用)。
5.3.5.4 单场分析
「单场分析」包含数据概览、实时趋势、观众画像、评论分析和带货分析,通过实时数据、用户画像、评论词云分析、带货分析等分析能力,对单场直播进行深度诊断,帮助提升直播效率。这个功能对于商家对单场直播的复盘总结有非常大的帮助(此功能仅支持旗舰版使用)。
5.3.6 用户分析
「用户分析」包含用户概况及趋势和付费用户,帮助商家了解店铺用户的增长、活跃及转化情况,及时调整用户运营策略。
5.3.7 学习分析
「学习分析」包含学习概况及趋势、学习详情和学员排行三个内容,帮助商家了解学员学习的真实数据,比如学习人数、课程完课率、学习时段分布,从而为课程内容的优化提供数据参考。
5.3.8 下载中心
「下载中心」主要是帮助商家管理台文件导出的统一管理和成功率监控,实现下载的文件可追溯、下载记录可查询,同时优化查询和搜索体验,实现下载管理的权限控制,避免重要数据外泄。
设计思考
最初我对这个功能不理解,感觉很鸡肋。不过查看了官方的「帮助文档」以后,我才发现这个功能为商家的运营安全性考虑得很周到。这让我联想到银行的企业对公系统也有类似的「下载中心」,当用户申请电子回单后,用户需要跳转到下载中心才能下载。这样的路径跳转看上去繁琐,但事实上是为了实现下载的文件可追溯和下载记录可查询,避免重要数据泄露。
5.3.9 体验小结
小鹅通的「数据分析」几乎覆盖了商家从引流、激活、变现到留存的所有阶段,不仅有对店铺流量、交易这样宏观的数据分析,还有对商品、直播这样的单品和单场微观分析,这些精准、全面、真实的店铺数据,帮助商家可以不断优化调整运营方案,获取成功。
对用户的研究和运营是一个知识店铺的重中之重,只有对用户有了充足的了解才能知道用户到底需要什么,从而不断调整优化运营方案。
6.1 用户
「用户」这个版块,主要为商家提供一个清晰直的运营助手,通过这个版块,可以为我的用户打标签、制定运营计划等,让我对他们的学习行为数据全面了解。
6.1.1 用户概况
「用户概况」是对店铺用户的统计概览,可以查看店铺实时用户数据(包含累计用户、今日新增用户等),其次还有店铺重点运营人群的数据统计,比如企微用户、超级会员等。
6.1.2 用户管理
6.1.2.1 用户列表
「用户列表」包含「全部用户」和「用户学习统计」两个内容。在用户列表,商家可以查看店铺用户的详细数据,比如用户来源渠道、账户绑定手机号(还有一个最近采集手机号,以防用户更换手机号码)、消费次数、消费总额等,其次还可以直接联系用户(支持店铺消息和发短信)、给用户贴标签、增减积分和设置黑名单(禁止评论、购买和访问)。
6.1.2.1.1 用户详情页
每一个用户都有详情页,「用户详情页」包含了用户资料、用户标签、超级会员权益、用户资产(包含积分、优惠券数量、兑换码数量等)和行为统计(包含学习数据、课程进度、用户评论和订单记录等)。通过对用户多维度的数据统计,可以帮助商家对用户有更全面的了解,从而可以对用户进行分类,推出更精准的商品服务。
6.1.2.1.2 用户学习统计
「用户学习统计」包含汇总数据、课程数据和考试数据。「汇总数据」是「课程数据」和「考试数据」的数据汇总,可以查看用户的累计学习时长、累计学习天数、提交考试、提交作业的信息,这个功能可以帮助商家了解用户真实的学习情况,从而进行课程优化调整。
6.1.2.2 标签管理
「标签」可以帮助商家快速定位目标用户,并依据标签进行定向运营,从而提高运营效率。小鹅通的标签分为两种形式,一种是「手动标签」,输入关键词就可以自动生成;另一种是「自动标签」,可以通过设置用户行为和学习行为的条件,当符合条件的用户出现时自动生成。
①「用户行为」是根据用户在店铺的消费行为来设置,包含注册时长、最近访问商品(可选择用户访问的指定商品)、收藏商品、下单商品、购买商品、消费总额和消费次数7种类型;
②「学习行为」是根据用户的课程学习行为来设置,包含累计学习时长、打卡次数、完成的课程、加入的打卡、提交的考试、提交的作业和加入的社群7种类型;
③自动标签的生效规则支持满足任一条件生效和满足全部条件同时生效,非常灵活。
设计思考
「自动标签」这个功能的设计实在是太赞了,不仅可以根据「用户行为」和「学习行为」的14种类型进行设置,还可以根据这些用户行为进行组合生成不同的标签。比如你想快速判断哪些用户是你的忠诚用户,你可以建立一个「忠实用户」的标签,然后设置「消费总额」超过1000元和「累计学习时长」超过10小时这两个行为,当用户满足这两个条件以后,系统就会为他自动生成「忠实用户」的标签。
6.1.3 用户运营
6.1.3.1 用户分群
「用户分群」和「自动标签」有点相似,通过设置用户行为和学习行为,把用户进行快速分组。这样的好处是方便商家对不同的用户人群进行定向运营。
①「新建人群」和「自动标签」一样,需要设置用户行为和学习行为,相比「自动标签」,「新建人群」的用户行为更多,包含了15种类型,内容更丰富。
②当「用户人群」建立以后,商家可以查看人群分析、导出数据以及定向开展运营活动。
6.1.3.2 运营计划
「运营计划」是一个以提高商家运营效率和效果为目标的工具,商家可以针对指定的人群发放权益和活动通知,用高频的外部触发来实现活动目的。官方设计了五种智能运营,对应了五种不同的场景,比如流失客户召回,主要针对那些在店铺有过消费但30天未回放过店铺的用户。
6.1.3.2.1 新建计划
①「新建计划」包含三个内容,在基本信息,商家可以选择目标人群,然后选择计划方式,包含长期计划(商家可选择起始时间,系统会在这个时间段内向用户发送营销通知)和定时计划(在商家设定的时间内进行营销通知)。
②在「权益礼包」,商家可以选择运营计划赠送给用户的权益,可选择优惠券、超级会员和积分。
③在「通知设置」,商家可选择向用户发送营销通知的形式,比如发短信、发送店铺信息、企业微信发送等。
6.1.3.2.2 智能运营
「智能运营」是小鹅通官方给商家设计的五个场景,分别是兴趣转换(激活7天内未付款订单)、新客复购(促进成交过1次的客户在30天内复购)、维系高活跃用户(对近7天访问商铺的用户进行维护)、流失客户召回(召回在店铺有过消费记录但已经30天未访问店铺的用户)和激励喜好用户(对收藏过店铺商品的用户进行激励)。这五个场景,可以极大降低商家的学习成本,一键开启运营计划。
6.1.3.2.3 数据分析
在运营计划开启后,商家可以通过「数据」查看计划的详细数据。从覆盖人到付款人数,通过转化漏斗,多维度向商家统计出各步骤的转化率,帮助商家可以灵活调整计划,实现运营目标。
6.1.3.3 超级会员
「超级会员」可以简单理解为店铺的VIP会员,商家可以建立不同的会员规格,以商品的形式进行售卖,比如季度会员、半年会员和年费会员等。这个功能不仅是商家的用户运营利器,还可以提高忠实用户客户量、留存率和活跃度。
6.1.3.3.1 添加会员卡
会员卡的添加包含基本信息、会员权益、展示设置和会员说明四个部分。通过可视化的设计,用户可以实时预览「超级会员」的页面效果,体验非常好。
①在「基本信息」,可以设置会员卡的规格,比如1个月、3个月、6个月的有效期,还可以限定用户购买的次数;
②在「会员权益」,可以设置会员卡的折扣权益(支持指定特定商品)、免费权益(支持对图文、音频等栏目统一设置)以及和优惠券、优惠码进行权益叠加;
③在「展示设置」,可设置会员卡的界面风格,支持自定义上传,还可以加入权益商品的展示。
细节侦查
小鹅通这个产品,几乎所有核心页面都支持商家自定义配置,几乎是傻瓜式的操作,虽然牺牲了一些个性化的设计,但极大降低商家的运营成本。
6.1.3.3.2 会员卡详情页
会员卡建立以后,可以从会员卡列表进入会员卡详情页。「会员卡详情页」包含了会员列表、数据分析和运营设置三个内容。
①在「会员列表」,可以查看购买超级会员的用户详细信息,可以给用户贴标签、延长有效期等;
②在「数据分析」,可查看超级会员详细的用户数据,比如累计会员数、新增会员数、用户转化漏斗、会员地域分布等数据,通过多维度的数据分析帮助商家提升运营效率;
③在「运营设置」,可以对用户的信息进行采集(调用店铺的信息采集微页面)、CRM分配和私域引流的设置,帮助商家获取新用户的信息,拉新转化。
6.1.3.3.3 全局设置
「全局设置」是为商家提供对「超级会员」统一设置的功能,,比如是否支持换购其他会员卡、是否支持用户分享获益等。
设计思考
「超级会员」是一个非常好的营销工具,它可以满足商家按月、按年的收费场景,相较于单个课程一次性的买卖,「超级会员」更适合打造高质量内容知识店铺,也能帮助商家拓展一批忠实付费会员。
6.1.3.4 积分商城
「积分商城」是一个非常基础的营销功能,作为用户留存的重要手段,小鹅通的「积分商城」以消费、任务两种积分发放方式,抵现、兑换两种消耗方式,构建起了基础的积分体系,帮助商家维系存量用户,提高店铺的用户留存率。
6.1.3.4.1 积分发放
①「积分发放」包含「消费发放积分」和「任务发放积分」两种类型。「消费发放积分」是指商家可以设置用户在店铺的消费任务奖励积分,有效刺激用户消费,这个功能支持商家自定义配置,非常灵活。
②「任务发放积分」包含基础任务(绑定手机号、完善个人信息)、学习任务(可设置学习时长等)和助学任务(连续打卡奖励等),用户完成对应任务后可获取积分,有效提高用户留存率和活跃度。美中不足的是,这个功能不支持自定义配置,灵活性较低。
6.1.3.4.2 积分消耗
①「积分消耗」包含「积分抵现」和「积分兑换」两个功能。「积分抵现」是指用户在购买指定商品时候,商家可以自行设定积分抵扣的比例,从而刺激用户消费。
②「积分兑换」是指用户可以通过积分兑换指定的商品,这是一种常见的会员权益。
6.1.3.4.3 用户列表
「用户列表」主要提供查询店铺用户使用积分的情况,比如给用户增减积分、查询积分明细等等。
6.1.3.4.4 通用规则
「通用规则」为运营者提供积分规则的设置,比如积分有效期、积分冻结期,其次还支持手动设置积分规则的页面内容。
6.1.3.4 信息采集
「信息采集」是一个非常灵活的用户信息采集工具,通过自定义配置(包括手机号、微信号、姓名、联系方式等字段),可以帮助商家在店铺的运营中有效搜集用户的资料,清晰刻画用户画像,搭建思域流量池。其次「信息采集」作为一个公共组件,关联了很多使用场景,比如超级会员、拼团等,它就像一个微页面一样,商家可在指定功能版块进行灵活配置。
6.1.3.4.1 新建流程
①「信息采集」包含三个步骤,第一步是「编辑表单」。商家可根据自己的需要拖曳左侧的组件库(包含联系人组件和基础组件两个分类,比如姓名、年龄、公司、证件号、电话号码、生日、行业等)。
②第二步是「采集设置」,可以填写采集表的引导信息(包含标题和提示文字),可以开启重复采集(若信息关联多个场景,支持用户单独填写,商家无需重复建立)和独立采集。
③第三步是「选择采集场景」,包含指定商品购买、优惠券领取、活动打卡等,这一步非必选项,商家可结合店铺运营实际操作。
迭代建议
「信息采集」这个采集工具真的非常方便,可以帮助商家高效地搜集精准用户信息,从而提升运营效率。不过「信息采集」的用户数据只支持导出到本地,而不像其他栏目有详情页和数据分析,这降低了信息采集的效率,效果大打折扣。
6.1.4 消息互动
「消息互动」是指商家可以为用户发送消息通知,用户也可以通过这个功能向商家提供反馈。「消息互动」包括「消息列表」、「用户反馈」以及「评论管理」三个模块,通过这个功能,可以让商家统一管理与操作店铺消息,及时掌握学员的最新情况,通过反馈及时调整产品策略。
迭代建议
在新建「消息推送」的模块,“发送人”的语义不够准确,这会让商家对这个字段搞混淆,不知道这个表格填入什么信息。其次也缺少了推送给指定用户组,不够完善。
6.1.5 体验小结
作为一个知识付费的从业者,在体验完「用户」这个版块以后,几乎放弃了传统模式定制开发的念头。「自动标签」的设计,让我大开眼见,原来小鹅通的系统可以根据用户的行为来生成标签,这可以让你快速知道哪些用户才是愿意为你的知识付费的重视人群。「运营计划」这个功能设计得太好了,官方不仅提供了五个常见的运营场景帮助商家提升运营效率,而且傻瓜式的权益配置极大降低了商家的学习成本。「超级会员」更是完善了知识付费的其他场景,比如按月收费、年费会员等。
6.2 圈子
「圈子」就像一个知识星球(一款社群工具),主要为商家提供一个老师和学员进行日常活动交流和高质量内容沉淀的社区工具。「圈子」的功能非常丰富,支持设置群主、成员管理、发布及精选图文动态、置顶群公告等功能,其次还支持在圈子内添加学习任务,满足训练营场景,学员可直接在圈子内学习课程、交流与互动,最终帮助商家打造一个高品质的学习型社群,提高学员的忠诚度和留存率。
6.2.1 创建圈子
「圈子」的创建比较简单,填入基本信息以后,需要在「售卖设置」选择入圈方式,支持免费、付费模型,还可以关联专栏、超级会员和设置入圈截止时间,「圈子」就创建成功。
6.2.2 圈子详情页
「圈子」创建成功以后,在列表页可以对「圈子」进行管理操作,包括管理、编辑、分享、删除和转让圈主等功能。
6.2.2.1 内容管理
「内容管理」是针对圈子发布内容的管理,包含动态列表、待回答和圈子标签三个栏目。管理员在这个页面发布圈子动态,对圈子发布的动态进行审核、编辑、删除和加精。
6.2.2.2 售卖设置
「售卖设置」是指对圈子的加入方式进行编辑,支持付费和免费两种模式,但付费方式仅支持从“免费”改成“付费”,其他功能和「圈子」新建无区别。
6.2.2.3 应用管理
「应用管理」包含三种应用类型,课程、日历打卡和商品橱窗。这三个应用其实对应「圈子」前端的一级栏目,添加以后学员在圈子首页就能访问,帮助商家提升付费转化和用户活跃度。
6.2.2.4 运营设置
「运营设置」包含信息采集、CRM分配、续费通知、私域引流和圈子展示五个栏目,主要帮助商家结合其他营销工具提升用户的运营效率,比如可以开通「信息采集」工具,高效精准搜集用户的信息,还有CRM线索分配,可以把潜在用户分配给其他员工。
6.2.2.5 激励设置
「激励设置」为商家提供了「成长任务」和「勋章」两个营销工具。在「成长任务」,商家可以针对用户的互动、课程学习以及打卡设计排行榜,比如发帖数、评论数、分享等;商家开启「勋章」以后,可以建立「圈子」的勋章体系,不仅可以对活跃用户进行奖励,还能有效刺激用户参与度,最终提升用户的活跃度。
6.2.2.6 成员管理
「成员管理」是对加入圈子用户的统一管理,可以查看用户的详情页,了解用户的详细信息和活跃度;可以给用户贴标签,锁定精准用户;还可以给用户延长有效期、加入黑名单和移除圈子。
6.2.2.7 数据分析
「数据分析」包括交易数据、活跃数据、学习数据和打卡数据这四个维度,在这个栏目可以查看到圈子所有的数据信息,比如累计支付金额、今日加入成员、课程学习完成率、任务完成率等,有效帮助商家提升圈子的运营效率,及时调整运营方案。
6.2.3 体验小结
如同前面的比喻,「圈子」就像一个知识星球,为商家提供了一个功能强大的社群工具,帮助商家打造一个高品质的学习型社群。和「知识星球」相比,「圈子」更能帮助商家提升付费转化率,比如商家可以通过「应用管理」就可以添加商品和课程,从而提升付费商品的曝光度。再加上CRM分配、私域引流等工具,「圈子」可以通过用户的日常行为数据帮助商家获取用户的付费意愿、偏好和消费能力,提升店铺的业绩。
感谢阅读,小鹅通产品拆解的第三部分就到这里,下一篇是小鹅通后台拆解的最后一篇,我们将会拆解企微CRM这个核心功能以及对小鹅通的后台设计进行总结。
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
C端产品的需求通常来自用户自身的诉求,没有明显的行业特征和限制,会基于产品核心功能去附加其他的功能,探索更多的可能性。比如在聊天社交应用上,加一些娱乐性的小游戏、直播功能等。
而B端,一般由于外部环境改变,如政策法规、技术改革等引起企业对生产管理、工具的升级需求,或是企业人员、市场规模扩张带来的组织管理、产能提升等需求。
概括的说,就是C端的产品需求倾向于「 无中生有 」的制造需求。而B端,则是基于企业经营过程中「存在的问题」,然后为解决这些问题而促发的需求。
企业经营管理的基本任务是「 合理地组织生产力 」,因此「 B端产品 」可以理解为企业用来提升生产力的「 工具 」,而提升生产力终极目的就是「 更多的盈利 」,而盈利的方式归根结底就是「 降本和增效 」。所以B端产品的作用,就是让企业有效的降低运营成本和增加效益。
在此之前,需要先清楚企业在「 做什么 」「 怎么做的 」以及这么做「 还存在什么问题 」,然后确定我们的产品可以怎样让企业「 更好更快更省钱地解决、改善这些问题 」,最终获得更大的经济效益。
刚进入一个新公司、接触一个新行业时,我们通常只是了解到一些零星的信息,比如公司是干嘛的、业务名是什么、属于什么行业等等,对业务的了解只是停留在被动的阶段,想要做好相关的产品设计,需要主动进行更多的信息收集。围绕获取到的关键词,从市场、业务、产业、发展历程和趋势等方面,全面深入了解所要服务的企业状况,建立起对企业业务关系、价值体现的清晰认知。
「 建议 :在信息收集的过程中,可以同步把当前认为有用的信息整理出来,而那些可能有用但暂时还不清楚有什么用的内容,可以把相关链接记录下,并用文字标注自己对这个内容的记忆点和归类,方便后面再次查看。这样随着对业务的了解加深,范围会越来越大,可以减少后期再次查找资料的时间 」
信息来源:「 XX 」「 XX是什么 」等关键词汇。
关于一些业务词汇的定义,可以先通过相关的百科词条,来了解它们的客观定义,纠正可能存在的认知偏差。
然后再从这些内容中获取到业务相关的其他信息、关键词汇,扩大信息收集范围。
信息来源:「 XX产业链 」「 XX行业上中下游」「 XX产业链分析 」等关键词汇。
关于产业链的内容,主要要清楚两方面的信息:
一是清晰企业处于产业链的哪个位置。中游,上游还是下游?
另外是上下游的业务关系,包括产品服务的供需关系和信息、价值的交换关系。
了解产业链的信息,有助于我们更全面的了解业务,在跟相关业务人员沟通时,也可以更好地理解对方所要表达的信息内容。
信息来源:「 XX业务流程 」「 XX工作规范」「 XX生产过程 」等关键词汇,根据所属行业的具体性质调整。还有企业方提供的资料。
清晰,以及确定我们产品的核心目标。
通过获取到的信息,梳理清楚业务的流程、逻辑和相关规则。确定业务的核心是什么,以及要达到的目标是什么。然后从业务的流程中,找到达成目标的关键节点,以及可以通过什么方法、技术、工具来实现。
信息来源:「 XX发展史 」「 XX现状」等关键词汇。
「 当有事情想不清楚时,尝试回到基础理论、发展源头上 」,这个是我自己想不明白一些东西时会采用的方式,比如看相关的一些概论、发展史的书籍。
对于业务也是,从源头上开始了解,同样有助于我们更深刻和清晰的了解相关业务发展的最初目的。
从时间的维度上,了解业务从以前到现在、从线下到线上、从手工到电子到信息化等,在流程、使用技术、工具、相关政策标准等方面有什么样的发展变化。然后这些变化解决了哪些方面的问题,以及目前仍然存在什么问题。
在这个过程中,我们通常可以发现某些方面的问题,是整个业务发展过程都在关注和寻求改进解决方法的。而相关的需求通常就是整个产业发展的最根本需求点。
信息来源:「 XX现状 」「 XX未来发展」等关键词汇。这一部分跟前面的「 发展历程 」在收集信息过程中一般是重叠的。
「 站在巨人的肩膀上 」、「 知己知彼,超越竞品 」。
关于行业现状,一方面通过行业报告、行业概况等信息来源,了解行业发展状况和技术水平。另一方面是了解同行产品、同类型头部产品的水平,清楚目前业务功能的实现情况,以及强调的价值点是什么。站在行业和同行的水平上来进行产品设计,避免局限在自己的主观世界里。
而发展趋势,同样可以反映出行业所关注的产品价值点,清楚行业整体的发展方向,以及期望的发展方向是什么。
信息来源:「 XX业务标准 」「 XX操作规范」「 XX质量要求 」等关键词汇,根据所属行业的具体性质调整,还有企业方提供的资料。
这方面对于一些G端、医疗类产品来说比较重要。
主要是通过相关的政策法规、行业标准、共识等,避免产品设计触及一些行业风险点。同时清楚产品相关标准和性能要求。
通过对业务全方位多角度的了解和梳理,我们可以确定业务的核心需求和产品的价值点。但B端产品本质是商品,在市场上同样存在竞争,所以在清晰了核心业务和价值之后,还需要进一步找到我们产品的竞争力。
即如何让我们的产品在同类产品中占据优势,呈现出更高价值,让客户选择我们,甚至愿意付更高的价格。
在前面的分析中,关于「 现阶段业务流程存在的问题 」、「 同行新产品情况 」以及「 产业的最根本需求 」等信息,这些都是我们要重点关注的。再结合行业共识、发展趋势等关键信息,分析现有产品跟行业需求预期的差距,从中找到我们产品的机会点,发挥产品的价值。
通过对业务的分析,需要清楚:
我们处于产业链的什么位置以及上下游的关系
核心业务和目标是什么
业务处理模式的发展过程以及最根本的需求点是什么
行业(业务)目前发展情况如何
我们产品的价值及竞争力在哪
我自己进行在业务信息收集时,经常会受以往接触到的信息或者自己假设的信息影响,有时候会在结论上混入一些主观想法。这是不太好的,因为对信息进行收集整理,就是要以客观存在的信息为依据,分析真正的产品价值点,而不是人为捏造创造的需求。也就是我们一开始说的,B端需求是基于已有问题来寻求解决方案的。
所以分析过程中要避免受自身的主观影响,而是基于现实的、客观的信息情况来分析得出相应的结论。
另外关于同类型产品价值点分析,如果所在行业业务发展还不是很成熟,需要从另外的角度去了解这些功能点的实际使用情况。比如同行们强调了5个功能价值点,实际客户有3个是基本没有利用到的,类似这样的情况。因为可能同行也还没搞清楚业务方的真正需求,只是在「 创造需求 」或是功能点的性能没有达到客户预期。
这一点也是有次在跟实施人员聊天时发现的,目前所在的行业发展也是比较初期的,所以很多东西并不是特别成熟。有几个我们跟同行都在宣传的价值点,实际在终端并没有怎么用,或者使用这个功能的目的跟我们设定的是不一样的。所以也不能过于相信竞品的,尽可能从另外的角度去对比、验证下。
以上就是关于B端产品设计中的业务和价值分析部分。
感谢阅读,期待交流。
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
当今提到促进业务增长,尤其是有关互联网行业,总是绕不开B端设计。那么今天我们来挖一挖B端设计到底牛在哪里。
B端设计是指针对企业的终端用户的产品设计,包括适用于消费者、企业、政府、行业等等市场的协同、全方位的客户体验设计,例如产品UI/UX设计、信息可视化设计等等。B端设计是提供终端用户新的解决方案,注重以客户的需求为导向,通过数据分析、可视化、流程优化等手段来进行产品设计。
在一个产品设计中,要考虑到用户的体验,UI/UX有着至关重要的作用,它能够把产品从用户的角度出发,将用户直接引入到设计之中,使用户步入终端,真正成为使用者。
此外,B端设计还要注重对业务流程的优化,例如在订单管理系统的设计中,需要把客户的需求分析清楚,尽可能用最少的步骤帮助客户快速进行订单操作,增加操作效率;同时,也需要考虑到如何将整个管理系统融入到业务流程之中,使其成为一个可持续发展的解决方案。
此外,B端设计还需要考虑系统安全性和可用性。系统安全性指的是在设计过程中重视数据安全,例如考虑不同用户的权限,避免未经授权的访问以及防止误操作等;而系统的可用性则指的是系统操作的一致性,即如何在使用中满足客户的需求,在系统功能上保障系统的完备性和易用性,为用户提供更方便的操作体验。
正确的B端设计应包括:用户界面设计、业务流程的优化、系统安全性以及可用性的考虑等。
用户界面设计的目的在于提供简单易用的用户界面,以满足客户需求,提高用户体验。
业务流程优化则是确保系统能够有效地协调用户间的沟通,使用户流程更加高效、可靠。
系统安全性考虑需要重视数据安全,增加对不同用户权限的考虑,以避免未经授权的访问以及误操作。
而系统可用性方面,则需要系统操作一致性,保障功能的完整性和易用性,使用户操作更加便捷。
用户界面设计还需要考虑跨浏览器的兼容性,以确保用户能够在不同的终端上获得有效的使用体验。此外,对于功能性更强的应用,还需要考虑响应速度、网络请求数和业务性能等方面的优化,以便在处理大量的信息时能够有效地完成任务。
对于不同的用户群体,应当提供相应的交互界面设计,例如考虑弱智使用者和视觉障碍者,以及婴幼儿等特殊群体。此外,可以通过支持多种语言、国家文化差异和地域语言来优化用户体验。
B端设计原则可以帮助企业更好的把握商业机遇,推动业务发展。
首先,应当按照核心业务找出客户需求,深入挖掘,从客户视角出发,明确目标。
其次,要强化设计意识,注重交互性,利用技术手段和平台将功能元件组合在一起,以便更好地解决客户面临的问题和满足客户的需求。
最后,对产品的功能、使用效果和用户体验进行定期的测试评估,根据反馈进行变更和优化,以满足客户的需求。
为实现B端设计的潜在价值,可以采用多重方法,比如从创新的角度增加产品的附加值,加强功能和服务体验,提升网站可用性,优化页面布局,提高页面加载速度等。
另外,还可以改进客户体验,通过可视化或语音技术提升网站和移动应用的交互性,以便让客户更容易获取想要的信息和服务。
此外,可以加强产品的社会化和移动性,以便更好地满足客户的需求,从而获得更多的潜在价值。
对于B端设计来说,还要考虑技术层面的因素。
首先,应根据客户使用情况进行系统优化,以提高系统效率。
其次,要重视人机交互技术,尽可能提供给用户更好的界面体验,并利用智能技术提升用户体验。
此外,应结合实际情况,采用合适的网络技术和安全技术,提升网站的安全性。
最后,还要将设计与市场营销结合起来,通过有效的营销手段,提高客户购买意愿,以获得更多的潜在价值。
B端设计要考虑的技术层面因素有:系统优化、人机交互技术、网络技术和安全技术以及营销手段。这些都是为了能够更好地满足客户的需求,并获得更大的价值。
首先,淘宝的B端设计把价值的提升放在了首位。它通过实时监测用户行为来分析用户习惯,以实现实时调整,提升客户体验。此外,淘宝的营销手段也让它的业务获得了极大的成功。
另外,微信也是一个优秀的B端设计案例。它引入了更多的人机交互技术,以有效沟通用户,同时也提供更安全、便捷的服务,大大提升了用户体验,获得了广泛的应用。
总之,优秀的B端设计不仅能优化用户体验,还可以带来更多的商业价值。
从用户体验角度来看,优秀的B端设计应包括系统优化、人机交互技术、网络技术和安全技术,这样可以给用户提供更流畅的体验,更快的响应速度和更好的安全保障。
此外,B端设计还应该拥有一套完整和灵活的营销手段,帮助企业获得更多的客户价值,以提升品牌影响力和竞争力。
要做好B端设计,一个重要的方面是把用户群体的心理需求和行为习惯结合起来,设计出更具吸引力的产品界面。例如,可以通过实时调整产品配置、设定营销活动等手段来满足不同用户群体的需求。
另外,为了提升用户体验,应该使用更智能化的人工智能(AI)技术,帮助企业更好地分析用户行为,从而更有针对性地进行产品调整。
总而言之,B端设计的成功关键在于结合用户群体的心理需求和行为习惯,并利用智能化的AI技术对用户行为进行分析,只有这样才能设计出更具吸引力的产品界面,满足不同用户群体的需求,并提升用户体验。
在企业开发B端产品之前,应该先进行大量的市场调研,以便弄清楚用户的心理需求和行为习惯,这也是设计成功的前提。在制定设计思路时,应该结合用户需求和行为习惯,并加入智能化AI技术,以有效调整产品界面,使其更具吸引力。在可行性研究阶段,应该采用多种方法,以测试产品整体性能,包括安全性、可靠性等,确保系统可以正常运行,避免潜在风险的发生,为用户的体验提供完善的保障。市场调研是设计成功的先决条件。除了市场调研,企业还应该采用新颖的营销策略,以拓展客户群,丰富产品服务,提升用户体验,实现B端设计成功。
前言:
对于B端而言他们使用导航菜单目的性很强,到后台主要是对具体功能进行操作。因此,其主要的功能就是对B端产品进行分发、引导,帮助用户找到自己想要的功能。
分享内容:
1. 导航是什么,存在的意义
2. 导航的设计目标
3. 其设计原则
4. 设计建议
5. 几种常见的导航类型
导航用来展示当前产品中,用户在哪儿,可以去哪儿。在广义上,任何告知用户他在哪里,他能去什么地方以及如何到达那里的方式,都可以称之为导航。当设计者使用导航或者自定义一些导航结构时,请注意:
a. 尽可能提供标识、上下文线索,避免用户迷路。
b. 保持导航样式和行为一致或者减少导航数量,降低用户学习成本。
c. 尽可能减少页面间的跳转(例如:一个常见任务需要多个页面跳转时,请减少至一到两次),让用户移动距离保持简短。
导航菜单是将内容信息友好地展示给用户的有效方式。在确定好网站的信息架构后,应当按需选取适当的导航菜单样式。
导航菜单是让用户明确知晓当前所处产品中的位置,并方便快捷地带用户到他想去的地方。
用户可定位到他们想要的信息。
a. 多接入点:对同一目的地提供多个链接。
b. 捷径:提供访问内容的捷径,如相关链接。
c. 逃生舱:点击 logo 回到首页重新启动信息搜寻。
• 设计时应尽量保持浅平宽的信息架构层级;
• 从用户的使用路径考虑导航,而非仅基于层级结构;
• 常见的组织方式有:
a. 按主题,例如产品提供的服务或内容分类,好处是直接呈现站点的内容范围。
b. 按受众群体,例如管理员、运营、操作员。
c. 按任务,例如了解合作模式、联系合作专员、签约流程、合作联调、业务运营、客户服务。
完善的导航应该允许用户沿多种路径移动:
a-平移:同层级跳转
b-下钻:进入低层级的内容
c-返回:返向浏览历史或高层级内容
d-联想导航:根据相关性导航至内容
正确理解和使用导航组件对产品全局体验至关重要。
我们将导航划分为以下 6 种类型:
a. 全局导航(侧边导航、顶部导航、弹出式导航)
b. 子站点导航(沉浸式导航、多级站点导航)
c. 页内导航
d. 下钻类导航
e. 返回类导航
f. 联想类导航
全局导航体现网站的核心组织结构。
a. 各菜单权重常常与排列顺序呈正相关,即排列顺序影响用户使用频次。
b. 建议 2~7 项内容使用。
c. 建议 1-2 个层级;超出 2 个层级时,建议采用弹出式导航。
垂直导航较横向的导航更灵活,易于向下扩展, 且允许的标签长度较长。类目数量不限,可配合滚动条使用,适合信息层级多、操作切换频率高的管理性质的应用。
a. 很多菜单时使用,建议菜单多于 6 项时使用。
b. 可以承载多个层级,但建议 1-3 个层级。
c. 企业级产品推荐使用侧栏导航,其可见性更好易于扫读,各菜单重要性受菜单排列顺序影响较小。
用于拓展导航承载层级,适用于大型网站。站点地图式导航可以让用户对整个网站的可用功能一目了然。
a. 不要让用户延着狭窄的悬停路径获取导航菜单。
b. 不要让用户逐层打开每层菜单去查找,低效又困难。(此建议仅针对导航类菜单,不适用于操作类菜单。)
子站点导航(沉浸式、多级站点)
企业级产品常采用层级+数据库混合结构的信息架构,这种信息架构通常层级较深,为了实现用户感知层面的浅平宽,将较深几个层级组织为一个子站点,降低单个站点层级数量,减轻用户认知负担。
另一种子站点场景是,面对一些任务复杂,需要较大的工作空间,以子站点的方式沉浸式处理任务。最常见的是编辑器。子站点模式下,对全站导航功能需求低,通常只需提供一个返回上级或回到首页的出口。
(此处的数据库是一种信息架构形式,各页面内容独立,但都遵循一致的形式/格式。)
a. 菜单数量较多的子站点使用。
b. 子站点设计上,应明显区别于全站导航,使得进入子站点需要成较大的过渡波动,提示用户进入了新的空间。
点击进入信息架构下层内容,默认站内跳转,站外新开标签页,典型场景为列表下钻至详情。
反映当前页面在网站结构中的位置,在少于三个层级时无需展示,此时的全局导航能直接呈现位置。用户可通过面包屑返回上级页面。
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
本文将分享另一个更为深层全面的B端用户研究方法——用户访谈。通过面对面的沟通,以及观察用户的表情、行为去挖掘更深层的需求。
下面是本次分享的文章结构,标⭐️的为重点部分。
用户访谈通常可以采用线上会议、电话或者线下面对面交流两种形式。
线上会议和电话访谈的优势显而易见,可以不受地域限制展开调研访谈,整体的成本也比较低,设计师可以自己找领导或者协调资源去推动。
缺点也是比较明显,沟通起来效率低下,比如我们一定有过“电话里说不清,我们见面详谈”的经历。
所以,相较而言线下访谈无疑是最佳的调研形式。首先当面沟通更加高效,其次对于搭载硬件设备的产品来说,让受访者在真实场景里操作演示,可以发现更多隐性问题。
在访谈过程中通常会接触到以下3种类型的受访用户,不同类型的用户我们应该怎么接触交流呢?
话痨型的受访者占大多数,通常就是想法、意见比较多。他们不仅有一大堆不满意的点要诉说,甚至连对应的解决方案都想好了。
整体接触下来,我觉得该类型的受访者,可提供的有价值信息会更多一点。只不过我们要学会过滤信息。因为他们的修饰用词通常比较多,例如:“太难用”、“超级麻烦”、“哎 我真的是受不了啊”…
访谈话痨型的受访者,我们需要注意无论怎么聊都要紧扣主题,防止变成了吐槽专场。
其次也要表达肯定,安抚情绪,并对问题进行进一步提问:“您的这些建议真的很棒,也给我们提供新的思路,我都记下来了,我还想确认下,刚才您说的3个关于结算环节的问题,哪一个给您造成的困扰最大?”
顾名思义,受访者可能是因为性格内向或害怕说错了不好意思等缘故,在受访过程中问一句答一句,比较容易冷场。答案的价值也比较低,例如:“对,是的”、“还行吧”、“没啥感觉啊”、“反正就这样用用吧”、“说不上来”。
这种情况下要尝试缓解下氛围压力,换个形式沟通:“就是随便聊聊,公司派我们来呢,就是因为非常关注用户的使用感受,想收集一波用户反馈与建议,您有啥不满意的地方都可以跟我讲讲,越多越好。”
其次我们在提问的时候也要带有引导性,例如:“还有呢、然后呢、具体说说呢”,如果对方实在说不出所以然,最有效的办法就是进入上机操作环节,通常操作过程中那些问题也会随之暴露出来。
专业型的受访者一般是老板或者店长、经理岗位的员工,他们对于产品或整个门店乃至行业都了解得比较透彻。
和这样的受访者沟通,不仅是局限于产品的一些问题挖掘,他们会从这个行业的角度阐述一些个人的见解观点,给我们提供一些有价值的优化方案或者改进方向。
例如餐饮的老板其实并不是很关心点餐、结算的流程有多么的顺畅高效,毕竟他们不需要亲自去做这些执行,而且坦率的说,对于绝大部分产品而言,好用并不能成为其核心竞争力。
他们关心的是如何带来更大的商业价值,类似于如何提升坪效,如何提升门店会员的储值能力等等。而这些老板的关注点,也会给我们未来的产品优化方向打开新的思路,去思考如何给我们的用户创造更高的商业价值。
我们在做访谈之前,首先一定要熟悉产品业务的相关背景、受访商户的基本情况。
访谈过程中可能会提及一些专业名词,例如餐前餐后模式、明档、一鱼多吃、坪效、估清等等。我们具备了这些基础相关知识以后,省去了不必要的解释环节,可以使访谈推进地更顺利。
其次建议要了解下行业相关的基础知识。尤其是餐饮业态,华南、北方、四川等地都因为饮食习惯的不同,在产品的功能和使用上的需求也是相差很大。具备了这些知识点以后,在提问过程中,也更利于提出一些深刻的问题,而不是浮于表面的提问。
行业相关的分析报告,可以去艾瑞、36氪、发现报告等网站进行查询收集,在此不做赘述。
在访谈初期,需要准备一份访谈框架,但并不意味着我们整个过程只能按提纲来提问。尤其是B端这种千载难逢的访谈机会,只按规定的框架提问属实是太吃亏了。所以在时间允许的情况下,除了框架以内的问题,尽可能多发散地去提问。
例如餐饮业态,会有各种不同载体的终端设备联动使用,一体机POS、手持的POS、厨房KDS、厨显大屏、各类打印机等等都可以顺便了解、调研下,让我们对于全链路的协作流程也会有更深刻的认知。
再例如后厨会涉及到KDS大屏显示,可以问问目前的大屏显示是否够清晰(字够大),也可以和负责海鲜称重的工作人员聊聊,海鲜的售卖、计价流程,以及菜品双单位(例如:1【条】鱼,重量1【公斤】)的使用等等。
在沟通过程中,一定会有一些触类旁通的收获与问题被发现。这些问题也许来自一个模块、或者某个特定角色,又或者是主产品关联的其他后台产品。
在提问的时候要考虑到受访者的年纪和理解能力,如果措辞过于专业,可能会导致受访者理解不到位,因此沟通的过程中要尽可能的说大白话。
我们都知道没有经历过的事,很难感同身受。有时候看到客户群里,因为产品的各种原因导致商户情绪激动,我们理智上非常理解,但是情感上很难共鸣。
因此每次的门店调研,我都会抓住机会观察整个门店的运营情况,去感受那种忙碌的氛围。
有时候开始进入营业高峰期,机器出现卡顿或者外卖不接单等情况时,自己的情绪都会一下子紧张起来,也能够深刻感受到产品给客户带来的困扰。
当再次有产品迭代优化时,这些体验总能让自己能更容易代入用户的角度思考问题。
除了去体会产品对情绪的直接影响,还可以关注下整个门店的布局、收银产品的数量与摆放位置、不同产品的协同使用等等。
这些都会帮助我们发现,到底什么是门店运营环节里最重要的模块。
在访谈过程中,不排除受访客户会反馈一些暂时无法解决的问题。这时候一定要告诉受访商户:“您的问题我已经记录下来,回去会针对这个问题反馈上报,最迟X天我会让顾问给您回复的”。
这么做一方面也是细节处维护公司品牌的整体售后体验,其次也有助于我们再次回访时,受访商户乐意花时间跟我们聊。
了解了用户访谈的一些基本信息和注意点以后,到了本文核心部分,关于整个访谈的推进过程,一共分为3个阶段。
1)访谈的3种类型
首先明确访谈的类型,用户访谈的类型主要分为以下三种,最常见的就是第三种类产品使用回访。
①新品场景调研新品调研的访谈,一般是由于业务的发展,可能需要升级或者打磨一款新产品来满足市场的需求。
在访谈的过程中,我们需要关注的点就是用户画像、商户诉求、使用场景、终端载体等一系列因素。
②潜在商户拜访当去往一个城市进行批量客户调研的时候,偶尔会有拜访潜在客户的调研机会。这种类型访问的关注点集中在商户的痛点与需求上。
由于是潜在客户,我们势必是要了解他们想要购买或者替换产品的前因后果。也是借此机会了解到竞对的优劣势,他们放弃竞对的原因,以及我们当前产品的功能是否满足客户的需求,还有哪些点不满足,客户重点关注的是什么。
③产品使用回访
使用回访是最常见的访问类型,主要目的是对商户进行售后维护、提升使用体验。
且由于B端产品的复杂性和远距离特点,以及新功能同步给商户存在的滞后性,公司会安排定期的上门回访。如果有这样的机会,UED一定要尽量申请跟着去门店调研。2)问题设计3步走
到了最关键的一步,就是关于访谈的问题设计。
总结一下,问题的设计渠道来源主要有3种。主要还是根据调研目标进行问题设计,另外两种方式,作为辅助。
那具体问题应该怎么设计,这边我们分为3个步骤,从面到点依次拆解进行问题设计。
第一步:了解产品全场景能力
B端产品的特点可以借用《U一点料》的9个字概括,“多场景、全链路、多角色”,所以设计问题前,我们可以从场景+链路+角色/节点功能的维度来设计问题。
以餐饮行业的产品举例,首先建议了解自家产品的全场景业务能力。
即从商家端到消费端会经历的产品模块和具备的现有功能,做到心中有数即可,毕竟不会一下子调研这么多模块和功能。
第二步:确定要调研的流程主线
其他ToB产品同理,可根据某个操作链路为主线,确定主流程后进行问题设计。其实就可以理解为确定调研的目标。例如下图要调研的主流程,就是提取点餐>下单>结算为主线。
第三步:关键节点问题展开设计
根据刚才确定的主流程,我们找到所有关键节点进行问题框架设计。
以上3个步骤可以理解为,如何在功能极其复杂的B类产品当中,筛选出与访谈目标紧密相连的功能链路。避免我们的访谈提纲做的过于冗余没有核心。
3)2种提前准备工作
①提前告知
这点也非常重要,每一次去门店调研之前,先由当地负责的顾问与受访商户提前沟通。
一方面是需要与对方预约时间,另外一方面这种访谈对商户而言就相当于优质的售后服务,会有受访商户提前列框架,准备问题。
那么这种情况更有利于调研,因为受访者明确自己的问题点在哪里,就等着调研团队(售后团队)来门店后,好好拉扯一番。
②准备材料与设备
万事具备,只欠东风。我们再盘点确认下本次访谈的各类工具是否备齐,准备进入访谈阶段,大致需要准备的东西是以下4种材料工具。
在了解了受访者类型、采访者需要注意的点,以及带着我们设计好的问题,下面正式进入访谈阶段。
1)开场白
到达门店后,我们的顾问会给受访客户做一下来访成员介绍,并讲明此次到店的目的。一般都是产品使用回访,或者新功能推荐培训。
通常来说,受访商户对来访团队总是有很多”心里话“想唠一唠,因此暖场氛围比较容易起来,也有助于我们接下来的沟通。
2)访谈中
进入正题以后,我们会先大致了解下受访者最近使用的体验以及遇到的问题,而后会根据问题框架进行提问。在整个过程中也需要注意观察用户在描述问题时候的表情和肢体语言,搜集用户对于产品的真实态度。
其实整个访谈流程我们归纳一下,需要关注的就是四个关键点,手+口+心+颜。
①手-实操演示
关于实操演示放在第一个讲,是因为这个环节非常重要。线下访谈时强烈不建议“脱机访问”,这种形式对受访者而言需要花更多的时间去思考问题的答案。
会遗忘甚至想不起来当时的具体情况,随便的敷衍回答“嗯,还行”、“挺好的”,或者干脆彼此都不在一个频道上。
其次,在操作过程中,建议用手机进行拍摄记录。因为每个人对产品的理解方式与程度不同,在用户操作的过程中,会发现一些有意思的代偿方案。这些也是思考的切入点。代偿方案是否比原先设定的实现方法更便捷。
回去通过视频仔细分析受访者的操作路径,以及每个操作之前是否有迟疑等等。并且将问题点一一记录下来。
②口-问具体操作
这个就是根据问题框架进行提问。在这个过程中,通常会穿插着上机操作演示,在现场记录的时候可以先记录个大概,等结束后再仔细整理。
③心-问心里感受
问受访者的心理感受,其实就比较偏主观了,我们可以从“我们家的产品”和“人家的产品”两个维度去对比询问心里感受。值得注意的是,即使是这样开放式的提问,也有提问技巧。
比如“你觉得现在还有什么不好用的地方”就比“你感觉现在的产品好用么”这样的提问方式更有效。
因为产品一定是有可有优化的空间,“有什么不好用的地方”这样提问的方式就是具体到了某个点上面,具体什么点不好用。
而后者的提问方式是基于整个产品,受访者可能会出于不好意思等原因直接说“你们的东西还行吧,还可以”。
④颜-关注动作表情
当我们提问产品优缺点的时候,受访者大部分都会带上表情和肢体语言,并且情绪表现和性格有比较大的关系。
性格比较雷厉风行、急躁一点的,通常会像连珠炮一样疯狂输出,并且措辞会比较极端。例如:“真的太难用了”、“太麻烦了”、“严重影响门店营业了啊”。
接受到这种信息我们首先要做的就是安抚对方的情绪,其次对于这些信息要学会剔除一些夸张描述。
而性格温和一点的受访者,在阐述问题的时候也会比较婉转。“不是太方便”、“这个改动没啥感觉”、“也还行、都可以”,如果某个高频操作真的很影响日常工作效率,往往会表现得很无奈,甚至还有点委屈。
那么无论是哪种表现,其实都要考验采访者的经验,结合产品的功能去考虑,找到反馈中真实有效的部分。
通过以上4个环节,其实就可以收集到很多有用的信息,语言信息、视频信息、动作表情信息等等。接下来的任务就是信息的梳理归纳。
3)结束语
访谈结束后,我们需要做个简单的总结回顾。将关键问题再次复述确认,进行查漏补缺并且再次感谢受访者,表达他们今天提的建议价值很大,后续会梳理出可落地的点优化到产品当中。
如果说聊得比较开心,大多数的受访商户都会邀请来访团队吃个饭再走,也算是额外的福利。在就餐过程中的非正式场合交流,也可以聊聊门店的一些运营情况等等,帮助我们更深入的了解这个行业。
1)资料梳理
我们在访谈过程中会有大量未整理的一手记录,结束后需尽快地梳理,尽可能详细地记录下用户描述的细节、肢体动作表情语言等等。建议使用石墨、语雀、腾讯文档等在线编辑工具,方便分享修改。
如果是连续访谈几位商户,我会在访谈结束以后,迅速地将刚才的访谈内容整理出一份原始资料。并罗列出一些受访者反馈但访谈提纲里没有的问题,去下一家受访商户的时候可以验证下该问题的普遍性。
2)整理落地
输出后我们需要再次进行提炼,将有价值可落地的问题点提取出来,进行汇报分享,并找到相对应的产品研发进行探讨排期,这样就形成了一个完整的闭环,真正做到了发现问题、解决问题。
3)流程概括
前文絮絮叨叨说了很多,其实关于用户访谈这事用6个字就可以概括,简单理解:
问谁?问啥?答啥?改啥?
能够回答清楚这4个问题,那么这就是一次有价值的访谈经历。
ToB业务的特点就是会有一定的行业壁垒,设计师在刚接触的时候一定会有很多茫然时刻。对于各种专业词汇的一脸懵,对于行业的不了解。
或者很多人对于B端的认知还停留在,B端好像没啥好设计的,都是现成的组件库拖一拖,成就感比C端差远了。
那么做访谈、体验优化的意义是什么呢?
作者:B端设计情报局
来源:人人都是产品经理
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
写在最前
B端界面的元素众多,视窗范围大,布局设计多种多样,为了简化布局思维,我们通常给界面添加三个方向上的轴-X、Y、Z。X轴指水平方向上的轴线,Y轴指竖直方向上的轴线,以及Z轴指在三维空间中垂直于视窗平面的轴线。当设计B端界面时,让元素沿着这三个轴进行布局,既能理清我们的设计思路,页面的元素也能展示得更有逻辑。
本文围绕这三个轴,来看看在B端界面的三维空间里,都有哪些设计规律。
一、X轴的布局与适应
B端界面在PC视窗下展示,范围更大,如常见的分辨率尺寸有1280x1024、1440x900、1920x1080等,且浏览器还支持动态拖拽改变视窗宽度。所以B端界面在X轴上应该更注重内容的延展和适配,合理利用横向增长的空间。根据这一特点,在这一部分中,我们分业务场景来探讨都有哪些典型布局,并针对每一种布局给出合适的适配方式。
B端典型的业务场景,可大致分为表格、图表、表单、卡片、文字详情五大类页面。这几类界面在X轴上排列的方式为单栏型、双栏型、多栏型。如果有侧导航,则在页面最左侧增加侧导航即可,内容区的布局不受影响。
1.单栏型
表格、图表,这类需要较大展示空间的场景,一般一个页面只有一栏,不再在横向空间进行切割。当视窗横向拉伸时,也为了预览更多的内容,表格和图表进行横向拉伸,保持撑满视窗的状态。
2.双栏型
表单、文字详情类的页面,采用双栏结构的概率较大。因为表单页除了表单本身的内容外,往往还有右侧的辅助说明面板,或者是预览面板。文字详情页的右侧也经常出现其它阅读内容的推荐列表。当这两类页面视窗在横向拉伸时,适应的方式通常有两种。
1)主模块宽度拉伸,始终撑满视窗,副模块宽度固定。如果主模块每行内容都比较多,推荐使用这种方式,能更大化地浏览主模块的内容,减少不必要的换行。但缺点是,由于内容本身如表单项、详情文字等在X轴上占用的空间不多,他们所在的模块横向拉伸后,会出现很多留白。
2)各模块保持宽度固定并居中展示,不跟随视窗伸缩而变化。如果主模块每行内容不多,又需要频繁的左右对照,推荐使用这种方式。
3.多栏型
多栏型页面一般用于数据看板、媒体卡片(视频/图片)的展示。因为这类业务场景,卡片数量多,无法简单地将页面进行区块的分割,所以以卡片为单元来填充页面。当视窗横向拉伸时,这里也会出现2种适应的方式。
1)数据看板类页面,每个卡片等比拉伸(也可仅横向拉伸),列数不增加,让图表能展示地更清晰。
2)媒体卡类页面,卡片需要设定一个最佳展示的宽度如w,当视窗拉宽时,卡片等比放大。当页面拉宽到能增加一列宽度为w的卡片时,所有卡片宽度都恢复到w,增加一列。
上述说了这么多适配的规则,当然我们也可以给视窗设定一个统一的适配上限,避免当视窗非常宽时,页面的元素过于左右分离,反而不方便浏览。比如我们可以设置当视窗宽度>1920px后,页面元素就不再跟随撑满,达到内容区宽度上限值,居中展示在界面中。
二、Y轴的空间利用
B端界面,面对复杂的信息,我们往往会面对两类问题,如何承载大量的信息,如何区分强弱主次。这就涉及到页面Y轴的空间利用了。这里我们提供4个小办法来解决上面的问题。当出现大量信息时,应该注重Y轴空间的扩展,合理搭配翻页、加载等逻辑。当希望对页面元素区分强弱时,可以搭配滚动吸顶、局部折叠等交互,有序展示更多信息。
1.如何承载大量信息
1)替换型对于表格类页面,为了方便快速查找所需信息,采用分页器的方式展示更多的数据内容,即把当前页内容做替换。即页面Y轴的高度是固定的,仅做内容的变更。
2)向下延展型
对于瀑布流类页面,由于数据量大,且没有快速定位的诉求,使用无限加载的方式,向下加载更多的数据,这种类型的页面Y轴可无限延展。
2.如何区分强弱主次
1)强-滚动吸顶当页面滚动到某个位置,需要去强调一些导航性质的内容时,我们可以使用滚动吸顶的交互,即当把这个元素(如标题)滚动至当前视窗的顶部时,发生吸顶事件,始终停留在页面中,该元素所引领的模块在其下方滚动浏览。当把这个模块滚动完,吸顶交互失效。这样即能临时性地强调某些内容,还不会影响其它模块在Y轴上的展示。
2)弱-局部展开对于表单类页面,若在某个选项下还存在二级内容,则在初始展示时,优先突出主选项本身,当选中后再展开二级内容。这样即能节省首屏空间,也能顺应使用者的学习、使用心智,在合适的时机展示细节内容。
三、Z轴的叠加顺序
说完X轴、Y轴的布局设计,我们最后来看看Z轴。这里,我们需要把视角从二维平面转为三维空间,比如吸顶的导航,菜单浮层,模态弹窗这些都属于出现在Z轴上的元素,他们之间可以进行层层叠加和嵌套,于是会出现叠加冲突的场景,导致发生错误的遮挡现象。所以Z轴设计的关键点在于不同元素的叠加排序设计。那么怎样才能有一个贯穿全局的合理排序,让元素们能乖乖排在自己的队列中呢?此处,我们将页面的所有可能出现的元素按照Z轴的特点归类到三大区间里。每个区间内给出相应元素的排序顺序指导,并配合动态计算的逻辑,Z轴上的元素就能整齐地叠加起来啦。
1.基础区间
a.展示类-页面中默认就存在的、不会对其它元素造成遮挡的元素(表单、表格、文字、按钮、图表、图片等)。
b.固定类-固定在页面某处的元素,滑动页面时会对a的元素产生遮挡(如吸顶导航、固定表头/列、锚点、返回顶部按钮等)。
c.浮层类-由a中的元素触发出的、指向该元素的临时浮层元素。会对a以及固定元素产生遮挡。临时浮层之间的z轴层级遵守触发的时间先后顺序,若临时浮层可以同时存在在界面中,则后触发的层级更高(下拉浮层、气泡)。
2.模态区间
d.模态层-由基础区间的元素触发的,覆盖整个视窗的模态元素,当该元素出现后,至于基础区间所有元素层级之上,基础区间的所有功能无法交互(抽屉、对话框和全屏预览等).
e.临时浮层-在模态元素上出现的临时浮层,计算高度时,可把d层想象成基础区间的c层(下拉浮层、气泡等).
f.第二层模态层-在d出现之后出现的覆盖整个视窗的模态元素。不特指第二层,也可以是第三、或更多。
模态区间内,多个模态层可进行叠加(即上文的f),叠加时一样需要遵守触发时间的先后顺序,后触发的层级更高出现在更上层。但是我们也应注意,模态层不能叠加太多,会导致当前页面覆盖过多内容,一般最多用到两层模态层就能满足大部分场景了。
3.顶层区间
g.全局层-全局的、不被模态元素遮挡的元素。可以常驻在页面中,也可临时出现。
h.临时层-由g触发出的临时浮层
max.最高层-始终动态高于当前页面所有层的元素(比较典型的是Toast组件)。
四、写在最后
到这里,我们就浅谈完关于B端界面的X、Y、Z轴上的设计特点了,虽然是一些高度抽象的内容,真正按照业务需求执行设计的时候,遇到的界面一定比我们这里谈论的更复杂,但是只要我们清楚底层的空间布局、适应方式、扩展手段和叠加逻辑,再复杂的界面无非就是规则的嵌套,希望这篇文章能带给大家一些小小的启发。
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。
分享此文一切功德,皆悉回向给文章原作者及众读者.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计的小编 http://www.lanlanwork.com