首页

Netflix 如何利用 UX 设计赢得 2 亿付费用户

清阳

为应用程序获取免费用户是一回事,但利用 UX 设计来获取 2 亿付费用户又是另一回事。

Netflix 成立 27 年来,彻底改变了商业模式,从实体 DVD 转型为数字 OTT 平台。二十多年来,Netflix 不仅牢牢抓住了忠实用户,还吸引了数百万新用户。

我做了研究,发现很多用户体验原则和实践都被用来吸引用户,并让他们长期使用付费套餐。让我们一起来看看吧!

“随时取消”

一个简单的术语赢得了数百万人的青睐。Netflix 使用智能选择架构和一些巧妙的模式来赢得用户的信任。

随时取消政策让Netflix看起来不像订阅服务,更像是一次性购买,只需少量资金投入。在这个几乎所有订阅都有最低门槛或锁定期限的时代,这使得专业版计划的营销更加轻松友好。

现在,如果您尝试取消 Netflix 订阅会发生什么?

Netflix 采用了以下巧妙的设计原则,让您更难取消订阅:

  1. 要取消订阅,您必须进入帐户设置,然后深入了解您的会员资格。点击次数越多,用户决定继续订阅或推迟取消订阅的可能性就越大。这并非总是如此,但即使取消订阅的用户数量下降 1%,也能为 Netflix 带来巨大的收益。
  2. “取消会员资格”按钮位于页面底部“更改计划”操作之后,这使得它在页面上的重要性最低。此外,取消按钮是一个非常简单的幽灵按钮,使其在屏幕上更难被发现。
  3. 下图展示了Netflix如何通过提供多种选择来吸引用户回归——比如更换更便宜的套餐、离开前观看,甚至还有暂停订阅按钮!他们还会利用你的情绪,向你展示即将离开的内容,以及你与他们共度的所有“美好时光”。
取消订阅前您会看到此屏幕

这种流程在用户体验设计术语中被称为“取消流程”。在这种流程中,用户体验设计师和信息架构师会尝试让取消流程变得更难,并为用户提供更多理由再次使用服务。他们常常需要在阴暗烦人的用户体验模式和流畅的取消流程之间寻找平衡。

“留住客户比获取新客户更便宜”——《哈佛商业评论》

沉浸式体验和自动播放

狂看剧已经成为Z世代和千禧一代的标配,以至于我们常常忘记时间。用户体验设计正是解决这一人类困境的核心。

由于一些巧妙的策略,人们只想继续观看:

  1. 大型海报,顶部突出显示内容。
  2. 预告片在顶部自动播放,并且当鼠标悬停在预告片上方时,预告片也会自动播放。
  3. 指示器显示您观看了某个内容的时长,提醒您继续观看。
  4. 高/大卡片用于吸引网站不同部分的注意力。
  5. 每次您观看完内容时,都会弹出新节目和电影的推荐和建议。
  6. Netflix 会自动播放您正在观看的剧集的下一集。

沉浸感与你在抖音、Instagram 和 YouTube 上看到的类似。滚动到下一个内容或让用户留在应用上是这类平台获得并维持业务的关键。事实上,用户留存率与将临时用户转化为付费用户直接相关。

Netflix 的广告——OTT 的新时代

目前,Netflix 正在部分国家/地区测试一项包含广告的新定价方案。此举旨在为难以支付每月 10 美元费用的用户提供更低成本的方案。

现在,计划的转变可能是由于以下用户行为的变化:

  1. 用户现在已经习惯了 Youtube、Twitch 等平台上更长、更多的广告。因此,另一个广告数量较少的在线平台并不会让人感到震惊。
  2. 他们提供广告作为更便宜计划的交换,这意味着无论是否有广告,用户都会看到订阅的价值。
  3. 他们运用了“价格锚定”的概念,可以显示较低的起价,让用户感受到其服务的更多价值。他们还可以在营销材料中使用“6.99美元起”来吸引更多转化。

