首页

重塑设计流程,利用AI直接生成原型图

蓝蓝设计的小编

在科技飞速发展的当下,AI 技术正以前所未有的态势渗透到各个领域,设计行业也迎来了重大变革。MasterGo AI 作为一款创新型在线设计工具,为产品经理和设计师带来了全新的工作模式,重新定义了界面设计的边界。下面,让我们通过图文结合的方式,深入了解这款工具的魅力。

 

一、MasterGo AI:功能强大的一站式设计利器

 

MasterGo AI 隶属于一站式产品设计协作平台 MasterGo,它的出现,让设计工作变得更加高效和智能。这款工具的核心功能涵盖设计图生成、原型图制作、代码生成以及设计系统管理,每一项功能都直击传统设计流程的痛点。
 

4610a0458e000b26c41420856f8ecdc.png

 
在设计图生成方面,以往设计师从构思到绘制草图,再到细化设计,需要耗费大量时间和精力。如今,借助 MasterGo AI,只需在输入框中输入详细的文字描述,如 “打造一个复古风格的摄影 APP 编辑界面,底部有常用工具栏,包含裁剪、滤镜、调色等功能图标,中间是图片预览区,上方为操作菜单”,短短几分钟,就能生成布局合理、设计精美的 UI 设计图。这大大缩短了设计周期,让创意能够迅速转化为可视化成果。
 
原型图制作功能同样出色,它支持创建交互式原型,设计师可以轻松添加点击跳转、滑动切换等交互效果。这使得团队能够在产品开发前期快速验证设计,提前发现潜在问题,有效节省开发成本。例如在设计一款社交 APP 时,通过 MasterGo AI 制作的原型,能直观展示不同页面之间的交互逻辑,让团队成员更清晰地理解产品的使用流程。
 
代码生成功能更是 MasterGo AI 的一大亮点,生成的设计图可直接导出为 HTML、CSS 代码,还支持 Vue 和 React 等主流前端框架。这不仅减少了前端开发者从设计到开发的转换工作量,还实现了设计与开发的无缝衔接,提高了项目整体推进速度。

设计系统管理功能则助力团队建立和维护统一的设计规范。无论是颜色、字体,还是组件样式,都能在设计系统中统一管理,确保团队协作过程中设计的一致性与复用性,提升整体工作效率。
 

二、MasterGo AI 的独特优势:对比中凸显卓越

 

与即时 AI、墨刀 AI 等同类工具相比,MasterGo AI 在多个维度展现出明显优势。

从功能层面看,MasterGo AI 生成速度极快。输入相同设计需求,它能在几十秒内生成设计初稿,而部分竞品则需 1 - 2 分钟。在设计质量上,其基于先进深度学习算法和海量设计数据训练,生成的界面布局更合理,元素比例、间距协调,色彩搭配和谐自然。功能丰富度方面,除基本的设计图和原型图制作功能外,它还具备强大的设计系统管理与多框架代码生成功能,这是许多同类工具所不具备的。

使用体验上,MasterGo AI 也更胜一筹。其界面简洁直观,操作高度自动化,新手用户也能快速上手。调整设计元素时,提供直观的拖拽和参数调整界面,方便设计师实现创意。界面友好度高,清新简洁的设计风格,搭配清晰易懂的图标和文字标识,操作过程中还会实时提供智能提示和反馈。在团队协作方面,支持多人实时在线协作,团队成员可同时编辑和评论,极大提高沟通协作效率。
 
257198aba765c7a17ca87d772000edd.png
 

三、实际案例见证:MasterGo AI 助力项目成功

某教育科技公司计划开发一款在线学习 APP,旨在为学生提供个性化学习体验。项目初期,团队面临时间紧迫、预算有限的问题,且在界面设计上难以快速确定创新方向。

在传统设计模式下,完成一套满意的界面设计需要经历复杂流程,从市场调研、头脑风暴到绘制草图、细化设计,不仅耗时久,人力成本也高,而且创意激发存在一定难度。

引入 MasterGo AI 后,团队输入对 APP 界面的详细描述:“设计一个针对中小学生的在线学习 APP,首页要有课程分类导航,以卡片形式展示热门课程,顶部为搜索栏和个人中心入口,底部是学习社区、课程表和消息中心的快捷导航”。MasterGo AI 迅速生成多套不同风格的设计初稿,涵盖简约现代、可爱卡通等多种风格。
 
基于这些初稿,团队快速讨论筛选,确定设计方向。设计师利用实时编辑功能,对选定设计稿进行细节优化,如调整色彩搭配、优化按钮样式。MasterGo AI 根据设计师操作习惯和历史数据提供智能推荐,提高设计效率。最终,设计稿直接导出代码供前端开发使用,整个项目周期大幅缩短。据团队反馈,使用 MasterGo AI 后,界面设计时间缩短约 60%,人力成本降低 40%,APP 上线后,凭借独特新颖的界面设计吸引大量用户,在竞争激烈的在线教育市场中崭露头角。
 

四、快速上手 MasterGo AI

想要使用 MasterGo AI,先注册登录。注册成功后就能进入设计界面。使用时,向它输入文字描述很关键,描述得越详细精准,比如明确设计对象的目标用户、功能模块、色调偏好、布局要求等,再融入优秀设计示例的风格元素,多运用专业设计术语,生成的设计就越符合预期。

设计稿生成后还能编辑,通过界面的工具栏可修改元素属性、编辑文本、添加或删除元素等。完成编辑,就能导出设计稿,它支持多种格式,像代码格式方便前端开发,图片格式用于展示,还有能和其他设计工具协作的格式。另外,MasterGo AI 有免费版还提供积分,也有不同的付费套餐,用户可以根据需求选择。
 
d6dbc177402e281952d7ad5be56d0b4.png
 

五、展望未来:AI 驱动设计行业变革

随着 AI 技术持续发展,MasterGo AI 这类工具将对设计行业产生更为深远的影响。未来,设计师的工作模式将发生重大转变,基础设计工作由 AI 高效完成,设计师得以从繁琐的重复性劳动中解放出来,将更多精力投入到创意构思、用户体验研究和品牌价值塑造等核心领域。

设计师可借助 MasterGo AI 快速生成多个设计初稿获取灵感,再运用专业知识和审美能力进行优化完善,实现创意与效率的完美融合。这不仅能提升设计作品的质量和创新性,还将推动整个设计行业朝着更加智能化、高效化的方向发展。

MasterGo AI 为设计行业带来了全新的发展机遇,无论是产品经理、设计师还是开发团队,都能从中受益。它让设计变得更加简单、高效、智能,开启了设计领域的新篇章,值得每一位设计从业者深入探索和使用。

解码数据洞察新境界

蓝蓝设计的小编

编辑导语:在数据爆炸的时代,如何让复杂的数据变得易懂、易用,从而辅助高效决策?这考验着大数据可视化的设计能力。本文以电商销售数据可视化设计为例,深入剖析如何运用 UI 设计技巧,实现数据的直观呈现与交互探索,为你揭开数据背后的价值。

在当今数字化商业浪潮中,数据如同企业的 “燃料”,驱动着业务决策与发展。然而,海量的数据也如同一座迷宫,让许多从业者迷失其中。就拿电商行业来说,商家们每天都会积累大量销售数据,涵盖商品销量、用户购买行为、市场趋势等多个维度。如何将这些复杂的数据转化为清晰、有价值的信息,成为了提升竞争力的关键,而大数据可视化与 UI 设计的融合则是破局的 “钥匙”。
 

一、电商数据洞察的关键维度

电商运营者在分析销售数据时,最为关注的核心维度主要有三个:商品销售表现、用户购买行为以及市场动态变化。商品销售表现直接关系到业务的盈利能力,包括销量、销售额、库存周转率等指标;用户购买行为则揭示了消费者的偏好与需求,像购买频率、客单价、购买时段等信息至关重要;市场动态变化涉及竞争对手、行业趋势等外部因素,时刻影响着企业的市场份额。

以一家服装电商为例,在销售旺季来临前,运营团队需要快速了解不同款式服装的销售趋势,哪些款式销量增长迅速,哪些库存积压严重。但传统的表格数据密密麻麻,很难在短时间内获取关键信息。这时,借助大数据可视化,将数据以直观的图表形式呈现,就能让问题一目了然。

