如何利用人工智能根据现有设计生成设计选项?
这是一个常见的用例:
然而,我在网上并没有看到太多关于如何使用人工智能来解决此类用例的讨论。
所以今天,我将逐步向您介绍一些示例,包括我使用的提示、工作流程和结果。
让我们开始吧!
由于我只需要专注于前端设计,因此我使用了V0和Magic Patterns进行演示。我特意选择它们是因为它们都是针对前端优化的 AI 原型设计工具。
两种工具都可以完成这项工作,但我在两种工具中都运行了同一组提示,以便您可以更好地了解它们可以实现的功能。
如果您有兴趣,您也可以在其他工具(如Cursor、Windsurf或Bolt )中运行相同的工作流程,然后告诉我进展如何。
工作流程分为两个步骤:
(如果您清楚自己想要进行哪些设计改进,您当然可以将步骤 1 和 2 合并为一个简单的步骤——只需上传设计、提供您的建议,然后要求 AI 生成新的设计选项。)
我使用 Kayak.com 的顶部部分作为演示的现有设计。
问:仔细看看。你会如何设计它以不同的方式?
这是我放入 V0 和 Magic Patterns 的第一个提示,以及 Kayak 主页顶部部分的快照。
提供 Kayak 登陆页面的设计评论(见附件快照)。担任具有深厚 UX/UI 专业知识的经验丰富的产品设计师。KAYAK 的主要业务目标是通过为旅行者提供旅行规划工具来赋能他们。其搜索引擎会扫描各种旅游网站,提供丰富的机票、酒店、租车和度假套餐选择和价格。其主要用户是希望搜索和比较旅行选择的日常旅行者。请使用以下视角评估桌面主页:- 核心价值主张清晰
- 信息架构和易于查找关键操作
- 视觉层次、布局和空间使用还包括 3-5 条具体的、高影响力的建议,以改善主页上的用户体验或转化率。
正如您所见,我还包括了主要的业务和用户目标——这是一个小提示,可以为 AI 提供更多设计分析的背景。
V0的设计分析:
一长串的分析,启发性十足。我大概也能从 ChatGPT 或 Claude 得到类似的结果。
(下一步是根据这些建议生成设计方案。但正如我之前提到的,实际上我也可以提供自己的设计建议,例如“当前设计缺乏清晰的视觉层次,并且留白过多。您能否生成三个设计方案来解决这个问题?”)
接下来,我要求 V0 生成设计选项:
根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8种 替代设计选项?
正如我所料,它运行了很长时间,每个设计选项大约一分钟。因此,我点击了“停止”,并在提示中将数量从 8 减少到 3:
根据以上建议,您能否为 Kayak 主页快照生成 3 个备选设计方案?Kayak 主页快照有3种 备选设计方案吗?
V0 在大约 1.5 分钟内生成了 3 个设计选项:
V0 描述的快照:
它生成的设计:
V0 描述的快照:
它生成的设计:
V0 描述的快照:
它生成的设计:
总体而言,效果令人印象深刻。我喜欢这些精致的细节。它保留了我提供的快照中的必要信息(颜色、样式、CTA)。
所有生成的设计都由具有基本交互效果的代码支持,例如输入字段交互和悬停效果。
我希望设计选项之间能有更清晰的区分。不过我也可以尝试后续的提示来解决这个问题。
Magic Patterns 的设计分析:
有些我同意,有些我不同意。为了演示,我简单地让它生成相应的设计选项:
根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8种 替代设计选项?
Magic Patterns 在 1.5 分钟内生成了 8 个设计选项,比我预期的要快。
由于新闻稿的篇幅限制,我在这里仅展示三种设计:
与 V0 相比,设计更加简单。
它在更短的时间内生成了更多的设计,这很棒。
我很喜欢它的“导入 Figma”功能。我可以将生成的设计导入 Figma 进行进一步编辑。
此外,它还有一个Chrome 扩展程序,可以让我把网页转换成 React 组件或 Figma。虽然不完美,但我对它的功能非常期待。
长期以来,我们一直将用户体验团队视为某种神奇的创意独角兽,应该以某种方式免受商业现实的影响。
这完全是胡说八道。
我们的团队需要创造价值,而不仅仅是漂亮的图景或没完没了的研究项目,以及一堆繁琐的纸上谈兵。我们应该像CEO看待公司一样看待我们的团队——拥有明确的目标、衡量标准,并对结果负责。
我见过一些组织将设计视为成本中心而不是战略优势,而这种情况的发生是因为我们不愿意在高管真正关心的方面(结果和底线)展示我们的价值。
最好的用户体验领导者会像管理大型组织内的战略业务一样管理他们的团队,专注于提供可衡量的成果。
下面很多概念并不新鲜——因此才附上资源链接——我们只是选择忽略它们。我们需要利用那些已被证实有效的方法,这样我们才能将其作为一种概念继续推进。
现在是我们成长起来并开始将用户体验视为真正的业务功能的时候了——以下是我们可以实现这一目标的方法。
没有什么比将用户体验工作与业务成果紧密结合更重要。如果你无法解释你的设计如何提升转化率、降低支持成本或提升留存率,那么你只是在画一幅漂亮的图画。
太多用户体验团队把时间浪费在那些对重要指标没有影响的工作上。他们的设计脱离了实际业务需求,脱离了真正重要的业务。在如今每个团队都需要证明自身存在的环境下,这无异于自毁前程。
在着手任何项目时,你的第一个问题应该是:“这会改善什么业务结果?”如果你没有明确的答案,那就停止一切,直到你找到答案为止。
优秀的设计领导者会在每次演讲开始时,先用商业术语提出一个问题,然后再解释如何解决。这种方法会改变高管对你价值的认知。
请记住,高管们并不关心您令人惊叹的旅程地图 - 他们关心的是结果。
研究不仅仅是为了让用户满意,更关乎管理商业风险。每个设计决策都代表着潜在的风险,良好的研究有助于在向某个方向投入大量资源之前降低风险。
当你把研究定义为风险管理时,高管们突然就变得兴趣盎然了。没人愿意推出一款在市场上惨败的产品。
在一个小组讨论中,有人问我如何创新,我回答了类似这样的话:“我不相信创新,我相信风险管理。” 创新的关键在于做出正确的小赌注,直到你需要做出明智的大赌注。
评估性研究能让我们提前发现地雷,避免踩到。这就像为产品开发流程投了保。
我曾与一些公司合作,他们在产品发布前通过简单的测试就发现了主要的可用性和战略方向问题,从而节省了数百万美元。这并非设计上的胜利,而是通过明智的风险管理带来的业务上的胜利。
这在很大程度上取决于你如何用商业术语来组织你的研究——不要说“用户不喜欢它”,而要说“我们发现了一个风险,如果我们按计划发布,这个风险可能会对我们的预期收入产生 15% 的影响”。
我非常相信在设计工作中设定时间限制,用名字和日期来推动责任的落实。没有什么比设定截止日期和有限的资源更能集中精力了。
这并不是急于求成,而是要现实地认识到无休止的改进所带来的经济回报递减。
时间就是金钱。通过建立衡量点,我们向利益相关者展示他们所付出的一切都物有所值。
帕金森定律发表于1955年的《经济学人》杂志,它指出“工作会不断扩展,直至填满所有可用的完成时间”。我在设计项目中无数次地看到这条定律的运用。给一个资源三周时间,他们会在三周内交付。给他们三个月时间,他们也会花三个月的时间,而且解决方案可能并不会好太多。
优秀的用户体验领导者知道何时应该称设计“足够好”并继续前进,尤其是在当今的环境下。我发现,设定积极但可实现的时间限制,能让团队专注于解决核心问题,而不是无休止地改进边缘情况。
推动敏捷流程的真正原因是——它是一项重要的时间盒练习。它是一种驱动可衡量价值的方式。
现实世界瞬息万变,今天交付的相当不错的解决方案通常胜过六个月后交付的完美解决方案。“Sprint”这个词旨在营造一种紧迫感。
我看到用户体验团队犯下的最昂贵的错误之一就是不断地尝试重新发明轮子。每一个新功能都成为重新设计一切的借口,这不仅带来了巨大的开发成本,还让用户感到困惑,不得不重新学习界面。
雅各布定律提醒我们,用户大部分时间都在使用其他产品,因此他们希望您的网站以与他们已知所有其他网站(包括您自己的网站)相同的方式运行。
当你在现有模式内进行设计时
我曾与一个团队合作,该团队不断推动对其企业应用程序进行彻底的重新设计,这将花费大量资金,但真正改变其指标的是与用户已经理解的内容保持一致的渐进式改进。
重新设计成本高昂,除非事实证明能显著提升用户体验,否则会损害用户参与度,让资金打水漂。微软的 Metro 设计语言就是一个最好的例子——它虽然带来了变革,但差异太大,用户难以接受。
我认识的优秀用户体验团队都深知,真正重要的创新和纯粹的创新之间的区别。把你的革命性思维留到真正有价值的地方。
设计系统不仅仅是让事物看起来一致——它们还旨在创造巨大的商业效率和使组织协调一致的共享语言。
当每个设计师都从头开始重新设计按钮、表格和导航模式,并给它们起一些毫无意义的名字时,你就是在浪费金钱,而这些钱本可以用来解决实际的用户问题。
正如 Nathan Curtis 明智地指出的那样,“设计系统不是一个项目,而是一个为产品服务的产品。 ”
当你将设计系统视为产品时,你就是在投资一个能为你的整个产品组合带来回报的东西。这就像购买资产和反复租用资产之间的区别。那些能够从用户体验团队中获得最大价值的组织,往往是那些能够建立并维护强大设计系统的组织。
这些系统大大减少了设计和开发时间,为用户创造了一致性,并允许团队专注于解决独特的问题,而不是第一百次重新设计表单字段。
商业案例很明确——设计系统不是奢侈品,而是扩大团队规模的竞争必需品。
很多用户体验流程只是一些教条,人们盲目跟风,却不理解其中的道理。我不需要流程,我想要结果。
这就是为什么我称之为框架,而不是流程——框架可以根据你面临的具体挑战进行调整。而流程听起来像是你必须遵循每一步。
例如,我对双钻或设计思维的担忧并非标签,而是步骤本身的大小——有时问题显而易见,解决方案只需一步步解决。你的方法应该根据你面临的问题量身定制。
所有设计方法都是非线性的,我们应该采取相应的行动。
我见过团队在旅程地图上浪费数周时间,却从未对任何设计决策产生过影响。我也见过设计师进行广泛的用户调研,但关键洞察在第三次访谈后才显现出来。盲目遵循流程而不理解其目的,只是伪装成用户体验的忙碌工作。
有时你需要跳过一些步骤。有时你需要调整框架以适应你的限制。优秀的用户体验领导者知道何时该照本宣科,何时该抛诸脑后。你的工作不是遵循完美的流程——而是以尽可能高效的方式交付商业价值。
如果您的流程妨碍了结果,则说明您的流程是错误的。
当我们一头扎进人工智能革命时,我们不需要重新发明人类与技术的互动方式。
对话设计利用人们已有的心理模型——他们知道如何提出问题和进行讨论,并且多年来一直在现有应用程序中这样做,例如自然语言处理。
这些心理模型就是为什么聊天机器人和对话界面尽管相对较新却感觉直观的原因。
我见过的最成功的人工智能应用都建立在熟悉的交互模式之上,而不是强迫用户学习全新的工作方式。他们明白,用户对于如何完成任务已经形成了成熟的心智模型,而教授新的心智模型并非易事。
聪明的团队会利用现有模型,而不是制造认知摩擦,因为学习新模型需要花费金钱和时间。这才是好的设计。
务实是关键,而非懒惰。当你利用现有的思维模型时,你就能降低用户的学习曲线,这意味着更快的采用速度和更少的变革阻力。你让你的人工智能功能感觉像是用户已知知识的自然延伸,而不是一种外来的强加。
在任何淘金热中,赢家都不是那些拥有最先进算法的人,而是那些让技术感觉最自然、最容易获得的人。
让我们认真对待工艺——你追求的每一个像素都会让公司付出代价。那些在精妙的动画、完美的排版和令人愉悦的交互上花费的额外时间是真正的投资,需要用业务成果来证明其价值。
这并不意味着我们要放弃工艺,而是意味着我们需要对投资方向进行战略规划。
用户每月看到一次的登录屏幕可能不值得与他们每天使用的核心工作流程具有相同水平的工艺。
我曾与一些设计师共事,他们为了完善用户从未注意到的细节而奋斗数周,却忽略了那些导致公司客户损失的根本可用性问题。我认识的优秀设计师都敏锐地意识到,哪些工艺能够转化为商业价值,哪些只是一时兴起。
优秀的用户体验领导者懂得如何将他们的设计预算分配到对最终盈利影响最大的领域。他们会谨慎选择战斗,并将他们的设计投入到对用户和业务产生最大影响的地方。
归根结底,像经营企业一样运营你的用户体验团队意味着要对结果负责,而不仅仅是活动本身。这意味着要使用组织的语言,并展示设计如何推动业务成果。这意味着要有策略地投资有限的资源,以实现最大效益。
我合作过的最成功的用户体验领导者不会隐藏在流行语后面或使他们的流程神秘化——他们清楚自己所提供的价值,坚定地确定优先级,并专注于对业务至关重要的指标。
他们明白,用户体验并不是存在于正常商业考虑之外的特殊事物——它是一项需要证明投资回报率的关键业务功能。
如果您希望您的团队获得应有的尊重、预算和影响力,请开始像企业首席执行官一样管理它,而不是像艺术部门的负责人一样。
用户体验 (UX) 免于业务问责的日子已经结束了,这对我们所有人来说实际上是一件好事。
为应用程序获取免费用户是一回事,但利用 UX 设计来获取 2 亿付费用户又是另一回事。
Netflix 成立 27 年来,彻底改变了商业模式,从实体 DVD 转型为数字 OTT 平台。二十多年来,Netflix 不仅牢牢抓住了忠实用户,还吸引了数百万新用户。
我做了研究,发现很多用户体验原则和实践都被用来吸引用户,并让他们长期使用付费套餐。让我们一起来看看吧!
一个简单的术语赢得了数百万人的青睐。Netflix 使用智能选择架构和一些巧妙的模式来赢得用户的信任。
随时取消政策让Netflix看起来不像订阅服务,更像是一次性购买,只需少量资金投入。在这个几乎所有订阅都有最低门槛或锁定期限的时代,这使得专业版计划的营销更加轻松友好。
现在,如果您尝试取消 Netflix 订阅会发生什么?
Netflix 采用了以下巧妙的设计原则,让您更难取消订阅:
这种流程在用户体验设计术语中被称为“取消流程”。在这种流程中,用户体验设计师和信息架构师会尝试让取消流程变得更难,并为用户提供更多理由再次使用服务。他们常常需要在阴暗烦人的用户体验模式和流畅的取消流程之间寻找平衡。
“留住客户比获取新客户更便宜”——《哈佛商业评论》
狂看剧已经成为Z世代和千禧一代的标配,以至于我们常常忘记时间。用户体验设计正是解决这一人类困境的核心。
由于一些巧妙的策略,人们只想继续观看:
沉浸感与你在抖音、Instagram 和 YouTube 上看到的类似。滚动到下一个内容或让用户留在应用上是这类平台获得并维持业务的关键。事实上,用户留存率与将临时用户转化为付费用户直接相关。
目前,Netflix 正在部分国家/地区测试一项包含广告的新定价方案。此举旨在为难以支付每月 10 美元费用的用户提供更低成本的方案。
现在,计划的转变可能是由于以下用户行为的变化:
你今天是怎么访问 Netflix App 的?是在 YouTube 上看了一部新电影的精彩短片吗?还是朋友给你发了一部新剧让你一口气看完?
接触点是用户或潜在用户进入您的应用程序/网站的来源。
Netflix 采用了一种巧妙的营销策略——围绕其电影和电视剧,与热门内容创作者合作创作短视频内容,以吸引用户访问其平台。用户体验设计师巧妙地利用这些数据创建智能常见问题解答,构建内容投放方式,并提升用户参与度。
拥有强大的社交分享功能,可以让亲朋好友推荐节目和电影,从而吸引用户回头并保持他们的互动。许多其他公司,例如
和 在 Instagram 上发布自己风格化的故事,让他们分享的内容在网上脱颖而出。
一群聪明的用户体验设计师可以轻松认识到,用户体验受应用程序外部发生的事情的影响比受应用程序内部发生的事情的影响更大。
在 8,000 多个影片库中,用户很难轻松找到自己喜欢的影片。Netflix 在您购买订阅前后无缝解决了这个问题。
Netflix 在其落地页上展示您所在地区最热门的 10 部节目和电影。您可以点击查看简介或观看预告片。页面末尾会显示一个行动号召 (CTA),鼓励您订阅并开始观看该节目。
与 Amazon Prime 不同,他们不允许用户在购买前浏览电影库。唯一的方法是直接在 Google 上搜索电影或类型,然后直接导航到 Netflix。我认为这是 Netflix 在导航方面唯一不足的地方。我认为这是 Netflix 在导航方面唯一不足的地方。
Netflix 页面顶部的导航相当简洁。电视节目、电影、最新热门、我的列表以及按语言浏览。浏览这些内容时,我很容易就能明白自己想去哪里,没有任何歧义。
附言:对于像印度这样多语言的国家来说,按语言浏览非常重要。每个州都有独特的语言和娱乐产业,用户访问 Netflix 可能也是为了这些。
Netflix 意识到大型下拉菜单导航起来很棘手,所以它们会直接将用户引导至另一个页面,方便用户查看子项。如果您非常了解用户,就能创建出如此高效的导航栏。您清楚地知道用户喜欢搜索什么,以及哪些内容对普通 Netflix 用户来说很重要。对元素进行优先级排序是有效导航的关键。
他们将儿童选项、通知菜单和个人资料页面分离到了最右侧。这样既减少了用户的注意力,又提供了清晰的层次结构。
他们还为每个类别提供了相应的类型下拉菜单,方便您根据自己喜欢的内容风格进行筛选。选择类型后,他们不会带您浏览无尽的节目列表,而是会为您展示针对特定用户量身定制的特定类型内容,同时保留各种标题层级,例如“为您推荐”、“今日精选”、“Netflix 新剧”等等。
Netflix 的工作人员也在不断创建新的收藏集,帮助你找到类似的内容,让你可以一口气看完特定类型的内容。它的作用很像音乐流媒体服务上的播放列表,但这个收藏集是针对电影和节目的。
现在你可能会想,为什么这样的事情会影响订阅?对大多数用户来说,找到合适的内容才能继续看到Netflix服务的价值,这一点很重要。如果他们觉得在Netflix上再也找不到好节目了,他们可能会放弃这项服务。
Netflix 使用各种技术为用户提供更加个性化和“量身定制”的体验。如果您喜欢亚当·桑德勒主演的喜剧电影,Netflix 肯定会在接下来的几周内为您推荐类似的电影。电影结束后,您还会获得根据您的观影习惯进行个性化推荐。
但是个性化算法很常见,那么什么样的 UX 设计个性化可以帮助他们留住用户呢?
Netflix 允许您为不同的家庭成员创建多个帐户,因此每个人都可以获得自己的个性化推荐,而且别忘了,还有一个可爱的头像!
这些头像看似简单,但我们已经看到人们渴望将自己的个人资料和头像与游戏(《堡垒之夜》等)和社交媒体(Instagram 和 WhatsApp 显示图片)区分开来。因此,尽管这些头像只是微小的改变,但它们仍然会影响用户的个性化体验。
个性化功能也融入到通知中,其主要目的是吸引用户回访。它们会使用您的用户名(通常是您自己的名字)作为前缀或后缀,使机器人式的句子更加个性化。它们还会使用您之前的活动来提醒您继续观看。通知确实让 Netflix 这样的公司能够让营销看起来更自然,也让内容团队在文案上更具创意。然而,通知也可能让许多用户感到厌烦,因此他们必须始终谨慎处理。
Netflix 专门设立了“儿童”版块,让孩子们可以观看自己喜欢的卡通人物节目和电影,并根据孩子们的喜好设置了相应的分类。家长也可以控制和监控这个版块,以确保家长的安全和信心。我认为这非常明智。孩子们对内容的看法确实与众不同,Netflix 为吸引孩子们而采取的一些措施包括:明亮醒目的视觉效果、引人入胜的用户体验文案。
归根结底,内容为王。Netflix 依靠其提供的电影和电视剧来满足用户娱乐需求,并吸引新用户。
“Netflix 原创”或“仅在 Netflix 上”是他们与竞争对手区分开来的策略。Netflix 的一些热门作品,例如《鱿鱼游戏》、《路西法》、《怪奇物语》、《纸钞屋》等,已经为一些观众定义了 Netflix,而这往往成为他们继续订阅的理由。
这与我们在 YouTube 或 Instagram 等平台上注意到的情况非常相似,在这些平台上,用户界面通常不是人们坚持使用的因素,而是基本要素。
随着短篇内容的兴起和人们习惯的改变,许多公司不得不逐渐转移关注点。Netflix 无疑是其中之一。
Netflix 最近在每个符合条件的内容底部添加了“时刻”功能,用户可以找到节目或电影中的重要时刻,并可以直接跳转。Netflix 的这一举措非常冒险,因为它可能会减少用户在平台上的停留时间。另一方面,它允许一些用户在平台上花费更多时间观看更多内容,从而让他们看到内容的更多价值。
为了吸引新用户,并在内容过时时保持他们的活跃度,Netflix 购买了一些热门手机游戏的版权,并以零额外费用提供给用户。因此,原本售价 2 至 10 美元的游戏,现在对 Netflix 的订阅用户来说都是免费的。这当然不是设计上的决定,但这确实增加了价值的幻觉。
据世界卫生组织统计,地球上约有22亿人患有某种形式的视力障碍。这意味着Netflix需要解决这些问题,才能吸引视障人士。
Netflix 上几乎每部新电影或剧集都提供“音频描述”选项,方便视障人士轻松观看自己喜爱的内容。即使对于只戴眼镜的人来说,这项功能的精准度也让我感到惊讶,几乎就像不用睁开眼睛就能看电影一样。女声会引导你逐一欣赏电影场景,让人仿佛置身于冥想之中。
他们涵盖了许多其他无障碍方面,包括更改字幕设置,使其更清晰易读。
首先,我要说的是:人工智能永远无法取代真实用户的研究。无论工具多么强大,它都无法提供与实际用户交流一样的洞察。然而,人工智能可以提高速度和效率,并帮助减少用户研究员工作流程中的一些人工开销。
一些人工智能工具多年来一直是研究过程的一部分——比如转录、自动标记或情绪分析。但2025年的前景会是什么样子?研究人员还能用什么来增强(而不是取代!)他们的实践?
每当我看到一篇对 AI 工具赞不绝口的文章时,我都会持保留态度。有时是赞助内容,有时推荐的人甚至连一半的工具都没用过。这篇文章不会是工具清单(顺便说一下,这里有一个相当不错的清单!),也不会推荐什么内容。相反,我会分享我在工作中是如何运用 AI 的——哪些有用,哪些没用,以及我认为它的发展方向。
我将使用NNg 的结构来分享我的 AI 研究历程,将研究大致分为以下几个阶段:准备 → 运行 → 分析,并在此过程中添加任何额外的想法。
人工智能可以加快部分准备阶段的速度,但并非全部。例如,用人工智能编写一份好的测试计划通常也需要同样长的时间。除非是非常简单的事情,否则我解释背景的时间往往比自己起草的时间还要长。
它确实有帮助的地方:
事情到了这里就变得有点不连贯了。如果是主持式会议,那么你仍然需要承担主要工作——掌控对话方向,通过后续问题深入探究背景。如果是无主持式研究,那么你已经知道结果会如何,而且研究会自行进行。而且,很可能你在这个阶段已经使用了一些人工智能工具:
我发现人工智能在这里最有用,但同时也是最需要谨慎行事的地方。
人工智能可以帮助:
注意:不要让人工智能撰写整份报告。它通常会使报告显得过于学术或机械。如果你向认识你的人汇报,他们绝对会发现这份报告听起来不够真实。即使你与不太了解你的人分享这份报告,在这个时代,他们仍然很容易察觉到报告中人工智能的影子。
最大的问题和挑战是,目前还没有一种适用于所有研究的人工智能工具。
您可能需要混合搭配:
这绝不是市场上所有工具的详尽列表,市场上还有无数的工具。
这让我想到了工具采用过程中的主要障碍——成本。没有一个平台能够涵盖所有内容,所以你最终需要处理订阅、在工具之间切换,并处理分散的数据。
这会导致:
您可以在许多文章中找到有关市场上各种工具的更多信息,但我发现这篇文章非常有用。
人工智能不会取代研究人员。但它可以成为强大的助手——如果你知道在哪里以及如何使用它。我想再次强调——你仍然需要知道自己在做什么,并掌控全局。就像任何好的工具一样,关键在于平衡、专注,以及知道何时依靠自己的判断。
说实话,我们大多数人在设计屏幕时并不会考虑人脑。我们关注的是布局、间距和颜色。但事实是:设计并非发生在屏幕上——而是发生在用户的大脑中。这就是神经设计的用武之地。
神经设计就是运用认知心理学和神经科学来构建直观、轻松甚至略带愉悦的界面。我之前并没有学过神经科学,但自从我开始了解大脑的运作方式后,我的设计方式就彻底改变了。
以下是我所学到的知识 — — 有真实的例子、用户体验法则和一些你可能想看看的书籍精华。
我们的大脑天生就具有节能的本能。这意味着人们几乎总是会选择阻力最小的路径。当你的用户界面过于复杂或选项过多时,大脑就会说:“不行。”
提供的选择越多,做出决定所需的时间就越长。
想想谷歌的主页只是一个标志和一个搜索栏。这并非偶然——它的设计是为了减少认知负荷。
设计首先是情感驱动,其次是逻辑驱动。这意味着色彩、布局甚至动画都能在第一秒就建立信任。
让我们来看一个例子:Duolingo 的应用程序使用友好的插图、有趣的语气,以及一些感觉像大脑“拍拍背”一样的小奖励。它降低了学习新语言的情感障碍。
以下是Susan Weinschenk 所著《神经网络设计》一书中的一条重要建议:
“我们不会做出合乎逻辑的决定。我们会做出情绪化的决定,然后用逻辑来证明其合理性。”
大脑喜欢模式。当用户看到自己熟悉的事物时,他们会感到安全,并且能够掌控一切。
用户大部分时间都花在其他网站上。因此,他们期望你的产品也能以同样的方式运作。
让我们看一些例子:Instagram 的底部标签栏、亚马逊的购物车图标或Gmail 的撰写按钮——它们都遵循常见的视觉隐喻,以减少学习曲线。
认知科学告诉我们,用户的工作记忆中一次只能记住大约4个条目。因此,如果你的应用依赖于用户记忆指令,那么它注定会失败。
一般人的短期记忆只能保留 7 件(正负 2 件)物品。
真实案例:你有没有尝试填写表单,但错误信息只有在提交后才会显示,而你却忘了哪个字段出了什么问题?这简直就是记忆噩梦。
大脑会不断检查:这有效吗? 我能控制吗?如果用户界面没有响应输入,用户就会感到不确定——即使后台一切正常。
人们需要立即得到反馈来了解其行为的结果。
例如,Slack在消息发送时会显示“正在发送…”的动画和勾号。这能建立信任,尤其是在快速对话中。
以下几本书确实帮助我将神经科学和用户体验联系起来:
好的用户体验不仅仅是让事物看起来美观。它在于理解人脑的运作方式,并围绕此进行设计。神经设计提醒我们,我们设计的不是屏幕,而是思维中的体验。
当我们做得好的时候,一切都会顺利。
所以下次调整布局或重新设计流程时,问问自己:
现在什么对大脑来说最容易?
这个问题比任何花哨的工具都更能帮助我做出更好的决策。
……
想象一下,一位用户准备注册你的网站。他们会进入你的表单并输入信息。你对齐字段标签的方式会影响用户填写表单的速度。
您想为用户提供轻松便捷的体验,还是想给他们带来麻烦?如果您想让他们的体验快速便捷,请 在表单字段上使用顶部对齐的标签。
顶部对齐的标签比左右对齐的标签填写起来更快更容易。这是因为顶部对齐的标签只需要一半的视觉注视点。 顶部对齐的标签还允许用户沿着一个视觉方向向下移动表单。而左右对齐的标签则需要两个视觉方向才能填写。
顶部对齐标签的唯一缺点是它们会使表单变长。不过,现在用户滚动页面的频率更高了,所以这不是问题。通过减少字段之间的空白,您可以缩短表单的长度。您还可以将表单拆分成多个页面,以缩短表单的长度。
顶部对齐和左右对齐标签之间的区别显而易见。顶部对齐的标签更容易被用户看到,也更容易填写表单。虽然顶部对齐的标签可能会使表单变长,但用户填写表单所需的时间和精力更少,这对用户更有利。
如果顶部对齐的标签能够为用户带来更好的表单体验,那么它值得采用。设计师应该更多地考虑字段标签的对齐方式。这可能会影响用户填写表单还是放弃表单。
用户动机,是每个设计师设计产品时必须考虑的问题。只有激发用户动机,才能进一步提高转化率。本篇文章中,作者从福格PAC动机来源模型入手,从3种动机来源介绍如何激发用户的动机。不妨来看一看,说不定有帮助哦。
您是否从自然搜索和付费广告中获得了大量的访客,但却发现很难将他们转化为客户?Goldelucks也遇到了同样的问题,但他们成功解决了这个问题。他们是如何实现 66% 的订单收入增长的?让我们深入探究!
Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。
Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。
Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。
尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。
Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。
然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。
在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。
最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。
这种布局意味着顶部没有突出显示的值。
这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。
在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 。
Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。
他们测试了两个不同的版本。
在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。”
在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。”
通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。
他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。
为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。
这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。
例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:
但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个:
结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。
Goldelucks 的创新技术取得了一些令人印象深刻的成果:
总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。
通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。
Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。
Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。
Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。
尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。
Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。
然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。
在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。
最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。
这种布局意味着顶部没有突出显示的值。
这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。
在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 。
Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。
他们测试了两个不同的版本。
在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。”
在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。”
通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。
他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。
为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。
这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。
例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:
但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个:
结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。
Goldelucks 的创新技术取得了一些令人印象深刻的成果:
总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。
通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。
Kiss My Keto是一家专注于生酮生活方式的 D2C 商店。他们的首要目标是激励全球更多人实现生酮健康转型。Michael Herscu 和 Alex Bird 创办 Kiss My Keto 的初衷是,他们一直在努力寻找优质、诚信的品牌,为真正的生酮饮食提供正宗的产品。
联合创始人迈克尔 (Michael) 和亚历克斯 (Alex) 发现,很少有品牌使用正确的成分或保持明确定义适当生酮饮食的必要宏量营养素比例一致。
经过数年时间和数千小时对生酮饮食的研究,他们不断完善食谱,直到对最终结果感到满意:美味的生酮食品、零食和补品。
Kiss My Keto 团队希望提高销售额和转化率,因此他们向 OptiMonk 寻求帮助。
OptiMonk 的 CRO 专家开始深入研究 Kiss My Keto 的 Google Analytics 数据。他们发现了多个将 Kiss My Keto 网站流量转化为长期收入的机会。
必须解决以下用户细分问题:
让我们看看 Kiss My Keto 是如何解决这些问题的!
回答完第一个问题后,访客将进入对话弹出窗口的下一阶段。无论答案是什么,所有用户都必须提供电子邮件地址才能获取折扣码。
输入联系信息后,访客进入弹窗的最后一个阶段。他们可以看到优惠券代码和个性化产品推荐(与第一页的答案一致)。
这次活动非常成功。
它的转化率为 20.33% ,并收集了762 个新的电子邮件地址。
每次活动收集到新的电子邮件地址时,联系信息都会自动与 Kiss My Keto 的电子邮件营销工具Klaviyo同步。
由于 OptiMonk 与 Klaviyo 的集成设置简单,Kiss My Keto 的所有新订阅者都会立即收到相关电子邮件。
第二个活动针对的是浏览了 Kiss My Keto 产品页面但未将商品添加到购物车的访客。
为了防止该部分用户在未进行购买的情况下跳出,他们使用了出现在退出意图上的活动。
主要目标是通过提供 15% 的折扣来鼓励访客购买。为了使弹窗更具相关性,他们还显示了访客正在浏览的产品名称。
Kiss My Keto 团队使用了多步骤弹出窗口,并且仅在第二页要求提供电子邮件地址。
最后,第三页显示了优惠券代码:
团队还对优惠券代码进行了一些 A/B 测试,试图尽可能地优化活动。他们比较了固定优惠券代码(例如“15OFF”)和自动生成的优惠券代码(包含随机字符并设置实际截止日期(例如 3 天))的效果。
正如预期的那样,自动生成的优惠券代码提高了访客兑换代码并下单的意愿。此版本的转化率提高了 16%。
表现最佳的版本的转化率为 8.67% 。
放弃购物车的顾客通常参与度很高,他们只需要最后的推动就能下订单。
这就是为什么 Kiss My Keto 为放弃的访客提供最终 15% 的折扣。他们还使用了倒计时器来增强“害怕错过”(FOMO)的体验。
由于之前的活动证明自动生成的优惠券代码转换效果更好,因此他们也在这里使用了它们。
他们还启用了 OptiMonk 的自动兑换功能,该功能会在结账时自动应用客户的折扣。这意味着没有人会忘记兑换优惠券。
此次活动的转化率为 15.05%。
当访客在 OptiMonk 活动中转换并收到优惠券代码时,Kiss My Keto 会显示一个粘性条,提醒他们折扣。
无论自动兑换功能是否启用,Kiss My Keto 团队都认为粘性条活动很有用,因为它可以让访客牢记潜在的折扣。
他们通过创建两个版本来测试该活动:一个版本正常显示,另一个版本保持隐藏。这样,他们就能追踪看到和未看到该活动的购物者的行为。
那些看到“别忘了你的折扣码”置顶贴的用户转化率高出了 19.32% 。跟进那些已经在你某个广告系列中转化的客户显然非常有效!
以下是 Kiss My Keto 与 OptiMonk 两个月合作的主要成果:
营销人员喜欢争论什么方法有效。你的行动号召 (CTA) 按钮应该用绿色还是红色?简短的主题行能提升邮件的打开率吗?醒目的标题比含蓄的标题更好吗?
大多数人都是猜测。聪明的营销人员会进行测试。
A/B 测试(也称为拆分测试)是优化营销的最简单但最有效的方法之一。A/B 测试让您可以比较某些内容(网页、广告、电子邮件或 CTA)的两个版本,看看哪个版本的效果更好,而不是随机更改并希望获得最佳效果。
如果操作正确,A/B 测试可以:
但问题是——大多数人把 A/B 测试搞得太复杂了。本指南将用浅显易懂的语言进行讲解,并结合实际案例和最佳工具,助您立即开始测试。
让我们开始吧。
A/B 测试(也称为拆分测试)是比较某个事物(网页、广告、电子邮件或其他任何东西)的两个版本,以查看哪个版本的效果更好。
您无需猜测哪个标题、按钮颜色或广告文案会获得更多点击,而是运行 A/B 测试:
这为什么重要?因为小调整就能带来大成果。不测试,就等于白白浪费钱。
想象一下,您正在发送电子邮件活动,但无法在两个主题行之间做出选择:
你不是随机选择一个,而是进行 A/B 测试,将 A 版本发送给一半受众,将 B 版本发送给另一半受众。24 小时后,你检查打开率:
由于版本 B 表现更好,您现在有数据支持在未来的电子邮件中使用更具体、更具时间敏感性的主题行。
A/B 测试可以帮助您停止做出假设并开始做出数据驱动的营销决策。
接下来,让我们看看您可以进行哪些 A/B 测试(提示:比您想象的要多)。
A/B 测试不仅适用于按钮颜色和标题——您几乎可以测试营销策略中的任何内容。如果它能够影响转化率、参与度或收入,就值得测试。
以下是A/B 测试中最有价值的一些元素:
一家 SaaS 公司测试了两个版本的登陆页面:
版本 B 使注册量增加了 22%。
某电商品牌针对购物车放弃邮件测试了两个主题行:
主题行 B 的打开率提高了 15%。
一家 DTC 品牌正在进行 Facebook 广告测试:
广告 B 带来的转化率增加了 30%。
订阅服务测试两种免费试用期限:
14 天的试用期增加了注册人数,但第一个月后保留率较低。
某品牌测试了两个 Instagram 标题:
版本 B 的参与度提高了 40%。
A/B 测试不仅仅是进行微小的调整,它还涉及了解您的受众并优化营销渠道中的每个接触点。
现在您知道可以测试什么了,让我们逐步了解如何以正确的方式实际运行 A/B 测试。
现在您已经知道要测试什么了,让我们来分解一下如何正确地进行 A/B 测试。关键在于保持简单——一次只测试一件事,让数据积累起来,并根据实际结果而不是直觉做出决策。
以下是运行有效 A/B 测试的分步过程:
您想增加目标网页的注册量。无需重新设计整个页面,只需先测试标题即可。
您正在测试电子邮件主题行:
您的电子邮件列表有 10,000 名订阅者。5,000名订阅者获得版本 A,5,000 名订阅者获得版本B。
你测试了两个 Facebook 广告素材。一天后,广告 B 胜出,但总共只有50 次点击。
你让测试运行了一周,现在广告 A 实际上是赢家,点击次数达到 5,000 次。
您对 CTA 按钮颜色进行了 A/B 测试,结果显示版本 B(红色按钮)的转化率高出 12%。现在,您将网站上的所有 CTA 按钮更新为红色。
现在您已经知道如何运行测试,让我们来讨论一下可以简化流程的最佳 A/B 测试工具。
手动运行 A/B 测试简直是一场噩梦。好消息是,有一些工具可以帮你搞定一切——拆分流量、跟踪结果,并显示明显的优胜者。
以下是针对不同用例的一些最佳 A/B 测试工具:
这些工具可以帮助您测试不同的页面设计、标题、CTA 和布局,以提高转化率。
一家 SaaS 公司测试了两个版本的落地页:一个带视频,一个带图片。Optimizely显示,视频页面的注册量增加了 18%,因此他们决定在自己的网站上推广视频页面。
测试主题行、电子邮件内容、发送时间和 CTA,以提高打开率和点击率。
一份新闻稿测试两个主题行:
HubSpot A/B 测试表明,版本 B 的打开率高出 22%,因此他们继续采用这种风格。
测试广告文案、图片、定位和格式,以提高付费广告的投资回报率。
一个 DTC 品牌在 Facebook 上测试了两个广告标题:
AdEspresso 显示版本 B 获得的点击量增加了 15%,因此他们扩展了该版本。
测试产品定价、折扣优惠和结账体验以增加销售额。
一家网店测试了一款高端产品的49 美元和 59 美元定价。经过 4 周的测试,他们发现59 美元的定价不仅没有影响销量,反而能带来 20% 的收入增长,因此他们坚持了下来。
查看用户点击、滚动和离开的位置,以便您可以优化网站参与度。
一个博客测试了两种不同的 CTA 位置:
Hotjar 的热图显示,90% 的访问者从未滚动到足以看到底部的 CTA,因此他们将其移到更高的位置。
没有 A/B 测试工具,你只能靠猜测。这些工具可以帮助你追踪真实数据,运行公平的测试,并进行优化以获得更好的结果。
接下来,让我们回顾一下最常见的 A/B 测试错误以及如何避免它们。
A/B 测试理论上很简单——改变一个点,比较结果,选出最佳方案。但在实践中,营销人员会犯很多错误,导致数据不准确,浪费时间。
以下是最常见的 A/B 测试错误以及如何避免这些错误:
如果您同时更改多个元素(例如标题、按钮颜色和图像),您将不知道哪个更改实际上产生了差异。
一次测试一个元素。先对标题、按钮、图片分别进行测试。
某品牌在 A/B 测试中同时更改了 CTA 按钮和优惠信息。转化率确实有所提升,但他们并不清楚究竟是按钮的更改起了作用,还是优惠信息本身就起到了作用。
很多营销人员一看到效果就兴奋不已,立即结束 A/B 测试。但早期数据并不可靠——测试需要足够的流量和时间才能具有统计有效性。
使用A/B 测试计算器来确定在做出决定之前运行测试的时间。
Facebook广告测试显示,广告A在两天后就取得了成功,但点击量只有100次。他们让广告A运行了整整一周,结果广告B竟然以5000次点击量夺冠。
版本 B 的转化率略高,并不意味着它真的更好。如果差异不具有统计显著性,那么结果就只是随机噪声。
使用统计显著性计算器(如AB 测试指南或Evan Miller 的计算器)来确认您的结果。
电子邮件主题行测试显示:
如果没有统计意义,这种微小的差异并不意味着版本 B 实际上更好。
如果您的测试受众不随机且不具有代表性,您的结果就会存在偏差。例如,如果版本 A 主要面向移动用户,而版本 B 主要面向桌面用户,那么结果就不会可靠。
使用 A/B 测试工具在各个版本之间随机分配流量,以获取干净、无偏见的数据。
一家电商平台在周末进行了 A/B 测试,但其受众在工作日的行为有所不同。测试结果对于长期决策毫无帮助。
并非每次测试都能带来显著的改善。如果差异很小或无法确定,请勿强行下结论——直接进行下一个测试即可。
如果没有显著的赢家,请测试另一个元素或改进您的实验。
一家 SaaS 公司测试了两个 转化率几乎相同的定价页面。他们没有强迫客户做出决定,而是转而测试定价文案。
A/B 测试并非一次性完成——今天有效的方法明天可能就无效了。受众行为、趋势和平台会随着时间而变化。
将 A/B 测试视为一个持续的过程,而不是一次性的实验。
一个电子邮件营销团队在三月份找到了一个成功的邮件主题,但却从未再次测试。到了七月,邮件打开率开始下降,但他们却没有意识到受众的偏好已经发生了变化。
如果测试内容过多、过早停止或忽略统计显著性,A/B 测试结果将毫无意义。遵循最佳实践,信任数据,并持续测试以持续改进。
接下来,让我们看看现实世界的 A/B 测试示例,看看哪些方法真正有效。
理论上谈论 A/B 测试是一回事,但让我们来看看那些经过测试、迭代并取得巨大改进的真实公司。这些案例表明,即使是微小的改变也能带来转化率、点击量和收入的大幅提升。
测试元素:登陆页面上的 CTA 按钮颜色
公司: HubSpot
HubSpot 想看看改变CTA 按钮的颜色是否会影响转化率。他们进行了以下测试:
色彩心理学很重要——CTA 的对比色可以使其更加突出。然而,这并不意味着红色总是胜出——关键在于根据网站设计测试颜色。
测试元素:电子邮件主题行
公司:一家 SaaS 公司
该公司希望更多人打开他们的促销邮件。他们进行了测试:
文字很重要。以情感驱动和基于好奇心的主题行可以显著提高打开率。
测试元素:登陆页面标题
公司:一家 SaaS 初创公司
该公司希望提高注册率,因此他们测试了两个标题:
模糊的营销信息无法像具体的、以利益为导向的标题那样产生良好的转化效果。
测试元素: Google Ads 标题
公司:某电商品牌
他们想看看哪种类型的 Google 广告文案效果更好:
人们对社会认同和情感诉求的反应比一般的产品描述更强烈。
测试元素:引导表单设计
公司:一家 B2B 软件公司
该公司希望更多人填写他们的潜在客户表单。他们进行了测试:
更少的摩擦=更高的转化率。如果您的表单、结账页面或潜在客户开发流程过于复杂,您就会失去潜在客户。
这些真实的 A/B 测试示例表明:
不要猜测,今天就开始运行 A/B 测试,让数据指导您的决策。
A/B 测试不是进行随机更改,而是基于真实数据进行迭代、优化和提高性能。
营销的精髓在于持续改进。无论是行动号召 (CTA)、邮件标题、广告还是定价策略,都要进行测试,信赖数据,并不断优化,以获得更佳效果。
现在轮到你了——你要进行 A/B 测试的第一件事是什么?
蓝蓝设计的小编 http://www.lanlanwork.com