无限触点

你今天是怎么访问 Netflix App 的?是在 YouTube 上看了一部新电影的精彩短片吗?还是朋友给你发了一部新剧让你一口气看完?

接触点是用户或潜在用户进入您的应用程序/网站的来源。

Netflix 拥有无数的 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 上几乎每部新电影或剧集都提供“音频描述”选项,方便视障人士轻松观看自己喜爱的内容。即使对于只戴眼镜的人来说,这项功能的精准度也让我感到惊讶,几乎就像不用睁开眼睛就能看电影一样。女声会引导你逐一欣赏电影场景,让人仿佛置身于冥想之中。

他们涵盖了许多其他无障碍方面,包括更改字幕设置,使其更清晰易读。

 

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

设计不再具有颠覆性。我们还能重新找到设计灵感吗?

清阳

黑色田野上的复古未来主义插图。现代雕塑和雕像,超现实的几何形状,线框,赛博朋克元素和透视网格。流行迷幻科技风格的抽象矢量插图。
作者:Martyshova

是的。我们想知道为什么产品设计界这么多人都走到了崩溃的边缘?我想说,我不认为设计已死。只是我觉得我们迷失了方向。

2023年,Airbnb首席执行官布莱恩·切斯基(Brian Chesky)曾说过: “设计师必须有勇气。”说实话,我们过去确实很有勇气。一种无所畏惧的自信,一种打破现状的近乎疯狂的喜悦。“惊喜与愉悦”、“精益求精,保持简洁”一直是我多年来领导设计团队的座右铭。

我陷入了以收入为中心、痴迷于图案设计的陷阱。

然而,不知何故,在某个时刻,也许是在无休止的会议、OKR、业务目标和盈利报告的催促下;又或许是因为公司内部不断边缘化设计——这种自信消失了。我们从协作型的摇滚明星变成了解决问题的小齿轮,再变成了生存主义者。因为现在机器来了。

观察氛围

多年来,我本着脆弱的精神,陷入了以收益为中心、痴迷于图案设计的陷阱。DS 是一种令人兴奋的、以特定价格点进行设计的方法。让我们去创造收益!让我们去优化利润!让我们快速实现各种创意!我们为什么要在应该创新的时候重复造轮子呢?

听起来很熟悉?
这就像个兔子洞。我和同事们聊过,大家都觉得,

  • 为什么每次想到 ux/ui 设计我都会感到沮丧,尽管我对它充满热情?
  • 为什么我对当前的设计和产品方法感到沮丧,即使它有效?(是吗?)
  • 为什么尽管我热爱我所做的事情,但我的创造力却不再因工作而得到满足?
  • 为什么怀念互联网的狂野西部时代,尽管它充满了模糊性?
  • 尽管设计无处不在,但它已经消亡了吗?

如果我们用设计系统的方法录制一张专辑,每首歌在技术上都是完美的,但它们听起来本质上都一样。哪个用户会因为反复听这首歌而受到启发呢?我们自己的设计故事已经支离破碎了。

我们很多产品设计人员都生活在艾维所说的“企业议程已将设计和创新的重点从目标转移到利润”的境地。追求收益令人精疲力竭。创造性的故障排除被误认为是创造力。基于卡班板混乱和闪电般快速发布的产品经理微观管理的压力。MVP 地狱景象。毫无结果的 A/B 测试,因为利益相关者不理解。整体创新解决方案被所谓的“安全”的快速解决方案扼杀。而这一切都是有代价的。灵感更少,活力更少,友善更少,压力更大。更多的自我限制。更多的模仿。更多千篇一律、复杂而扁平的用户体验。等等。

转变

过去一周,我的观点与多年来形成的理念发生了转变。我最近去一家大型游戏公司面试领导职位,面试的主题是如何创造收入。这才是整个团队最关心的问题。他们没有考虑用户需求,也没有考虑他们正在构建的工作和体验的乐趣。这些从未被讨论过。