639b97a81f0ac0feb8798dad602a722.png

 

二、交互驱动的数据探索体验

为了让用户能更深入地探索数据,交互设计在大数据可视化中扮演着重要角色。通过交互操作,用户可以主动挖掘数据背后的细节,发现潜在的规律和机会。

在电商销售数据可视化界面中,常见的交互方式有筛选、排序和钻取。比如,运营者可以根据不同的维度进行筛选,如按照时间范围筛选特定月份或季度的销售数据,也能依据商品品类、价格区间等条件进行筛选。排序功能则能帮助快速找到销量最高或销售额增长最快的商品。而钻取操作更强大,当用户点击某个数据点时,可以查看更详细的子数据,像某一款热门服装的具体销售地区分布、不同年龄段的购买比例等。

f6479818d1b92f5bf1315d3fab936e4.png

 

三、个性化定制:让数据 “因材施教”

不同的电商运营角色,对数据的关注点各不相同。店铺老板可能更关注整体的销售业绩和利润,运营经理侧重于流量转化和用户留存,而商品采购人员则关心商品的库存和补货需求。因此,大数据可视化设计需要支持个性化定制,满足不同用户的特定需求。

通过设置用户权限和自定义视图功能,每个角色都能根据自身需求调整数据展示的方式和内容。例如,运营经理可以创建一个聚焦于用户行为路径的视图,将用户从进入店铺到下单购买的各个环节数据进行整合展示;采购人员则能定制一个突出库存预警和商品销售速度的界面,方便及时安排补货。

70bedd82b1cda6eee2749424ed5f69f.png

 

四、数据可视化的未来展望

随着技术的不断进步,大数据可视化与 UI 设计的结合将更加紧密,功能也会愈发强大。未来,可能会引入更多智能化的设计,比如根据用户的历史操作和偏好,自动推荐最佳的数据展示方式;利用增强现实(AR)和虚拟现实(VR)技术,让用户以沉浸式的方式探索数据,获得全新的体验。

在电商领域,这意味着运营者能够更精准、更高效地把握市场动态,及时调整策略,提升业务竞争力。但要实现这些,需要不断探索和创新,在数据可视化设计中融入更多人性化的思考,让数据真正为用户所用。
 

从「完成任务」到「享受过程」,设计的价值革命

蓝蓝设计的小编

在数字浪潮席卷生活的今天,我们每天都在与数十款 APP 打交道。有的产品像贴心老友,一打开就能精准满足需求;有的却如同陌生访客,复杂的操作让人望而却步。这背后,正是 UI 设计与交互设计在默默发挥着「体验魔术师」的角色 —— 它们不仅决定了用户的去留,更影响着品牌与用户之间的情感纽带。
 

一、顺应习惯:让界面成为「肌肉记忆」的延伸

用户的操作习惯就像深植于大脑的「隐形地图」。以社交 APP 为例,底部常驻的「消息 - 好友 - 发现 - 我的」四宫格布局,早已成为行业通用的「语言」。这种设计并非偶然:研究显示,用户在移动端的操作热区集中于屏幕下方,符合单手握持时的拇指活动范围。若贸然打破这一范式,比如将核心功能藏在侧边栏或二级菜单,不仅会导致用户操作效率下降 30% 以上,更可能因「认知摩擦」引发卸载行为。

成功的案例比比皆是。微信的底部导航栏十年如一日,始终保持着「通讯录 - 发现 - 我」的稳定结构,让数亿用户无需思考即可完成操作;而某小众社交 APP 曾尝试将消息入口改为左上角悬浮窗,上线后用户流失率激增,最终不得不回归传统布局。这印证了一个真理:好的设计不是颠覆习惯,而是让用户在熟悉中获得新鲜感。

6c67a779d36c91570e2474a66c5b9d3.png

 

二、即时反馈:为交互注入「生命感」

想象你在餐厅点餐,服务员若始终沉默不语,即便最终送上餐品,体验也会大打折扣。APP 交互亦是如此。当用户点击按钮却毫无响应时,等待 0.5 秒以上就会产生「操作失败」的错觉,而即时的动效反馈能显著提升用户的控制感与愉悦度。

视频 APP 的点赞设计堪称典范:轻触心形图标,不仅会触发 180° 翻转的动态效果,还会伴随「叮咚」音效与「点赞成功」的微弹窗,从视觉、听觉多维度强化反馈。某短视频平台更在此基础上增加社交互动 —— 当好友与你点赞同一内容时,界面会浮现「你们的品味很相似哦」的个性化提示,这种「被看见」的惊喜感,让用户使用时长平均提升 22 分钟。

心理学中的「即时满足效应」在此得到完美诠释。研究表明,带有动态反馈的操作,用户重复执行的概率高出静态界面 47%。这意味着,一个小小的加载动画、一次指尖滑动的回弹效果,都可能成为用户留存的关键。

84ecc6e2ce4f472d2011d0c07000bf4.png

 

三、信息分层:打造「一眼即懂」的视觉秩序

在信息过载的时代,用户留给单个界面的注意力不足 8 秒。电商 APP 的商品详情页堪称信息设计的「修罗场」—— 既要展示高清图片、价格折扣、规格参数,又要植入评价、推荐等转化元素,如何避免「信息爆炸」?答案在于分层与聚焦。

头部电商平台采用「3 秒原则」:用户进入页面的前 3 秒,核心信息(主图 + 价格 + 标题)必须完整呈现;向下滑动时,图文模块按「卖点提炼 - 细节展示 - 用户证言」的逻辑依次展开。某美妆 APP 更引入 AI 导购功能,根据用户肤质标签自动高亮适配产品的核心成分,将信息筛选效率提升 60%。

这种设计逻辑同样适用于 B 端产品。企业管理系统通过「模块化卡片 + 颜色标签」,将复杂的数据报表拆解为销售、库存、财务等独立板块,让不同岗位的员工能快速定位所需信息。信息分层不是简单的排列组合,而是一场对用户认知路径的深度解码。

7fa95ca30fd28d1077dfd5f4891858b.png

 

四、设计的终极战场:从「可用」到「渴望」

当基础功能的实现不再是门槛,UI 与交互设计正迈入情感化、场景化的新阶段。天气 APP 在雨天显示「注意带伞」的暖心提示,运动软件在用户达成目标时播放专属成就动画,这些超越功能本身的设计细节,正在重塑用户与产品的关系。

数据显示,具备情感化设计的 APP,用户日均使用次数比普通产品高出 1.8 倍。这揭示了一个趋势:未来的设计竞争,将是「体验附加值」的较量。从用户点击图标到完成操作的每一个触点,都是设计师传递温度、建立信任的机会。

在这个用户体验至上的时代,UI 与交互设计早已超越视觉美化的范畴,成为产品竞争力的核心引擎。唯有以用户为中心,将习惯洞察、反馈设计与信息架构深度融合,才能打造出既有实用价值,又能触动人心的数字界面 —— 而这,正是优秀设计团队始终在探索的方向。
 

解锁交互密码:设计如何让用户「上瘾」

蓝蓝设计的小编

 

 

一、设计误区:美≠好


在 UI 设计与交互设计的世界里,不少新手设计师都有个误区,觉得设计就是把界面做得美美的,用户肯定会喜欢。可实际上,设计远不止这么简单,真正厉害的设计得从用户思维出发,为用户创造价值。
 

二、生活中的交互逻辑


日常生活中的很多场景,都藏着交互设计的底层逻辑。比如逛超市时,为什么牛奶、面包这类常用品总被放在最里面?这背后其实是对用户行为和思维的巧妙洞察 —— 让顾客在寻找必需品的过程中,不自觉被沿途的促销商品吸引,增加购买欲望。这种对用户心理的把握,与 UI 交互设计的原理如出一辙。
 
b287969ba8183e61b51a6797083687c.png
 

 

三、用户的思考模式


心理学上,人类决策分为「快思考」和「慢思考」两种模式。快思考是基于经验和直觉的条件反射,能帮大脑节省能量;而慢思考则在遇到复杂问题或涉及自身利益时才会启动。同样,用户在使用产品时,大部分时间都处于「感性决策」状态,只有当体验受阻或面临风险时,才会切换到理性模式。

 

四、提升交互体验的技巧


掌握了用户的思维模式,设计师就能通过巧妙的设计让用户保持愉悦的交互体验。比如,清晰展示状态和进度条能缓解用户等待时的焦虑 —— 下载视频时,动态进度条搭配剩余时间提示,让用户对等待时长「心中有数」;而个性化推荐功能则能精准击中用户兴趣点,像音乐 APP 根据听歌记录生成的专属歌单,总能带来「挖到宝藏」的惊喜感。

add81d59baa6488a683afab26c00bdf.png

信息传递的精准度,也是交互设计的关键。如今的电子产品介绍页不再是单调的参数罗列,而是搭配操作视频、常见问题解答和真实用户评价,用更直观易懂的方式帮助用户快速了解产品。同时,优秀的设计还会主动「预判」问题:当手机网络异常时,系统不仅弹窗提醒,还能自动检测故障并提供修复建议,让用户无需自行诊断。

 

五、设计的本质回归


但设计的本质,始终是「解决问题」优先于「视觉美感」。一款办公软件即便界面华丽,但如果操作复杂、功能卡顿,用户也会果断弃用。只有将实用性与美观性深度融合,才能打造出真正「好用」的产品。

在 UI 设计与交互设计的赛道上,持续深挖用户需求、打磨细节体验,才能让设计从「能用」走向「好用」,最终成为用户爱不释手的「心头好」。
 
 

交互设计的「破茧」:从 GUI 到 IUI

蓝蓝设计的小编

在这个科技飞速发展的时代,咱们每天都离不开各种电子设备,手机、电脑、平板…… 而与它们交互的方式,也在悄悄发生着翻天覆地的变化。今天就来和大家聊聊交互设计领域的新宠儿 —— 意图用户界面(IUI),看看它如何从传统图形用户界面(GUI)手中接过接力棒,重塑我们的数字生活。

以前,我们和设备交互靠的是 GUI,点点图标、滑滑屏幕、敲敲键盘,像给机器下一道道明确指令。比如想开灯,就得找到对应的 “开灯” 按钮。但 IUI 可不一样,它就像个懂你心思的朋友。下班到家,还没等你开口,灯光自动调亮,空调调到舒适温度,音乐也轻轻响起,好像设备能 “猜” 到你累了一天,就想放松放松。这就是 IUI 的神奇之处,它不再只关注你做了什么操作,而是琢磨你为什么这么做。

df641184dd13b5d597c3cf3afa3e573.png

IUI 能这么智能,背后离不开 AI、机器学习和大数据分析的支持。它会收集好多信息,像你平时的行为习惯、用的什么设备、周围环境咋样,还有你直接告诉它的喜好之类的。收集来这些信息后,经过处理和分析,再用机器学习模型 “学习” 规律,结合当下情境,就能做出最贴心的回应。比如地图 App 在你每天上班时间,主动推送路况信息,帮你提前规划路线。

在如今 AI 蓬勃发展的时代,IUI 成为交互设计的新趋势是必然的。AI 的强大能力为 IUI 提供了技术基础,让它能处理海量数据,精准洞察我们的需求。而且 IUI 让 AI 不再 “高冷”,普通用户用语音、自然语言就能轻松和 AI 互动,解决了 AI 落地的难题。现在软件功能越来越复杂,信息多得让人眼花缭乱,IUI 能帮我们筛选信息、简化操作,还能根据每个人的情况提供个性化服务。就像电商平台,根据你的购物历史和当下需求,推荐真正合你心意的商品。
 
ed14d174ad4ab4721a3e08917441d0c.png
 
IUI 的出现,让产品设计和交互设计都发生了大变革。产品设计不再只盯着功能按钮,而是围绕用户的最终目标,努力让产品主动服务。个性化成了产品的核心竞争力,音乐 App 根据你的听歌习惯推荐专属歌单就是很好的例子。在交互设计方面,交互方式变得更多样自然,语音、手势、眼神都能和设备互动。以前在线购物要走好几个步骤,现在用 IUI,直接说 “买上次的洗发水”,系统就能一步到位完成购买,方便快捷。

不过,IUI 发展也面临一些挑战。AI 理解我们意图时偶尔会 “跑偏”,数据隐私和安全问题也让人担心,算法可能存在偏见,用户还希望对 AI 的决策有更多了解和控制权。但这些困难不会阻挡 IUI 前进的脚步。未来,IUI 和 GUI 会携手合作,GUI 提供基础交互框架,IUI 赋予交互智能,共同为我们带来更棒的体验。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

image.png

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 
 

银行 APP 设计新探:细节告别交互困局

蓝蓝设计的小编

最近深度体验了多款银行 APP,发现优秀的 UI 交互设计真的能让使用体验直线飙升!今天就和大家分享那些让人惊艳的交互设计细节,原来银行软件也能这么 “懂人心”!

一、数据可视化:让金融数据会 “说话”

传统银行界面里,资产总览可能就是一串冷冰冰的数字,让人看完毫无波澜。但在一些采用先进交互设计的 APP 中,数据可视化彻底改变了这种局面。比如某银行 APP 的资产看板,运用动态折线图实时展示近 30 天的资金变动趋势,当收益上涨时,折线会以流畅的动画向上攀升,还搭配轻快的音效,直观又有趣;而当支出增多时,折线下滑的同时,图表区域会变成醒目的黄色预警色,提醒用户注意消费情况。

图片1.png 

再比如理财产品对比界面,不再是密密麻麻的文字介绍和参数表格。设计师将不同产品的风险等级、预期收益、投资周期等关键信息,转化为雷达图、柱状图结合的形式。用户只需轻轻滑动屏幕,就能 360 度旋转雷达图,全方位对比各产品的优劣势,这种可视化交互让复杂的理财选择变得一目了然,就像有个专属理财顾问在身边为你讲解。二、人性化交互流程:告别繁琐操作

过去在银行 APP 转账,可能要经历选择转账类型、输入卡号、填写金额、核对信息等多个步骤,流程冗长且容易出错。而经过精心设计的交互流程则大不相同。某头部银行 APP 采用了 “智能转账” 交互模式,当用户点击转账按钮,系统会自动识别用户最近的转账对象和金额,将其展示在快捷转账列表中,用户只需一键点击,就能快速完成转账操作。如果是给新用户转账,在输入卡号时,系统会实时校验卡号有效性,并通过颜色变化提示用户输入是否正确,避免因输错卡号导致转账失败的尴尬。

图片2.png 

在账户管理方面,下拉刷新的交互方式已经屡见不鲜,但有一款银行 APP 却玩出了新花样。当用户下拉刷新账户余额时,界面会出现一个可爱的小动画,比如一只小钱包 “咻” 地打开,金币 “哗啦” 掉落,同时余额数字以动态效果更新。这种充满趣味性的交互,让原本枯燥的刷新操作变得生动起来,给用户带来了愉悦的使用体验。

三、沉浸式用户体验:细节之处见真章

交互设计的魅力还体现在对用户情感的关注上。在一些银行 APP 的登录界面,除了常规的密码输入方式,还加入了指纹识别、面容 ID 等快捷登录方式,并且在用户选择这些方式时,会有柔和的光影效果和轻微的震动反馈,仿佛在和用户进行 “亲密互动”。当用户忘记密码时,找回密码的流程也不再是冷冰冰的提示,而是通过引导式的交互界面,一步一步带领用户完成身份验证和密码重置,整个过程就像在和一个贴心的客服人员对话。

图片3.png 

这些优秀的 UI 交互设计案例,不仅让银行 APP 变得更加易用、有趣,也真正实现了从 “功能导向” 到 “用户体验导向” 的转变。希望未来能看到更多银行在交互设计上发力,为我们带来更出色的使用体验!大家在使用银行 APP 时,有没有遇到过哪些让你印象深刻的交互设计呢?欢迎在评论区分享!

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

image.png

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

小程序分销与转介绍攻略

蓝蓝设计的小编