这真的让我很困扰。非常困扰。这不是我第一次遇到这种情况。我一次又一次地发现,出现了两件事:

  • 在大多数设计文化中,设计的乐趣和喜悦是不存在的
  • 人类基于价值观的行为优先于人类情感

我们大多数人都在无意识中直接促成了这一点。我们甚至没有意识到这一点。然而,要论证人类首先是情感实体,这并不需要太多说服力。我们能够立即感知和感受事物,然后再运用逻辑,这与人类的进化直接相关。然而,我们的设计方法在很多方面都缺乏这种能力。

(我在这篇文章中只关注设计的作用。但科技领域其他角色的出现,以及流水线投资回报率驱动的 IDEO 方法,无疑导致了设计优先级的下降,不再以用户感受为重点。)

我们需要重新进行重大的直觉选择并重新感受事物。

我是如何开始转变的?

有两件事无疑产生了最大的影响。

- 新的 Google Material DS “发送”按钮
。-

采访乔纳森·艾维。

 

两者都重点讨论了“欢乐与喜悦”和“火花”的设计。

谷歌界面的更新打破了所有固有规则,打造了独特的数字体验。他们抓住了机会,用数据验证了这一可能性,最终他们的努力让用户参与度提升了4倍。

Jony 在Stripe大会上的采访非常鼓舞人心。如果你今年需要看一部作品来了解设计对我们这个瞬息万变的世界的重要性,那非看不可。他让设计回归了它的本源,那就是那神奇的“火花”。

当我思考这些时,我发现伟大的设计中存在着一些更具体的事情——颠覆。

如果您今年关注一件事以了解为什么设计对于我们这个不断变化的世界如此重要,那就是它了。

在数字体验的早期,没有数据,没有关键绩效指标 (KPI),也没有流水线式的技术开发方法。当时的设计纯粹是为了品牌价值、功能和实验。我们有两个代码库:HTML 和 Flash。工作的多样性令人兴奋。网站以及最终的原生应用都易于使用,易于导航,没有算法,非常人性化。

我们也只是想打造一些我们的朋友和同事会谈论的非常酷的东西。

设计团队和工程团队围坐在一起,讨论他们想要构建的目标,并在整个过程中不断合作。如同合作伙伴一样。一份简单的路线图充满了宏大的想法和雄心壮志。方法是什么?“我想要一个能够实现_____的酷炫解决方案,因为我想做_____。”

我们受到的启发是(用艾维的话来说)“设计一些能够推动物种发展的东西”,“为人类服务”。我们也只是想打造一些非常酷的东西,让我们的朋友和同事谈论。

有些品牌正在疯狂地颠覆这个领域。比如Acorn和Airbnb。但当突破设计界限的设计如此罕见时,这对任何人来说都不是好兆头。什么时候突破设计界限的设计非常罕见,这对任何人来说都不是好兆头。

最新的颠覆者

人工智能。

我们正为此疯狂。长期以来,我们一直谨慎行事,构建一套设计方法论式的设计系统,结果却事与愿违。我和其他人一样,也为自己的谨慎行事感到内疚。不到五年,产品设计将不再像过去十五年那样存在。这原本是一个令人恐惧的前景,直到我直面恐惧。

想想看,不用再构建模式库了。不用再花费无数时间迭代数据和最佳实践。不用再熬夜撰写和设计战略方案了。这可不是设计,而是繁重的工作。说真的,让机器来做吧。

我可以重新做我最擅长的事,运用我的智慧、想象力和经验来推动事情发展。当然可以。报名吧。我就是来干这个的。

设计会发生什么?

我们不再打破常规。我们遵循着基于指标和绩效的群体思维美学。我们各自为政,各自为政,各自为政。我们用耗时的方法来构思创意。我们迷失在迭代的泥沼中。我们没有逼迫自己打破常规。