一、小程序分销详解
(一)分销模式设置
  1. 分销商等级体系构建
  • 为了激励分销商积极推广,可设置多级分销商等级,比如初级、中级、高级分销商。初级分销商成功推广一定数量商品或达到一定销售额后可晋升为中级分销商,中级再晋升为高级。不同等级分销商享受不同的佣金比例,等级越高,佣金比例越高。例如,初级分销商每成功推广一单可获得商品价格 5% 的佣金,中级为 8%,高级为 10%。
  • 除了佣金比例差异,还可以赋予不同等级分销商其他权益。高级分销商可能享有优先参与新品推广、专属客服服务等特权,中级分销商可获得额外的推广素材资源,初级分销商则可通过完成特定任务快速提升等级。
  1. 佣金计算规则制定
  • 佣金计算基础通常以商品实际成交价格为准,即扣除优惠券、积分抵扣等优惠后的金额。比如一件商品原价 100 元,用户使用了 10 元优惠券,实际支付 90 元,那么分销商的佣金就基于这 90 元计算。
  • 可以设置多种佣金计算方式。除了按固定比例计算,还可以采用阶梯式佣金计算。例如,分销商在一个月内推广销售额达到 5000 元,佣金比例提升至 12%;达到 10000 元,佣金比例提升至 15%,以此鼓励分销商努力提升业绩。
  1. 分销关系绑定逻辑
  • 常见的分销关系绑定方式是基于用户首次点击的分享链接或扫描的分销二维码。当用户点击分销商分享的链接进入小程序后,系统自动记录该用户与分享链接的分销商之间的关联关系,后续该用户在小程序内的所有购买行为,只要符合分销规则,相应的分销商都能获得佣金。
  • 为了防止分销关系被恶意篡改,需要有严格的技术保障。同时,要设置合理的分销关系有效期,比如用户点击分享链接后的 30 天内产生的购买行为都与该分销商关联,若超过 30 天未购买,再次购买时需重新点击分享链接确定分销关系。
(二)分销推广工具与渠道
  1. 商品分享链接与海报制作
  • 为分销商提供便捷的商品分享链接生成工具,链接要简洁且包含分销商的唯一标识信息,方便系统识别和追踪。同时,设计精美的商品分享海报,海报上突出商品的核心卖点、优惠信息以及分销商专属二维码。例如,对于一款护肤品,海报上展示产品的主要功效(如美白、保湿)、限时折扣(如 8 折优惠)以及分销商二维码,吸引用户扫码购买。
  • 海报的设计风格要与小程序整体品牌形象一致,并且要适应不同的社交平台尺寸要求。在微信朋友圈分享时,海报尺寸应符合朋友圈最佳展示效果,确保清晰美观,提高用户的点击率和购买转化率。

  1. 社交媒体渠道推广
  • 鼓励分销商在微信、微博、抖音等社交媒体平台进行推广。在微信上,分销商可以将商品分享链接或海报发送到朋友圈、微信群,针对不同的圈子选择不同的推广话术。比如在宝妈群推广母婴类小程序商品时,话术可以侧重于产品对宝宝健康成长的帮助以及自身使用的真实体验。
  • 在微博上,利用热门话题标签,结合商品特点发布有趣、有价值的内容,吸引更多潜在用户关注。例如推广一款健身器材小程序商品时,发布与健身相关的话题内容,如 “如何在家高效健身”,并在文中巧妙植入商品分享链接。在抖音上,可以制作生动的短视频展示商品使用过程和效果,引导用户点击视频中的小程序链接购买。
  1. 小程序内分销中心建设
  • 在小程序内搭建专门的分销中心页面。页面设计要简洁明了,易于操作。在分销中心,分销商可以清晰地看到自己的推广数据,如推广订单数量、销售额、待结算佣金、已结算佣金等。同时,提供推广商品的详细列表,包括商品图片、名称、价格、佣金比例等信息,方便分销商选择推广商品。
  • 分销中心还应设置分销商申请入口(如果有申请成为分销商的门槛)、分销规则说明、推广技巧分享等板块。推广技巧分享板块可以定期更新一些实用的推广方法和案例,帮助分销商提升推广效果。例如分享如何撰写吸引人的朋友圈文案、如何利用抖音短视频进行商品推广等案例。
(三)分销数据管理与分析
  1. 关键数据指标监测
  • 商家需要重点监测分销商数量、分销商活跃度、推广订单量、销售额、佣金支出等关键数据指标。通过对分销商数量的监测,可以了解分销团队的规模增长情况;分销商活跃度反映了分销商参与推广的积极性,比如查看分销商登录分销中心的频率、分享商品的次数等。
  • 推广订单量和销售额直接体现了分销效果,通过分析不同时间段、不同商品的订单量和销售额,能够发现畅销商品和销售低谷期,以便调整推广策略。佣金支出数据则帮助商家控制成本,确保分销模式的盈利性。
  1. 数据报表生成与分析
  • 定期生成数据报表,如日报表、周报表、月报表等。报表内容应包括各项关键数据指标的详细数据以及变化趋势图表。例如,月报表中展示本月分销商数量的增长曲线、各类商品的销售额占比饼图、不同等级分销商的佣金支出柱状图等。
  • 通过对数据报表的深入分析,挖掘数据背后的原因。如果发现某个时间段内销售额下降,可能是因为某类商品的市场需求变化,或者是竞争对手推出了类似的优惠活动。根据分析结果,及时调整商品推广策略,如加大热门商品的推广力度、优化商品价格体系等。
  1. 基于数据的优化决策
  • 根据数据分析结果,对分销模式进行优化。如果发现某个等级的分销商数量过多,但业绩贡献不高,可以适当调整该等级的佣金比例或晋升门槛,激励分销商努力提升业绩。
  • 对于推广效果不佳的商品,可以考虑优化商品详情页内容、调整商品价格或推出针对性的促销活动。同时,根据数据反馈,为分销商提供更有针对性的推广建议和资源支持,提高整体分销效率。
二、小程序转介绍策略
(一)转介绍奖励机制设计
  1. 多样化奖励形式
  • 积分奖励:用户成功转介绍新用户注册或购买商品后,可获得一定数量的积分。积分可以在小程序内兑换商品、优惠券或参与抽奖活动。例如,每成功转介绍一位新用户注册获得 50 积分,成功转介绍一位新用户购买商品获得 200 积分,1000 积分可兑换一张价值 50 元的小程序通用优惠券。
  • 优惠券奖励:提供不同类型的优惠券作为转介绍奖励,如满减优惠券、折扣优惠券、无门槛优惠券等。新用户通过转介绍链接注册后,双方都能获得优惠券。比如新用户获得一张满 100 元减 30 元的优惠券,转介绍用户获得一张 8 折优惠券。
  • 现金红包奖励:对于成功转介绍的用户直接发放现金红包,红包金额可以根据新用户的消费金额或行为进行设置。例如,新用户完成首次购买且消费金额达到 100 元,转介绍用户可获得 10 元现金红包;消费金额达到 200 元,转介绍用户可获得 20 元现金红包。
  1. 奖励门槛与条件设定
  • 设定合理的奖励门槛,既要保证用户有动力参与转介绍,又要确保转介绍来的新用户具有一定的价值。例如,要求新用户注册后 7 天内完成首次购买,转介绍用户才能获得奖励;或者新用户在小程序内的累计消费金额达到一定数额(如 500 元),转介绍用户可获得额外的高额奖励。
  • 明确奖励的领取条件和方式。在小程序内设置清晰的转介绍奖励规则说明页面,告知用户如何参与转介绍活动、满足什么条件可以获得奖励以及如何领取奖励。奖励领取方式要便捷,如积分自动到账、优惠券直接发放到用户账户、现金红包通过微信转账或小程序内余额提现等。
  1. 奖励活动的时效性与周期性
  • 为了营造紧迫感,提高用户参与转介绍的积极性,奖励活动可以设置时效性。例如,限时一周内成功转介绍可获得双倍积分或更高金额的优惠券。同时,定期开展周期性的转介绍奖励活动,如每月推出一次 “转介绍狂欢月” 活动,在活动期间加大奖励力度,吸引更多用户参与。
  • 在活动结束后,对活动效果进行总结和分析,根据数据反馈调整下一次活动的奖励策略和活动形式,不断优化转介绍奖励机制。
(二)转介绍流程优化
  1. 简化分享操作步骤
  • 在小程序内设计简洁直观的转介绍分享入口,确保用户能够轻松找到。例如,在商品详情页、个人中心等页面设置明显的 “分享给好友” 按钮,点击按钮后,用户可以直接选择分享到微信好友、微信群或朋友圈。
  • 分享操作过程要简单快捷,减少用户的操作成本。分享链接或海报要自动生成,无需用户手动复制或编辑。同时,支持用户自定义分享文案,提供一些预设的优质分享文案供用户选择,方便用户根据不同的分享场景进行调整。
  1. 清晰的引导与反馈机制
  • 在用户进行转介绍操作过程中,提供清晰的引导提示。例如,当用户点击 “分享给好友” 按钮后,弹出提示框告知用户分享成功后可获得的奖励以及如何查看转介绍结果。在新用户通过分享链接进入小程序后,也有相应的提示告知新用户这是来自好友的推荐以及注册或购买可享受的优惠。
  • 建立及时的反馈机制,让用户能够实时了解转介绍的进展情况。当新用户注册成功后,转介绍用户能收到通知;新用户完成首次购买后,转介绍用户也能第一时间得知并获取相应奖励,增强用户对转介绍活动的参与感和满意度。
  1. 个性化转介绍页面设计
  • 为转介绍用户生成个性化的转介绍页面,页面上展示转介绍用户的专属信息,如昵称、头像以及推荐语。推荐语可以由转介绍用户自行编辑,也可以根据用户在小程序内的购买行为和偏好自动生成。例如,“我在 [小程序名称] 购买了很多优质商品,强烈推荐给你,快来看看吧!——[转介绍用户昵称]”。
  • 个性化转介绍页面的设计风格要与小程序整体风格一致,同时突出转介绍的主题和奖励信息,吸引新用户的关注和参与。通过个性化设计,增加转介绍页面的可信度和吸引力,提高新用户的转化率。
(三)利用用户口碑促进转介绍
  1. 优质产品与服务保障
  • 提供优质的产品或服务是建立用户口碑的基础。确保小程序内销售的商品质量可靠、功能满足用户需求,服务周到细致。例如,对于电商小程序,商品要严格把控质量关,从选品到采购、质检都要有严格的流程;对于服务类小程序,如在线教育小程序,要保证教学质量,教师专业水平高、教学方法得当。
  • 建立完善的售后服务体系,及时响应和解决用户的问题和投诉。快速处理用户的退换货请求、解答用户的咨询疑问,让用户感受到良好的服务体验,从而提高用户对小程序的满意度和忠诚度,为转介绍打下良好基础。
  1. 用户评价与案例展示
  • 在小程序内设置用户评价和晒单功能,鼓励用户分享自己的使用体验和购买心得。展示真实的用户评价和晒单图片,让潜在用户能够直观地了解商品或服务的实际效果。例如,在商品详情页下方设置 “用户评价” 板块,展示用户的文字评价、评分以及晒单图片,好评率高的商品更容易吸引新用户购买。
  • 整理和展示成功的用户案例,尤其是一些具有代表性的用户通过使用小程序获得显著收益或改善生活的案例。例如,对于一款健身小程序,可以展示用户通过使用小程序制定的健身计划,成功减肥或增肌的前后对比照片和用户的经验分享,激发其他潜在用户的兴趣和参与欲望,促使他们通过转介绍链接加入小程序。
  1. 激励用户主动传播口碑
  • 除了转介绍奖励机制,还可以通过其他方式激励用户主动传播口碑。例如,设立 “口碑之星” 评选活动,每月从积极分享使用体验和转介绍新用户的用户中评选出 “口碑之星”,给予丰厚的奖励,如免费的商品、高额优惠券或定制礼品等。
  • 对用户的好评和分享进行及时回复和感谢,增强用户的参与感和认同感。可以在用户评价下方回复个性化的感谢语,对用户提出的建议表示重视和改进,让用户感受到自己的意见被尊重,从而更愿意主动为小程序进行口碑传播。
三、小程序分销与转介绍相关界面设计示例
(一)分销中心界面设计
  1. 整体布局
  • 分销中心首页采用简洁明了的布局,顶部设置醒目的分销商等级标识和当前可提现佣金金额。例如,以金色徽章显示高级分销商等级,可提现佣金金额以较大字体突出显示在徽章下方,让分销商一眼就能看到自己的关键信息。
  • 页面中间部分划分为几个主要板块,分别是推广数据概览、推广商品列表、我的团队(如果有多级分销)、分销规则说明。各板块之间有明显的分隔线,便于区分和查看。
  1. 推广数据概览板块设计
  • 以图表形式展示推广订单数量、销售额、新增下级分销商数量等关键数据。例如,使用柱状图展示近一周每天的推广订单数量变化趋势,让分销商直观地了解自己的推广业绩波动情况;用饼图展示不同商品的销售额占比,帮助分销商明确重点推广商品。
  • 在图表下方,列出具体的数据数值,并标注与上一周期(如上周)相比的增长或下降百分比,让分销商清晰地了解自己的业绩变化情况。
  1. 推广商品列表板块设计
  • 商品列表按照商品图片、商品名称、商品价格、佣金比例、操作按钮的顺序排列。商品图片展示要清晰,能够吸引用户注意力;商品名称简洁明了,突出商品核心特点;商品价格和佣金比例以较大字体显示,方便分销商查看和比较。
  • 操作按钮包括 “分享推广” 和 “查看详情”。点击 “分享推广” 按钮,可直接弹出分享渠道选择界面(如微信好友、微信群、朋友圈等),方便分销商进行商品推广;点击 “查看详情” 按钮,可进入商品详细信息页面,包括商品描述、用户评价、推广素材下载等内容。
  1. 我的团队板块设计(多级分销适用)
  • 以树形结构展示分销商的团队成员关系,每个成员头像旁边显示其昵称、等级和业绩数据(如推广订单量、销售额)。通过点击成员头像,可以查看该成员的详细推广数据和下级成员列表。
  • 在团队板块下方,设置团队业绩统计数据,如团队总推广订单量、总销售额、团队成员佣金支出等,让分销商对自己团队的整体业绩有清晰的了解。
  1. 分销规则说明板块设计
  • 以简洁易懂的文字详细说明分销规则,包括分销商等级晋升条件、佣金计算方式、结算周期、提现规则等内容。对于重要的规则条款,使用加粗或不同颜色字体突出显示,方便分销商快速查看关键信息。
  • 在规则说明下方,设置常见问题解答(FAQ)板块,针对分销商可能遇到的问题进行解答,如 “如何成为分销商”“为什么我的佣金还未到账” 等,减少分销商的咨询成本。
(二)转介绍页面设计
  1. 分享入口界面设计
  • 在小程序内多个页面设置明显的转介绍分享入口,如个人中心页面右上角设置一个带有 “分享有礼” 字样的图标,商品详情页下方设置 “分享给好友,一起享优惠” 按钮。按钮或图标的设计风格要与小程序整体风格一致,同时具有较高的辨识度,吸引用户点击。
  • 当用户点击分享入口时,弹出一个半透明的分享选择框,显示分享到微信好友、微信群、朋友圈以及复制链接等选项。每个选项旁边配有相应的简洁图标,如微信好友图标、微信群图标、朋友圈图标等,方便用户快速选择分享渠道。
  1. 个性化分享页面设计
  • 当用户选择分享到微信等平台后,生成个性化的分享页面。页面顶部展示转介绍用户的昵称和头像,头像下方显示一句个性化推荐语,如 “我一直在用 [小程序名称],真的很棒,推荐给你!——[转介绍用户昵称]”。
  • 页面中间部分展示小程序的核心价值和特色,如电商小程序可以展示热门商品图片和优惠信息,服务类小程序可以展示服务优势和用户好评截图。同时,突出转介绍奖励信息,如 “分享成功,你和好友都可获得 50 积分和一张满 100 减 20 优惠券”,以吸引新用户参与。
  • 页面底部设置一个醒目的 “立即加入” 按钮,按钮颜色与页面整体色调形成对比,突出显示。点击按钮,可直接跳转到小程序注册或商品购买页面。
  1. 转介绍结果反馈界面设计
  • 当新用户通过分享链接注册或购买商品后,转介绍用户会收到转介绍结果反馈通知。通知可以是小程序内的弹窗提示,也可以是消息中心的一条消息。
  • 弹窗提示或消息内容显示新用户的注册信息(如昵称)或购买商品信息,以及转介绍用户获得的奖励详情,如 “恭喜您,您成功转介绍 [新用户昵称] 注册,已获得 50 积分,奖励已发放至您的账户”。同时,提供一个 “查看我的奖励” 按钮,方便用户查看自己的积分、优惠券等奖励情况。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