如果我们退一步,纵观设计的全局,就会发现我们所做的最伟大的设计,其核心都是“颠覆性”。敢于创新,敢于思考。它不断尝试新事物,探索新的视野。然而,我们对这门学科的内在部分却感到厌恶。

我不知道“幸运眷顾勇者”这句话是谁说的。

我的一个使命就是让它重新回到我们的世界。

回去工作。

让我们打破思维定势。

让我们都做些史诗般的事。

 

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

PC端网页的UI设计趋势

涛涛

显示设备的多用化、智能手机应用的普及化、电子设备触摸屏的普及,这些环境变化推动了 PC 网页 UI 设计的新动向。

进阶 UI 设计能力指标体系

涛涛

本文是《进阶 UI 设计 能力指标体系》系列的上篇,围绕 UI 设计师进阶及市场需求展开

如何做好 UI 设计

涛涛

本文围绕 “如何做好 UI 设计” 展开,分享了一系列相关要点

导航 为什么外部链接应该在新标签页中打开

清阳

大多数设计师在设计网站时,并不太关注链接。只要链接有效,能将用户引导至正确的页面,就万事大吉了。但良好的用户体验远不止于此。有些链接应该在新的浏览器标签页中打开,而有些链接则应该在原浏览器标签页中打开。设计师务必了解两者的区别。

浏览器标签改变了一切

过去,许多人都不喜欢在新窗口中打开链接。新窗口对用户来说很难管理。但浏览器标签页的推出改变了这一现状。现在,您无需打开新窗口,而是可以在新标签页中打开链接。最大的区别在于,浏览器标签页比浏览器窗口更易于用户管理。

当新窗口打开时,它会覆盖用户之前的窗口。用户会感到困惑,不知道如何返回。但是,当新标签页打开时,用户仍然可以在顶部看到之前的标签页。用户很容易理解如何在标签页之间切换。 事实上,大多数用户在浏览时都会打开多个标签页。浏览器已经发生了变化,因此设计师定位链接的方式也应该随之改变。

内部链接与外部链接

将用户引导至同一网站其他页面的链接为内部链接。内部链接不应在新的浏览器标签页中打开,而应在用户当前所在的标签页中打开。

在同一个网站打开新标签页既多余又令人困惑。如果是同一个网站,但页面不同,用户会使用导航菜单返回或根据需要导航到其他地方。让用户停留在同一个标​​签页中,有助于他们更好地理解网站的导航流程。

然而,外部链接应该在新标签页中打开。这些链接会将用户引导至不同的网站。许多设计师会犯在同一个标​​签页中打开外部链接的错误。这会带来许多问题,设计师需要了解。

后退按钮疲劳

在同一个标​​签页中打开外部链接,会给用户带来“返回键疲劳”。每次用户访问外部网站时,他们都必须点击“返回键”才能返回到你的网站。如果他们决定点击其他网站上的链接,他们就必须点击更多次“返回键”才能返回到你的网站。这对用户来说,是很多不必要的操作。

在新标签页中打开外部链接,用户可以尽情浏览其他网站,无需反复点击“返回”按钮返回到您的网站。他们只需点击您网站所在的标签页即可。无需反复点击“返回”按钮,也无需长时间等待。

减缓用户流量

在同一标签页中打开的外部链接也会降低用户浏览速度。许多浏览搜索引擎或链接分享网站的用户都在寻找信息。他们通常会点击页面上的多个链接,从不同的来源获取信息。

在新标签页中打开外部链接,用户可以一次性浏览页面,点击所有相关链接,然后开始消化和筛选信息。用户无需反复返回源页面继续浏览更多链接,从而减少浏览流程的中断。

当用户确实想要返回源页面时,这很容易做到,因为标签页会一直打开,直到用户手动关闭它。用户无需多次点击返回按钮并等待源页面重新加载。他们只需点击标签页即可轻松返回。

网站过度运作

在同一个标​​签页中打开外部链接不仅会让用户负担过重,也会让您的网站负担过重。每次用户返回您的网站时,它都会占用您的网站资源来加载页面。