大厂设计总监一直在用的banner设计法则

蓝蓝设计的小编

本文将从对当下常见banner的设计规则等进行剖析,并融入自己的思考和总结,着重从用户的角度去思考一张banner广告的设计规律。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



作者:YTY的杂粮设计铺
链接:https://www.zcool.com.cn/article/ZMTQ1NDU2OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

关于产品「趣味性设计」的一次深度探索

蓝蓝设计的小编

你一定也发现了,在这个时代下只要处在同一赛道的产品,大多数免不了日趋同质化,不论是功能还是形式、内容还是算法。就拿内容型产品来举例:去掉颜色,以下四个产品的首页,你能分得清谁是谁吗?

 

 

 

 

虽然可以做品牌差异化,但很多产品在招牌打响前,也会经历相当漫长的一段成长期。而在大家都卷的分不清谁是谁的时候,通过趣味性来建立情感链接倒是一个独辟蹊径的狠招。

 

之前在团队有幸负责过一次产品趣味性的探索,虽未全部落地,但沉淀了不少经验。今天,我将这些经验以文章的方式分享给你,希望对你有所启发。

 

 

 

为什么产品需要趣味性

 


1.符合本能需求

马斯洛的“需求层次理论”(Hierarchy of Needs)你一定听过。这个理论提出人类的需求状态是持续不断的,一段时间内,个人的动机或许可以获得暂时性的满足。但从人的成长角度来看,人类的需求永远不会止步于一个阶段。类似的还有亚伦·瓦尔特基于此提出的需求层次理论——有用的、可靠的、可用的、愉悦的。在满足了温饱阶段后,自然会需要情感的满足。

 

尤其现在这个相对严峻、内卷成风的时代下,大家都渴望在上了一天班之后,自己用的产品可以给自己解压,而不只是个单纯的冷血工具。

 

 

 

 

 

 

 

2.影响用户行为

 

产品传达趣味性的信息,那么这些信息便更容易被用户接受、甚至激发兴趣。正如用户关系和精准化运营的先驱——史蒂文·贝莱格姆的那句话:“趣味是设计产品中最人类化,最直接,最能引起人们兴趣的因素。”

 

根据艾达模型这个经典理论,一旦用户对某件事产生兴趣后,则更容易促成他的决策、乃至最后行为的发生。毕竟我们绝大多数的决策并非源自理性。

 

 

 

 

 

另外,《疯传》这本书提及过一个重要的概念:情绪唤醒。当情绪唤醒度较高时,往往会更容易激发用户的分享行为(比如愉悦、惊喜这样的正面情绪,当然也会包括愤怒、恐惧这样的负面情绪)。而产品所呈现的趣味性,很大程度上更容易引发用户的高唤醒情绪,从而主动采取一些产品希望他实施的行为。

 

 

 

3.缓解负面情绪

 

使用一款产品的过程中,必然会出现不够正向的反馈,比如404、断网、填写格式错误、输入隐私信息等等。一旦超出了用户的容忍能力,很容易造成行为中断甚至流失。

 

但此时如果通过一种趣味性的方式呈现,很大程度上可以缓解用户的负面情绪。

 

比如readme的登录页面,当你输入密码时,猫头鹰捂住双眼,很好得缓解了用户的不安全感。再比如饿了么,恶劣天气下会实时记录当前的天气状态,通过同理心的触发也可以缓解用户等待时产生的焦虑。

 

 

 

 

 

 

 

4.实现情感链接

 

对应诺曼在《情感化设计》中的「反思层」,通过品牌差异、独有内涵等方式来唤起用户深层的记忆和情感,产生情感共鸣,从而形成认知,建立起深厚的情感链接,以让用户越来越忠实于产品。此时产品作用更多的是作为一个承担情感的载体。

 

我们旅游时经常会购买一些貌似没什么实用性的纪念品,明信片、木雕、徽章等等,可能最多只能放在房间当装饰。但是纪念品的关键意义,在于承载着旅游时的记忆。类似的还有单机游戏发售时,除了标准版外,往往会同步发售包含手办、美术设定集等物品的豪华版,同样用来承载玩家的情怀。

 

最典型的例子,就是Google的Doodle设计,在不同的节日、纪念日、或者缅怀一些先驱、艺术家时,会投入很高的成本起设计各种趣味性的插画logo,丰富有趣,而且很多时候可以支持互动游戏。比如18年的万圣节,就做了一个有趣的多人对战的小游戏。

 

 

 

 

Doodle不仅是Google文化、价值观的象征,也通过这种趣味性的创意让用户实现更深层次的情感交流,建立情感纽带并增加粘性,不会轻易得流失到其他替代品中。

 

 

 

趣味性是什么

关于这个概念,有三条相对客观专业的说法。

 

德国古典哲学创始人康德《实用人类学》中,指出趣味性是人类由于受到外部环境的影响而对客观事物产生的直接的感性反应,不具有普遍性和必然性。通俗来讲是人们对身边的事物感到新奇、有趣、有意思,从而心理产生愉悦的变化。

 

另外,康德在《判断力批判》也指出,趣味是指主体以积极主动的姿态,在超功利的层次上对某一对象表现出喜爱和愉悦的情绪状态。

 

《汉语词典》将趣味释义为:使人感到愉快,能引起兴趣的特性。

 

看似各不相同,但根据这三个概念提炼下,可以发现他们都是在融入一种正向的情绪加以解释。

 

那么,趣味性背后的情绪到底是什么?

 

 

 

趣味性背后的情绪


情绪这东西千变万化,为了避免主观臆断的不准确,我搜罗了关于情绪的研究资料,目前相对权威的有三个:plutchik情绪轮、日本感性工学、诺曼的三层理论。

 

后两者未对情绪进行指标的定义,所以这里只聚焦在情绪轮上。

 

情绪轮由罗伯特·普洛特契克开创,这个理论指出人类的基本情绪一共由8种,生气、厌恶、恐惧、悲伤、期待、愉悦、意外和信任。撇去那些负面情绪,能够符合趣味性带来的情绪基本就三种:愉悦、期待和意外。

 

 

 

 

 

为了为产品所用,就需要提炼出更具象的特征。下面,我通过脑暴的方式对每类情绪进行发散联想。

 

 

 

关于愉悦感

 

联想了大量可以引发愉悦情绪的事物,比如可爱的猫猫、各类好玩的表情包、毛绒玩具、影视作品里那些会突然说话的动物、解压神器等等。

 

我发现这些事物,一般具备了以下特征:

 

1.会给予我们即时反馈;

 

2.拟人化,比如带有人类才有的表情,或者是人类的动作语言;

 

3.柔软的、毛茸茸的、圆润的、有温度的;

 

4.会动的、解压的

 

 

 

 

 

 

 

关于期待感

 

联想了大量可以引发期待情绪的事物,比如被买爆的泡泡玛特盲盒,商家售卖的福袋,各种诸如掷骰子、老虎机的随机性游戏,各类抽奖活动,一些游戏开局roll属性点的环节(比如金2、河洛等游戏,当年玩的时候我惊讶得发现我居然能roll上一整天)

 

这些事物大致会带有这些特征:

 

1.未知的、神秘的;

 

2.满足人类的好奇心的;

 

3.对结果能满怀希望的;

 

4.随机的正向奖赏;

 

5.只需要一步简单到发指的操作(打开容器、拉动拉杆、点击按钮等等),不需要任何的行动门槛,也没有等待时间

 

 

 

 

 

 

 

关于惊喜感

 

比如《设计中的设计》这本书中提到的出入境的印章案例、一兰拉面碗底的细节、电影或者游戏中突然出现的彩蛋、iPhone第一代的发布现场、突然发现的世外桃源、突袭的生日惊喜等等。

 

这些事物大致会带有这些特征:

 

1.超出原有预期的;

 

2.未提前告知的;

 

3.正向结果的;

 

4.产生共鸣的

 

 

 

 

 

 

那么,这些特征又该如何更具象得落地成策略,产品中又是如何利用这些策略,引导用户产生这些情绪的呢?

 

下面,我将基于这三类维度,并结合大量的大厂案例来为一步步你抽丝剥茧。

 

 

 

 

如何制造愉悦感

 

 

1.关于拟人化

 