在新标签页中打开外部链接可以节省大量资源。如果用户想返回您的网站,他们无需再次加载页面。他们只需点击您的网站标签即可。这既快捷又简单,而且不占用任何带宽。他们无需点击返回键或打开上下文菜单即可返回。

不准确的分析

很多时候,用户会点击文章段落中的外部链接,以便更好地理解文章内容。这并不意味着他们想在未读完文章的情况下离开您的网站。然而,您的网站分析结果却并非如此。如果您的外部链接在同一个标​​签页中打开,则表明用户离开您网站的速度比实际速度要快。

这是因为,当外部链接在同一个标​​签页中打开时,用户会完全离开您的网站。然而,在新标签页中打开的外部链接在用户访问外部网站时,仍会保持您的网站标签页打开。用户在您网站上的停留时间会在他们手动退出网站标签页时结束,而不是在他们访问外部链接时结束。

用户点击外部链接并不意味着他们想要离开您的网站。您不应将外部链接点击视为网站退出。唯一明确的退出方式是用户点击标签页上的关闭按钮。

外部链接影响您的网站和用户

将用户引导至不同网站的链接应在新标签页中打开。将用户引导至同一网站不同页面的链接应在同一个标​​签页中打开。如果您在与您的网站相同的标签页中打开外部链接,这会对您和您的用户造成影响。您不仅会遇到不准确的分析结果,导致网站运行更费力,还会使用户的工作负担加重、速度变慢。在当今链接主导网络的世界里,确保链接以正确的方式打开几乎与链接到正确的页面同样重要。

 

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

为什么对话框中的“确定”按钮放在右侧效果最佳

清阳

设计师经常会思考对话框中“确定”和“取消”按钮应该放在哪里。“确定”按钮是完成任务的主要操作。

“取消”按钮是辅助操作,可以让用户返回到原始屏幕而不完成任务。根据它们的功能,最佳的放置顺序是什么?“确定”按钮应该放在“取消”按钮之前还是之后?

平台一致性不够好

许多人认为遵循平台惯例是解决问题的答案。虽然这看起来像是解决问题的办法,但实际上并非如此。它没有回答哪种布局对用户更有利以及原因。仅仅为了保持一致性而遵循平台惯例的建议根本不够好,只会让设计师徒劳无功。

“一致性”是设计师们常用的词。它也是人们不深入思考用户面临的设计问题的常见借口。如果连设计惯例存在的意义都不知道,遵循它又有什么意义呢?

如果某种设计惯例对用户有害怎么办?设计师是否应该为了保持一致性而盲目遵循它?是否应该因为设计师想要将平台设计一致性作为解决所有问题的答案而将糟糕的设计实践延续下去?

如今,某些平台设计惯例被广泛使用,因为它们对用户有用。但这里的重点是,平台设计的一致性永远不应成为设计师做某事的唯一理由。理解为什么应该以某种方式设计用户界面而不是另一种方式是关键。

按钮位置很重要

有人可能会认为,通过增加操作按钮的视觉重量和清晰的标签使其更加突出,比其位置更重要。虽然操作按钮的视觉重量和标签是需要考虑的重要设计方面,但并非唯一的方面。

只关注一个设计方面而忽略其他方面,是粗心大意的设计师的表现。一个一丝不苟的设计师会思考每个设计方面如何影响用户。而主要操作和次要操作的布局,正是设计师最难搞清楚的。这就是为什么“确定”/“取消”按钮的争论在设计师中如此普遍。

为什么“确定”按钮放在右侧效果最佳

当你克服了平台惯例的争论后,你会质疑哪种布局效果最好。你可以通过分析设计如何影响用户来解决这个问题。

减少视觉注视

有必要验证设计师们常见的假设是否正确。一些设计师认为,将主要操作放在左侧次要操作之前对用户更有利,因为左侧操作更靠近用户,因此点击时间更短。

这很有道理,但你不能忽视一个事实:用户在选择操作之前会查看所有选项。这意味着大多数用户不会盲目点击主要操作按钮,而不查看旁边的次要操作按钮。

他们会先看到左侧的主要操作,然后再看右侧的次要操作。之后,他们会将目光移回主要操作并点击它。这会在多个方向上形成总共三个视觉注视点。

左侧有“确定”按钮,视觉注视点更多,并流向多个方向

使用右侧的“确定”按钮,视觉注视点减少,并流向一个方向

将其与位于对话框右侧、次要操作位于左侧的按钮进行比较。用户的视线首先停留在次要操作上,然后移至主要操作并点击按钮。这在一个方向上产生了总共两次视觉注视,从而为用户提供了更快的视觉流。

用户只会在每个按钮上注视一次,最终停留在主要操作按钮上。将主要操作按钮放在左侧或许能让用户更容易触及,但从用户的思维过程和视觉注视角度来看,将主要操作按钮放在对话框右侧实际上会更快。

映射到预期的按钮功能

当用户点击辅助操作按钮时,他们希望应用程序不执行任何操作,并返回到原始屏幕。因此,“取消”按钮的功能类似于“返回”按钮。

当用户点击主要操作按钮时,他们期望应用程序执行按钮指示的操作,并将他们带到下一个屏幕。因此,“确定”按钮的功能类似于“下一步”按钮。将次要操作按钮放在左侧,将主要操作按钮放在右侧,可以映射用户期望的“上一步”和“下一步”按钮的功能。

这与分页按钮的放置方式类似。将用户带到下一页的按钮位于右侧,将用户带回上一页的按钮位于左侧。这种按钮放置方式之所以有效,是因为它与用户从左到右的阅读和导航方向相呼应,其中右侧是前进方向,左侧是后退方向。

“确定”可让用户前进到下一个屏幕,“取消”可让用户返回到原始屏幕

对话框中的“确定”和“取消”按钮应遵循类似的交互模式,因为它们的功能类似于分页按钮。不仅如此,左右方向的模式也符合西方用户习惯。将主要操作放在右侧,将次要操作放在左侧,将使对话框按钮更容易、更直观地被用户理解。

为用户提供更高效的任务流程

对话框右下角的按钮更容易被用户点击,因为它遵循了古腾堡图表。在古腾堡图表中,右下角是终端区域。这是用户完成浏览后视线最终停留的区域。

将按钮放置在终端区域,可以让用户最后看到需要执行的主要操作。这不仅改善了视觉流程,也优化了任务流程。用户在浏览时不会跳过主要操作按钮。他们的目光会在浏览过程中直接落在按钮上,因此可以立即点击。

扫描对话框并采取行动既快速又简单,因为用户的眼睛停留在主要操作按钮上。

按钮放在角落里还是将它们放在一起?

设计师经常思考的另一个问题是,他们应该把按钮放在角落里还是把它们放在一起。当你把主要操作和次要操作放在对话框的角落里时,它们可以很好地映射到左右导航方向。然而,由于“确定”和“取消”按钮不是导航按钮,因此没有必要遵循方向映射。有时,这样做弊大于利。

按钮之间较大的视觉分离使得操作比较困难,并将一个操作与另一个操作隔离开来

如果应用程序即将执行用户无法撤消的关键操作,那么让用户能够同时看到“取消”按钮和“确定”按钮就显得尤为重要。在这种情况下,“取消”按钮的功能可能类似于“上一步”按钮,但它更重要的是,它充当了安全按钮,可以防止任何更改。

将“取消”按钮放在最左上角的危险在于,由于两个按钮之间的视觉距离过大,用户可能会忽略它。将“取消”按钮与“确定”按钮放在一起,可以让用户更容易地在一次注视中看到并比较这两个操作,从而选择最佳操作。

结论