基于上面的挖掘,我发现能引发愉悦感的一个明显特征,就是拟人化,这个非常有意思。

 

克利福德·纳斯在《the man who lied to his laptop》这本书中提出过一个观点:人们对待电脑的方式,与我们在与他人交流时使用的社会规范是一致的。我们对电脑的反应,就好像它们是人类一样。

 

 

 

 

 

 

也正因此,很多原本没有生命体征的物体,一旦被赋予了拟人形象,就容易被大家所接纳、引发愉悦。

 

做一下细分的话,拟人化基本涵盖了三个方面:语言、形象和表情。

 

 

 

 

 

 

 

1.1拟人化的语言

 

人对于具体的拟人形象更容易产生情感,其中便包含拟人化的口吻。使用这种口吻与用户交流,而非冷冰冰的设备语言,就可以提升产品温度,引导用户对产品产生正向情感,关于这块我总结了两方面。

 

一方面,文案尽量得接地气、轻松。

 

拿京东这款产品举例,文案从口吻上都会采用一种很轻松、接地气的拟人语气,来拉近和用户间的距离。比如在引导词后加入“哦~”“~”这种轻松的语气词。

 

另外,「京东问答」版块的引导词:传统产品是“添加问答”,是不是平平无奇。但京东使用了“我来助你一臂之力~”

 

 

 

 

 

 

 

QQ浏览器的评论暗提示,也不是传统的“写评论”“输入评论”,而是像日常聊天那样“我来说两句”,非常接地气、生活化。知乎直接套用了流行语,诙谐的同时引导用户注意言论。

 

 

 

 

 

 

另一方面,人类富有情绪变化,所以一旦用户触发了某个正面/负面行为,就可以给与情绪反馈。

 

在用户完成商品评价后,京东不仅仅是很传统得反馈“评价成功”,而是又加入了“感谢您!”的感谢词。看似加了三个字,但行动过后的正向感激反馈,和我们日常生活中受到正向反馈一样,被唤起正向的愉悦情绪。并愿意继续这个行为。

 

知乎的圈子业务,在用户完成签到后,反馈完成的基础上,使用了正向的情感反馈“ 我就知道你会再来看我”,仿佛是一位关系不错的老朋友,来唤起用户正向情绪。

 

另外,知乎在改版后,回答收到赞也不仅仅是“点赞成功”这类冷冰冰的机器语言,而是“已收到你的喜欢,谢谢!”并且配以作者头像,非常形象得传出对对方对我们的感谢反馈。这种正向反馈,相比”点赞成功“更有效得唤起正向情绪,形成正向激励。

 

 

 

 

当然,用户的消极行为也可以产生情绪反馈。

 

比如现在很多产品的取关反馈,不是传统的“确认”“取消”,而是用“残忍取关”和“给个机会”这种融入情感的文案来做挽留,就好像真的有个活生生的人,在被你否定后反馈给你的情绪,请求你再给个机会。有趣的同时一定程度上也可以唤醒用户的同情。(虽然这种做法过于业务导向,且有绑架用户的嫌疑)

 

 

 

 

 

1.2拟人化的形象

 

人对于具体的拟人形象更容易产生情感。因此,树立一个拟人化的品牌形象(也就是我们常说的IP),可以使用户对产品快速建立情感联系,也可以强化品牌感知。比如优酷的猴子、高德地图的老鹰、钉钉的燕子、linefriends等等。

 

 

 

 

 

 

世界杯的吉祥物也是同理,每一届的吉祥物必定会融入拟人化的特征,凭着亲切、可爱的形象和全世界的观众一起热情互动。

 

 

 

 

 

说到产品,以京东的这只狗子为例,兜底页、缺省页、启动页,都做了狗这个拟人形象的贯穿。

 

 

 

 

 

 

如果你记得没错的话,形象改版之前这只狗还是四脚坐地上的,但改版后就两脚着地了。这同样是通过更拟人的形象来赋予「人格」,以此提升愉悦感,拉近距离。

 

 

 

 

 

 

再比如夸克,它甚至单独新增了底tab入口,通过3d品牌形象,实现与用户的智能交流。另外,卡片和语音搜索都做了形象贯穿,后者还使用了形象的眼睛,来通过眼睛的变化进行情感交流。

 

 

 

 

 

 

 

1.3拟人化的表情

 

一段文字在加入了表情后,我们就能迅速了解到对方的情绪(比如我们日常的聊天)。因此表情这一招,也可以用以加深用户与产品的情感交流。

 

它可以和语音、形象灵活结合使用。通过全面的拟人化,来大幅提升用户对产品的形象感知,促进用户情感的产生、加深用户和产品的情感链接。

 

比如用语言输入,当系统未识别清楚时,传统的方案可能是一个错误图标加上「未识别声音,请再试一遍」的文案,但夸克中则使用了品牌形象的双眼来传达失落的表情,并结合了拟人化的语言。

 

同样做法的还有百度的未开麦提示、段子头图,快速传达产品的情绪,和用户情感交流。

 

 

 

 

 

 

另外,闲鱼设置昵称时,正在输入时、以及超出了限定字数,右侧的形象表情也会发生变化。

 

 

 

 

 

 

除了拟人化能引发愉悦外,还有一个很容易被忽略的要素同样能起到作用——动画反馈。

 

 

 

2.动画反馈

 

提起动画的作用,我们更多人首先想到的可能是强引导、注意力吸引,但动画同样能触发用户愉悦。比如当动画更加贴近现实,或者结合拟人化的特征时。

 

 

2.1贴近现实

 

最典型的例子,就是苹果appstore从卡片到详情页的转场过渡,点按的预备动作、卡片的放大展开、缓出的曲线、转场完成的惯性等等,都很贴近现实物理世界的运动规律。而这种自然的丝滑也更能引发用户的愉悦。

 

 

 

 

 

 

2.2结合拟人化

 

比如知乎的加载动画,结合了拟人化的特征,让这个过程变得格外有趣。刘看山奋笔疾书的动作也很符合知乎这款产品的定位。

 

 

 

 

 

如何制造期待感

 

 

随机给与内容

 

根据我们对期待感的脑暴,发现能触发这种情绪最典型的特征,就是随机性。

 

在产品中,则可以通过随机给予用户有价值的内容来引发用户的关注。结果的不确定使过程充满神秘,这种状态让用户兴奋和满怀期待,不会轻易离开。

 

比如网易新闻在进行新闻加载的操作时,会在加载动画上加入一个随机的小贴士。内容大致有三类:黄历、名言和一句话新闻。而且这些内容完全是随机出现,这种刷新过程好像在开盲盒,你无法预知会给你什么内容,非常有趣。而且它们入口深,不干扰;内容对用户也具有价值。

 

 

 

 

 

同样的还有丁香医生。在首页每次下来刷新后,都会出现不一样的健康类的小贴士。随机性很强,富有趣味。而且可以很好得满足求知欲。

 

 

 

 

 

雪球的个人页上,上划时也会随机给一条关于投资、市场的名言和网友的热门观点。

 

 

 

 

 

 

 

 

随机性游戏

 

 

把现实生活中的游戏搬到了手机,同样能激发用户的好奇和期待。比如微信读书的翻牌子、摇一摇、老虎机。还有天猫的翻牌子。

 

 

 

 

 

 

 

如何制造惊喜感

 

 

格雷戈里·伯恩斯曾做个关于脑部区域的研究,发现大脑不仅探寻未知,而且实际上还渴望未知。相比那些已知的日常惯例,新鲜新颖的事物更容易引人注意。所以提供一些以往没有过的、出乎意料的事物或互动,不但能引起注意力,而且也会带来惊喜感。

 

 

 

 

 

产品中的惊喜感设计,可以说是使用瞬间能够触达我们内心的一种短暂性愉悦,一个体验的峰值。

 

根据对惊喜感的挖掘,一个典型的特征就是超出预期,并且未提前预料。

 

比如Figma使用过程中,团队成员和你同时长按鼠标,并且靠在一起后,就可与触发击掌的动画彩蛋,非常有意思。

 

 

 

 

 

 

比如京东在五星好评后,会放烟花庆祝。

 

 

 

 

 

 

比如很多内容型产品,在详情页长按点赞按钮后,会触发全屏的「爆赞」动画。

 

 

 

 

 

 

再比如用户生日当天,通过启动页、弹窗等场景送上生日祝福等等。

 

 

 

 

 

这些能够超出用户预期的细节,即便多么细枝末节、出现频率多低,但只要能够被触发,都可能因为惊喜感而生成情绪峰值,加深用户和产品的情感链接。

 

 

 

 

最后

 

以上,便是趣味性背后的情绪挖掘和案例讲解。

 

作为设计师,我们在工作中总是强调以用户为中心,通过不断的调研、跟访、可用性测试来了解、分类用户,但更多的结果可能只是让产品不断得贴合用户的心智、符合预期。但如何增加粘度、建立深层链接,就需要通过趣味性这种情感化表达方式,来为用户制造愉悦、期待甚至惊喜。

 

正像诺曼在「情感与设计」中说的那样,每个产品都需要令人更放松、更愉悦的设计,以此来增强产品的适用性。

 

希望这篇文章能对你有所启发。



作者:设计师Andrew
链接:https://www.zcool.com.cn/article/ZMTQ5NDU3Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

这篇导流条设计方法,让我打开了新思路

蓝蓝设计的小编

本文将以有驾导流体验升级的项目为例,分享导流增长探索的设计思路与实践经验。

// 写在前面

 

端到端导流是指在产品矩阵体系内引导优质产品的用户使用另外一款产品,带来使用量的提升,从而实现用户规模提升的一种增长手段。随业务快速增长,有驾从百度汽车频道衍伸出了有驾小程序、M站、PC站以及APP等多纬度的产品矩阵,依托各端流量实现矩阵产品间的导流,逐步积累用户规模,是有驾目前获客渠道中占比最高的方式。本文将以有驾导流体验升级的项目为例,分享导流增长探索的设计思路与实践经验。

 

 

// 为什么要做导流

 

导流的目的

对于业务本身而言,随着移动互联网流量红利期的结束,获取新用户的成本越来越高,不管是新产品还是成熟型产品,都需要通过导流的手段来持续扩充新用户。其次,对于有驾产品生态而言,需要各端产品间的相互联动,协同发挥优势,实现流量价值最大化。

 

导流的优势

  • 成本低,相较于投放、活动等渠道流量获取方式,矩阵导流成本低;

  • 高意向,用户购车意向明确更容易实现商业转化;

  • 可共享,用户数据及行为关联互通。

 

// 如何做好导流设计

 

1.问题分析

通过梳理核心场景的4种导流条,发现各个场景导流形式各异,用户缺乏统一认知,导流引导语单一内容吸引力弱。在用户在浏览页面时,点击功能入口或想要继续查看更多内容,需要下载APP才能继续阻碍用户浏览

  • 缺乏统一认知:视觉表达形式不成体系,用户感知不够;

  • 内容吸引力弱:内容单一缺乏吸引力,用户没有点击欲望;

  • 阻碍用户浏览:打断用户正常使用功能,影响用户体验。

 

 

从导流链路的用户行为来看,整个流程下载路径过长,发现用户流失较大的转化点:

  • 从小程序落地页到下载页:在进入小程序浏览页面时,用户没有注意到导流条就滑走了;

  • 点击导流条进入下载页:点击导流条会先调起导流弹窗,点击确认后再进入到下载页,用户未选择下载就退出了。

 

 

2.明确设计方向

针对导流现状缺乏统一认知,内容吸引力弱、阻碍用户浏览、下载路径过长的问题,我们搭建了一个完整的导流链路图,根据用户增长模型,把用户生命周期各节点的用户行为与产品触点一一罗列出来,找到增长路径的设计机会点。

 

 

通过以上的问题分析,如何建立用户和产品的链接,保障友好的体验,是本次导流升级要解决的问题。根据用户关键行为,我们可以将整个导流链路拆分为3个阶段来挖掘主要机会点:

  • 下载前:兴趣激发导流吸引,建立用户稳定认知;

  • 下载中:强化用户转化动机,刺激用户完成下载;

  • 下载后:保障还原体验畅通,提升首次使用体验。

 

 

下面将分别介绍导流下载前阶段的设计落地实践,以及下载中、下载后阶段的延伸设计思考。

 

// 下载前

 

1.强化触点吸引

是否能成功引起用户注意,是转化开始的第一步,统一的视觉风格和满足用户诉求的内容,有利于增强导流条的吸引力。

 

1)收敛导流条类型

针对【阻碍用户浏览】打断用户正常使用功能、用户没有跳转预期的体验问题,下线了阻断式和截断式两种体验不友好的导流类型,将原来4种导流类型收敛为2种,仅保留通用导流条和功能延展导流条,基于这2种导流形态进行深入的设计探索。

 

 

2)建立通用视觉标准

针对【缺乏统一认知】视觉表达形式不成体系、用户感知不够的视觉问题,建立了通用导流条标准化规范。统一视觉形态,优化为页面内通栏嵌入式,同时融入品牌色强化用户感知,根据页面布局制定了不同的展示规则。

 

 

上线后,内嵌导流条在展现受限的情况下,导流转化数据与改版前基本持平,为了进一步提升导流的点击效果,开始探索场景化定制提转的设计方向。

 

3)定制场景化内容

针对【内容吸引力弱】内容单一缺乏吸引力、用户没有点击欲望的内容问题,在通用标准化形态的基础上,根据不同场景用户诉求点,丰富导流内容。分别从内容定制、按钮文案优化、以及氛围强化3个方向验证对转化的影响。

  • 内容定制:丰富导流利益点、场景化内容更能激发用户兴趣,促进转化达成;

  • 按钮文案:转化按钮文案导向性明确、内容与导流利益点匹配,可以助力按钮转化提升;

  • 氛围强化:导流样式上适度弱化氛围、样式更倾向于原生功能,有助于提升导流条点击。

 

 

2.拓展场景扩量

复利通用标准导流条的成功经验,应用到功能延展类导流条中继续验证有效性,从产品价值点出发,挖掘高流量场景的机会点从而带来转化增量。

 

1)价值传递

根据小程序和APP两端各自的不同点,分别从功能差异及体验差异两个方向进行优化。

  • APP特有功能:APP完善的功能体验可以更好满足用户诉求,例如参配浏览场景下,引导用户体验搜索及横屏查看的高频功能,对于导流转化有正向帮助;

  • 各端体验差异:小程序和APP两端体验存在差异,例如图片浏览场景下,APP清晰流畅的浏览体验及放大全屏查看图片的交互体验,能够刺激用户转化。

 

 

2)价值延续

当用户完成核心内容消费后,是否可以引导用户去APP继续浏览更多相关内容,进而引导用户下载呢?

  • 服务透传:平台服务内容传递,例如在内容落地页文末增加品牌广告导流条,帮助用户建立品牌认知;

  • 相关推荐:引导相关内容消费,例如在文章或视频页增加相关推荐导流条,引导用户浏览更多相似内容。

 

 

 

// 下载中

 

当用户通过导流条进入到下载流程时,还有哪些手段可以刺激用户激活减少流失呢?

  • 强化下载动机:下载页前置APP落地页内容,例如将通用下载页优化为场景化下载页,给用户超前产品体验吸引转化;

  • 减少用户流失:缩短链路简化流程,例如可在下载中间页完成应用下载,同时退出下载页时增加挽留。

 

 

 

// 下载后

 

当用户在应用商店下载完成后,我们还能做哪些提升首次启动APP的体验呢?

  • 还原链路畅通:提升场景还原成功率,减少频繁提示信息干扰;

  • 建立用户心智:引导新用户探索功能,根据用户兴趣推荐适合的内容。

 

以上内容是下载中和下载后阶段导流优化方向的一些延伸设计思考,为大家提供可以继续探索的方向。

 

 

// 写在最后

 

总结一下本篇文章关于导流的体验设计要点:

  • 全链路洞察,对导流链路进行拆解,通过盘点导流链路的用户行为,明确每个节点的设计方向;

  • 降低广告干扰性,减少用户浏览过程中的阻断感,适度弱化广告氛围;

  • 用户的视角引导,让用户专注于产品本身传递的价值,引领用户完成对产品的探索从而完成下载激活。

 

希望以上的设计思考,可以带给大家一些启发。

 

 


 


作者:百度MEUX
链接:https://www.zcool.com.cn/article/ZMTUxMDQzNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档