当用户需要阅读重要信息或执行重要操作时,设计师通常会使用对话框。按钮的放置顺序会影响用户选择的操作。如果按钮的放置顺序清晰高效,可以防止用户选择错误的操作并犯错。

按钮的位置很重要,但也要记住注意按钮的视觉重量和标签。所有这些设计方面都会在用户浏览对话框时发挥作用。既然您理解了为什么“确定”按钮放在右侧效果最佳,那么您就有比平台一致性更好的参考依据了。

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

 

6 个令人惊讶的、伤害诵读困难患者的不良习惯

清阳

网络无障碍访问不仅惠及色盲用户,也惠及诵读困难用户。诵读困难是一种学习障碍,会影响人们阅读、书写和拼写的流畅性或准确性[10]。

作为设计师,我们可以通过避免那些会损害阅读障碍用户的不良设计实践,帮助他们更好地阅读文本。从他们的视角看待事物,可以让我们更好地理解无障碍设计的重要性。

患有阅读障碍的人在阅读文本时,有时会出现视觉扭曲的效果 [5]。这些效果的程度因人而异,但它们会使阅读文本变得更加困难。

以下六种不良习惯可能会给阅读障碍者带来视觉扭曲效果。这些不良习惯也会给非阅读障碍者带来阅读困难。但它们对阅读障碍者的影响更为严重。

河流效应

诵读困难者有时可能会在阅读的文本中看到“河流效应”[1]。这是指连续的文本行中出现较大的空白。它看起来就像一条空白的河流顺着页面上的文字流淌而下。有一些不良习惯会导致“河流效应”的发生。

1. 对齐文本

对齐文本不仅对有阅读障碍的用户来说难以阅读,对没有阅读障碍的用户来说也同样如此。这是因为它会在字母和单词之间产生较大且不均匀的空白 [8]。当这些空白彼此重叠时,就会出现一条令人分心的空白河 [4]。

这可能会导致患有诵读困难症的读者在阅读时反复忘记读到哪里 [6]。你可以使用左对齐文本,而不是两端对齐的段落 [2],来避免产生“河流效应”。

2. 句号后双倍行距

我们大多数人都有在句末句号后加双倍行距的习惯。这种做法起源于打字时代。那时的打字机使用的是等宽字体。因此,人们认为在句号后加双倍行距会使句子的结尾更加清晰 [9]。

但句号后单倍行距就足够了,因为大多数网站都使用等距字体。句号后双倍行距会在文本中形成“河流”,使用户难以找到句子的结尾[9]。在网络上,单倍行距更胜一筹。

模糊效果

诵读困难者可能出现的另一种视觉扭曲效应是模糊效应 [1]。诵读困难者阅读时,会看到文本模糊、旋转或混杂在一起 [5]。这会严重影响诵读困难者的阅读能力,使他们感到疲劳 [7]。可以通过避免一些不良习惯来减轻这种影响。

3.纯白背景上纯黑文字

你现在阅读的文字不是纯黑色 (#000000),背景也不是纯白色 (#FFFFFF),这是有原因的。这是因为许多阅读障碍者对高对比度颜色产生的亮度很敏感。这会导致文字旋转或模糊不清 [3]。

为了避免这种情况,请使用灰白色作为背景,例如浅灰色或棕褐色。您也可以使用深灰色代替纯黑色作为文本,以进一步减少眩光。

4. 长段连续的段落

长段不间断的段落文本不仅对阅读障碍者来说难以阅读,对非阅读障碍者来说也同样如此。阅读障碍者很容易在阅读长段落时迷失方向 [1]。

这就是为什么最好使用表达单一观点的短段落 [2]。这是因为阅读障碍者比非阅读障碍者需要在观点之间有更多停顿 [6]。将文本分解为每段一个观点,无论阅读障碍者还是非阅读障碍者,都能更轻松地阅读。

冲刷效应

有时,诵读困难者会经历“洗出效应”。当这种情况发生时,文字会显得模糊不清 [5]。这会使阅读速度变慢,并导致诵读困难者因为看不清单词而猜测单词是什么。为了减轻这种影响,在处理文本时应避免两种不良做法。

5.衬线字体

衬线字体在字母笔画的末端有钩。它们看起来很有装饰性,但可能会给患有阅读障碍的用户带来阅读障碍。衬线字体往往会遮挡字母的形状,使字母显得杂乱无章[1]。

但无衬线字体可以让诵读困难者更清晰地看清字母的形状。这是因为没有了钩状结构,字母之间的间距就更大了,更容易辨认。[6]

6.斜体文本

斜体有时用于突出显示文本。但不应使用斜体文本,因为它们会使字母难以阅读。与非斜体字体相比,斜体字母的线条呈锯齿状。这些字母还会倾斜,使患有阅读障碍的用户难以辨认单词 [6]。

当文字较小时,斜体文本更加难以辨认[3]。更好的突出显示方法是使用粗体文本,因为字母更清晰,对比度也更好。

人人可及

许多用户患有阅读障碍,难以阅读文本。您应该通过纠正这些不良做法,让您的网站对所有人都易于访问。您已经了解了阅读障碍用户的网络体验。在视觉扭曲的情况下阅读时,获取信息并不容易。每个人都有获取信息的权利,无论他们是否患有阅读障碍。

 

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

UI 设计中按钮用圆角还是直角?

涛涛

UI 设计中按钮用圆角还是直角需综合考量,圆角在网格布局中更易辨识,如 TurboTax 仪表板中圆角卡片比尖角更引人注目,全圆形按钮在 Spotify 中因突出交互引导成功,但全圆形按钮可能被误认标签、嵌套选项触摸区域小、不适合堆叠,而直角按钮在表格等堆叠布局中更合适,此外圆角传达现代、简约等感觉,像 Chrome 浏览器更新为全圆形地址栏,总之设计需以鼓励用户交互、减少干扰为目标,而非单纯选择圆角或直角。

一次糟糕的导航设计,怎样毁掉了整个用户体验

清阳

“导航系统是用户在信息环境中的方向感,没有它,一切设计都是迷宫。” ——《信息架构:超越Web设计》
 
糟糕导航,真能毁掉体验! 我最近帮一个客户诊断他们的网站:视觉很好看,动效很花哨,但用户却频繁抱怨“找不到内容”。结果一查,核心问题就在导航设计:
同级栏目命名不统一,用户分不清差别;
二级菜单隐藏太深,点击才能发现;
不同页面导航结构不一致,导致迷路;
移动端和PC端导航布局完全不同,切换设备时用户无所适从。
 
书中有一句话特别扎心:“导航应该是信息环境中一致的标识系统,而不是隐藏信息的迷雾。”
这正好点出了他们的问题本质:导航不是装饰,而是用户认知路径的支撑。
 
 一次糟糕的导航,怎么毁掉体验?
用户需要多次点击才能找到目标内容 → 增加流失率
不一致的导航让用户记忆成本倍增 → 挫败感提升
重要页面被埋没,关键转化流程被中断 → 直接影响业务数据
比如这个网站有“产品中心”和“解决方案”,实际内容高度重叠,用户分不清该点哪一个;搜索结果页没有回到主导航的按钮,用户只能强制返回首页重来。
书里也强调:“不合逻辑的导航结构会导致用户迷失方向,并迅速放弃探索。”
 
如何快速自检你的导航?
打开你的网站,让一个没用过的人用导航找5个特定内容;
观察他们是否能在三次点击内到达;
如果他们频繁回到首页或说“不知道在哪里”,说明你的导航需要优化。

47ae6436-363d-40c4-9af1-b8abb353d43f (1).png

47ae6436-363d-40c4-9af1-b8abb353d43f.png

1280X1280 (1).PNG

1280X1280.PNG

39671bbb-2cbf-44fe-88b0-bf8626da4a1c.png

20250630-211953.png

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

日历

链接

个人资料

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

存档