提升用户体验的 77 个交互设计方法(一)



  • [TOC]

    提升用户体验的 77 个交互设计方法

    本系列文章翻译于2017/5/4,GoodUI 上收集了 77个可以优化交互体验的方法。简单按照理解翻一下当做学习笔记。

    良好的用户界面可以带来更好的使用体验,更高的转化率。同时好看的东西更好用,也是符合心理学的。

    1:尝试使用单列布局,而不是多列布局(提升转化率,提升易用性)


    一个页面应该只有一个中心内容,多列布局会分散用户的注意力。单列布局可以让你更好的控制要叙述的故事,从上到下的引导读者,还可以在结尾引出一个明确的行动指示。

    2:尝试提供免费的试用,而不是直接销售(可提升转化率)


    为用户提供免费试用是一个很友好的转化手段。更深层的是,馈赠是以互惠为基础的有效的劝说手段。
    通过提供一小段时间的免费试用作为礼物,引起用户的好感,进而提升转化率。

    3:尝试合并类似的功能(可提升易用性)


    当一个页面中有多个相类似的部分、元素或者功能,容易给用户造成学习压力。通常,UI 分割越多,客户必须处理的信息也就越多,学习成本越高。
    将类似的功能合并在一起,提升易用性。

    4:尝试引用真实用户的评价(可提升转化率,有效性 + 3%)


    用户好评是提高转化率的有效策略。 让访客看到其他用户正在谈论并赞同你,可以强化访客发起行动的决心,从而提升转化率。

    5:尝试多次提示用户操作(可提升转化率,有效性 + 84%)


    多次提示适用于较长的页面或者跨页的内容。在内容顶部放置一个轻量的操作按钮,在底部给出一个明确突出的行动按钮。 当人们到达底部时,他们会暂停并考虑下一步做什么

    • 一个潜在的交易机会。

    6:使用统一的样式,进行状态指示(可提升转化率,提升易用性)


    不同的视觉元素可以帮助人们了解页面信息结构,并定位当前位置:我在哪里,我可以去哪里。
    要做到这一点,让可操作元素(如链接,按钮)、当前位置和纯文本的样式有明显的区别,并将这一规则应用到所有页面中。
    示例中,蓝色代表可点击元素,黑色是被选中元素,可以指示用户的当前位置。 适当的应用不同的样式规范,可以降低用户学习成本,提升易用性和转化率。

    7:给用户一个明确的推荐(可提升转化率,有效性 + 14%)


    当有多个选项可以选择时,突出显示一个建议的选项可能是一个好主意。因为有些人需要一点点推动力。 心理学研究表明:选项越多,做出决定的机会就越低。
    可以采用强调某一选项的方法,来帮助有选择障碍的人做出决定。

    8:可撤销的操作,给用户反悔的机会(可提升易用性)


    可以撤销有两个优点:首先是尊重用户的想法,让操作顺利执行;其次是给了用户反悔的机会,来防止用户不知道自己在做什么。不过大多数时候人们是知道自己的目的的,只有少数情况下才会出现误操作。特别是当用户反复执行某个操作的时候,非人性化的弹窗提示变得很低效。启用撤销操作,并尽可能的不要求二次确认,可以让用户更有控制感。

    9:找准你的目标用户(可提升转化率)


    你的产品是针对的每个人还是某个特定用户群? 你需要明确的了解自己的产品所针对的目标用户。
    通过传达符合特定用户群的价值观,可以在暗示专有的同时,连接到更多的用户。 这种策略的风险在于会缩小自己的业务范围,限制潜在客户。

    10:尝试给用户一个肯定的指示(可提升转化率)


    你需要直白的传达你的信息,而不是模棱两可。不够明确的指示意味着谁也不知道接下来可能发生什么。

    11:尝试增强元素之间的对比(可提升转化率,提升易用性)


    尝试让你想要让用户操作的元素变得更加突出,和周围的内容形成对比。可以通过改变色相、明度、纯度来进一步提高对比。比如使用对比色,阴影和渐变。

    12:尝试突出产品特色(可提升转化率,有效性 - 2.1%)


    使用产品的名称,图片或原产地来介绍产品,是更加个性化的一种方式。 告知用户你的产品是在哪里制造的,会给人质量更可靠的感觉。

    13:尝试减少表单项(可提升转化率,提升易用性,有效性 + 7.6%)


    人人都讨厌繁琐的填不完的表。每增加一个表单项,用户放弃的风险也随之增加。特别是在移动互联网发达的今天,在手机录入更让人头疼。尝试只保留有必要的表单项,删除不必要的。如果非有那么多不可,可以尝试将一个长表单拆分为不同的步骤页。更少的字段可以带来更高的转化率。

    14:尝试让选项可见(可提升转化率,提升易用性,有效性 + 50.8%)


    每个下拉菜单都隐藏了一组操作,如果这些操作很重要,尝试让选项直接可见。下拉菜单适用于可以预测的选项,或反复出现的界面上。翻译备注:如果下拉列表低于三项,不如直接展示来的更易识别和操作。可以使用单选或多选组。

    15:不要让用户觉得已经到底了(提升转化率)


    长内容页上不合理的排版或过大的留白,会让访问者感觉页面已经结束了,而忽略后面的内容。可以尝试用一个用户可以学习和依靠的视觉图案或节奏来延续阅读,比如使用有序列表。

    16:尝试让视觉聚焦在重要操作上(可提升转化率,提升易用性,有效性 + 5.6%)


    为了满足用户需求,一个页面上往往会有很多链接。如果你创建的是一个目的性较强的页面,并希望用户完成特定的操作,那么一定要注意:任何多余的链接,都有可能吸引用户的视线,让他们远离你希望达成的目标。所以请限制网页上的链接数量,去掉不相关的链接是个好办法。

    17:尝试直接显示状态(可提升易用性)


    在界面设计中,我们经常遇到具有不同状态的元素。比如邮件的已读和未读状态,订单的支付与未支付状态。尝试直接告诉用户当前项的状态是用户反馈的方式之一。可以有效地帮助人们了解他们的行为,和项目的当前状态,进而引导采取下一步行动。

    18:尝试告诉用户可以获得额外的好处(提升转化率,有效性 - 8.3%)


    想象一下,页面上有两个按钮。 一个按钮告诉你,它可以 “为你省钱”,而另一个要求你 “注册”。
    第一个可能有更高的机会获得点击,因为注册没有固有的价值,而且需要付出努力。 也可以把利益说明放置在行动按钮的旁边,以提醒人们为什么要采取该行动。

    19:尝试自动显示关联操作(提升易用性)


    有时候,隐藏关联操作是很有道理的,可以减少页面的复杂程度,让用户把注意力放在重要信息上。当用户需要对列表中的元素进行操作时,悬停显示更多操作的方法更易用。另一个常见的例子是点击编辑:点击某个数据项,数据项变为可编辑状态。这种交互常常用于有相同属性的列表中,隐藏上下文菜单,当鼠标经过时显示上下文菜单。

    20:尝试直接显示需要跳转页面的内容(提高转化率,有效率 - 0.2%)


    在创建能传达目标价值的网页时,可以在转化页面上直接显示要填写的表单。 例如将注册表单合并到登录页面,比分开创建注册和登录页更加易用。
    首先,可以减少跳转操作所需要的时间。 其次,通过显示正式的表单,给用户注册很简便的感觉。 如果可以的话,表单要尽可能缩短。

    21:尝试使用动效(提升易用性)


    界面元素经常需要移动、隐藏/出现或者尺寸调整。当这些元素与用户进行互动时,尝试在改变中加入动效,可以让操作感觉起来更容易和流畅。这种故意的延误,可以增强人们对变化的认知。过渡时间应该控制在0.5秒以内,时间过长会适得其反。

    22:尝试无需注册就可以体验产品(提升转化率,有效性+26%)


    不要求用户立即注册,让他们先尝试着执行一个任务。这种初步的互动,可以展示产品的特点。一旦用户认识到了产品的价值,并了解到如何变成自己的价值,他们会持更加开放的心态。渐进的参与虽然推迟了注册过程,但却可以带来更高的转化率和用户认可。

    23:尝试去掉边边框框(提升易用性,提升转化率)


    边界框可以用来清晰的定义一个空间,同时也会带来认知负担。边框会给人虚幻的感觉,有时候会看起来很嘈杂或不整齐。如果需要有效的区分不同的屏幕元素,可以通过邻近、对齐、设置背景等方式。在需要的地方放置一根线也是有帮助的,但尽量考虑通过视觉关系来定义视觉关系。

    24:尝试销售给用户的好处,而不是功能(提升转化率,有效性+4.3%)


    人们倾向于关心给自己带来的利益,而不是功能。明显的利益可以带来明显的价值。人们希望得到更多的爱、时间、承诺和金钱,避开压力、冲突、麻烦和不确定。

    25:尝试充分利用内容为空的状态(提升易用性)


    不要忘记数据或内容为空的情况。空内容意味着忽视了用户,当用户第一次看到你的应用时,面对的就是一个空白的页面。可以在空白页面给用户以引导,向用户展示接下来要做的事情,帮助用户跨越最初学习障碍。

    26:尝试利用默认选项(提升转化率,有效性+8.1%)


    默认项意味着用户默认参与某事,而不需采取任何额外的操作。这样做有两个好处:首先减轻了动线上的阻力,其次这也是一种建议,“所有人都这样做,你也可以”。这个方法有争议性,经常有营销人员会滥用这个方式,比如降低文本的可读性或者混淆文本,或使用双重否定文本。在使用此方法时,请务必确保用户清楚和理解要发生的事。

    27:坚持一致性原则(提升转化率,提升易用性)


    拥有一致性的界面,可以有效的降低学习成本。一致性巩固了已学习到的交互的方式,一旦发生变化,就需要重新学习。可以通过颜色、方向、行为、位置、大小、形状、标签和语言等实现界面的一致性。做这件事前请记住:保持不一致仍然很有价值。不一致的元素更容易受到潜意识的关注。要明白什么时候保持一致,什么时候保持对比。

    28:尝试使用智能填充(提升转化率,提升易用性)


    使用智能默认值来填充字段,通过计算来降低或消除用户的工作量。这种常见的技术,通过帮助用户更快的完成表单来节约用户时间。最糟糕的就是要求用户一再提供过去已经提供的数据。尝试预先加载已有字段,而不是重新要求输入。工作越少越好。

    29:不要重复发明轮子(提升转化率,提升易用性)


    很多元素有约定俗成的规范和标准。不要去改变这个标准,尽可能的保持一致,以降低学习曲线。当一个规范不能服务于目标的时候,可以打破约定,但请确保是善意的和用户可理解的。

    30:尝试帮助用户避免损失(提高转化率)


    人们更倾向于避免损失而不是获得收益。利用这一点,保护用户现有的福利、财富或地位。这种策略可能比为用户提供尚未拥有的其他附加值更有效。想想保险公司是怎么做的就知道了。

    31:使用更好的视觉层次(提升转化率,提升易用性)


    良好的视觉层次,可以有效地区分重要元素和次要元素。视觉层次来自于内容的对齐、邻近、颜色、色调、缩进、字号、大小、填充、间距等变化。当这些视觉语言被正确运用时,可以有效地提升可读性。可视化的结构层次可以降低人们滚动页面的速度,花更多的时间停留在页面上。就像是高速公路和风景优美的林间小道一样,让页面有更多有趣的事情,给眼睛一个停留的地方。

    32:让信息架构变得更加有序(提升易用性)


    我们都知道刀和叉通常可以在同一个地方找到。 将相关项目分组在一起是提高可用性的基本方法。不要让用户浪费时间寻找东西,并不好玩。

    33:尝试内联验证,而不是最后再提示(提升可用性,提升易用性)


    在处理表单的错误时,最好是输入完成后直接去检测内容是否正确,并将结果显示出来。 通过显示错误信息(如在输入字段的右侧),用户可以在上下文中进行更正。
    另一方面,比如点击提交后才显示错误信息,用户不得不去回忆自己之前在哪儿填过什么。

    34:让输入框接受更宽松的内容输入(提升转化率,提升易用性)


    在需要用户输入数据的地方,提供更高的兼容性,可以让输入变得更人性化。宽松的输入需要充分了解用户可能输入的各种数据格式,从而保证任何可能的输入都是可行的。最常见的例子就是输入电话号码。人们以不同的方式输入电话号码、区号、括号、破折号等,用代码去兼容不同的输入方式,而不是要求用户按照你的要求去做。

    35:尝试使用时间限制提升紧迫感(提升转化率)


    紧迫感可以促使人们立刻采取行动。它通常意味着一种稀缺性,现在可以用的东西明天就不能用了。对人们来说失去机会是不能接受的,有人认为这种策略是愚弄人的肮脏方式,但只要是诚实的有效的,这就是一个好策略。同时要小心人们可能在联系你的时候抱怨这种紧迫感。

    36:尝试制造数量上的稀缺(提升转化率)


    制造一种供不应求的局面。用这种稀缺性唤起用户采取行动的决心。(译注:跟上面一条类似,同样都是在制造紧迫感。)

    37:尝试用识别替代回忆(提升转化率,提升易用性,有效性 + 10%)


    人们更容易识别已经看到的东西,而不是从自己的记忆中回想起来。
    让用户自己识别他们以前遇到过的东西,而不是期望用户记住并回忆一切。(译注:微信在登录验证的时候,会要求从几个联系人中选出最近联系过的人。)

    38:尝试充分利用费茨定律(提升转化率,提高易用性)


    随着尺寸的增加,链接,表单和按钮都可以更加轻松点击。 根据费茨定律,快速移动到目标区域所需的时间是目标区域的距离和目标区域的大小的函数。
    出于这个原因,可以让元素看起来更大,而不只是增加其可点击区域。

    39:尝试更快速的载入,减少等待(提升转化率,提升易用性)


    速度很重要。 无论是页面加载的速度,还是操作响应的速度,都会影响人们决定是否会继续等待。
    为了让人觉得时间没那么长,可以通过优化代码和图片的方法来减少加载时间,也可以通过一些心理学技巧来减少对加载时间的感知,如显示进度条。对于有把握的事情如充电,采用『先慢后快』型的进度条,对于没多大把握的事情如加载网页,采用『先快后慢』型。切记尽量不要用匀速的进度条,人们会对他失去耐心。

    40:尝试使用快捷键(提升易用性)


    作为高品质的产品,请着重考虑那些不断回来并花费大量时间的高级用户。 使用键盘快捷键,可以让人们更快的执行重复性任务。 一旦记住热键,就可以大大加快任务速度。
    例如 Gmail 中使用 J 和 K 键执行翻页操作,而按钮可以作为补充方式。

    41:利用价格锚定效应(提升转化率,有效性 + 8.8%)


    当我们从更高的价格开始,并降低为较低的价格时,突然间,这个低价格不再那么大了。
    当人们需要对某个产品做定量估测时,会将某些特定数值作为起始值,起始值像锚一样制约着估测值。利用锚定效应的营销例子是建议零售价。

    42:尝试加快进度(提升转化率)


    随着进度的增加,完成的动力越来越高。也可以称为目标渐变效应,让人们感觉到自己在进步,而不是还没有开始。

    43:尝试逐步显示,而不是一次展示全部(提升转化率,提升易用性,有效性 - 0.1%)


    逐步显示可以保护用户不受太多无关信息的干扰。通常用于表单的上下文中,伴随着扩展和滑动。过多的表单会给用户带来压力,尽量只专注于显示和询问跟当前情况相关的内容。

    44:许一个小诺,而不是大的(提升转化率,提升可用性,有效性 + 9.4%)


    过大的承诺可能会吓到人们。承诺可以让用户在使用产品的时候 “感同身受”。先从获得较小的“肯定”开始,然后逐渐获得更大的
    “肯定”。示例中用一个相亲网站说明了这个方法。相亲的目标是马上找到结婚对象,但“找到你人生的另一半” 的目标过于巨大,会让访客产生心理压力。而用
    “看看谁在使用网站” 则更轻松一些。还有一个细节是按月付费和按年付费,要求用户按月付费,也是一个降低用户门槛的方法。

    45:尝试减少使用模态窗口(提升易用性)


    模态窗口或者提示窗是抓住用户注意力的好办法。但是随之而来的问题是:首先,模态窗口遮挡住了正文的内容,导致无法执行或者访问。其次,如果用户中途离开,则可能忘记了弹窗代表的含义,出现误操作。最后,当用户注意力集中的执行任务时,弹窗会干扰注意力。可以考虑使用更加微妙的内联或者滑动的方式,尽量避免使用突兀的方法吸引注意力。(PS:在某些需要用户特别注意的地方,提示窗仍然是个好方法。)

    46:尝试使用多功能组件(提升易用性)


    简洁是设计中很有价值的原则,可以直接影响易用性。过多的内容和混乱的界面会让用户无法集中注意力。在交互界面中尝试让一个控件具备多种功能,示例中将搜索框与过滤器相结合,并将排名显示与评级相结合。但是这么做是以可发现为代价的,具有较高的学习成本。所以,你需要明智的只在合理的地方使用这条原则。

    47:尝试使用图标文字标签(提升转化率,提升易用性,有效性 + 13%)


    单独使用图标,可能会引起一些歧义。以箭头图标为例,能代表移动、更改优先级或者下载,“X”图标代表着删除、禁用或者关闭。为了让图标更容易理解,可以使用文本标签进行扩充。如果怎么没有那么多空间放置文字标签,可以使用
    “单个图标悬停” 显示 “所有图标标签” 的方法作为妥协方案。

    48:尝试使用自然的表达方式(提升转化率,提升易用性,有效性 + 3.3%)


    自然语言是一种非正式的对话方式。这种风格相比计算机语言更容易被人理解。

    49:尝试引起好奇心(提升转化率,提升易用性,有效性 + 21%)


    通过撩起好奇心来提高用户对某事物的渴望。可以使用示例章节、试用等来撩动好奇心。例如多看和亚马逊的 “试读”“发送样张”
    功能。让潜在用户先采取行动,继而走的更远。较为失败的案例,除了没有试用,就是提供了完整的内容。让用户保持那份渴望,保持饥饿~

    50:尝试做出承诺保证(提升环化率,有效性 - 7%)


    通过提供一些保证,来让用户对要购买或使用产品更加放心。比如:安全、免运费、随时退。告诉用户没有任何风险,是一种绝对值得一试的转换策略。

    51:尝试使用虚幻的价格(提升转化率)


    就像 99 元看起来比 100 少很多一样,利用这种尾数消费心理,制造人为的不合理性。例如在价格旁边写上 “只有”
    造成一种很划算的假象。也可以以最小单位作为售价,比如 “切糕” 的定价。使用 9 结尾的定价法。显示更少的数字如 30,而不是 30.00。

    52:尝试在完成的时候感谢用户(提升转化率)


    感谢人们选择使用你的产品,因为这代表了用户对产品的赞赏和认可。在任务完成的时候,不要只是简单的反馈,还要表示一下感谢,同时可以引导用户采取更进一步的行动。

    53:尝试使用直观词汇代替数字(提升转化率,提升易用性)


    不要让用户去做数学计算,把数字转换成用户可以直观理解的词汇。例如微信朋友圈的发布时间 “刚刚”“三分钟前”“三天前” 等等。这个相对的时间词汇要比具体时间如
    “9 月 2 日下午 4 点 37 分” 更有意义,也更容易理解。

    54:尝试重申用户的选择(提升转化率)


    当人们的选择被重申,被再次确认时,人们被说服的几率更大。用一个简单的描述表明 “这是你的选择”,或者 “你可以自由拒绝”。被说服的几率甚至可能翻倍。

    55:尝试提供不固定的激励措施(提升转化率)


    奖励是让用户着迷的好方法。当小白鼠按下杠杆的时候,它们无法预料会不会吐出东西,但这种强化训练会在最短的时间内取得最高的反应速率(频繁的按下杠杆)。当我们真的不知道那些
    “奖励的人” 什么时候出现的时候,你会向上瘾一样,频繁的检查邮件(假设你每天收到的都是来自 Joe 的邮件)。

    56:尝试吸引用户的注意力(提升转化率,提升易用性)


    把用户的注意力吸引到更重要的事情上。有很多种实现方式,如更明显的尺寸、更高的对比度、使用不规则形状、使用浮动的元素。但是也要记住,当所有的元素都是重点时,也就意味着没有重点。尝试把注意力吸引到真正重要的地方。

    57:尝试更友好的对比方式(提升转化率,提升易用性)


    有时我们需要对多个产品进行比较。有几个方法,可以让比较变得更容易。首先,降低需要对比的属性量。其次,将属性进行分隔。第三,消除额外的认知。总的来说,表格的目的是显示相关属性的不同,来帮助用户做出决定。

    58:尝试利用爱收集的癖好(提升转化率,提升易用性,有效性 + 160%)


    人们有收集东西的动力,无论是真实的还是虚拟的。向用户展示他已经收集到的东西和达成的成就,来激发和强化用户的积极性。如果数量是有限的,那么收集的动力会更强。

    59:尝试使用分步式的小成就(提升转化率,提升易用性)


    你在 X 的第一步,你的选择将会产生 Y。在到达最终目标前,所有那些小小的承诺不仅会提供信息,还能跟用户建立起信任。

    60:尝试幽默一点,不要太严肃(提升转化率,提升易用性)


    你可以开玩笑或者放一些好玩的东西来活跃气氛。幽默可能会有用,也可能不会。然而,当它真正起作用的时候,幽默就能在你和你的用户之间建立起一种更强大的关系。那些与你有更强烈的私人关系的人,在你犯错的时候可能更容易原谅你。

    61:试着及时反馈用户的操作和状态(提升转化率,提升易用性)


    当我们执行一个任务时,我们希望知道它是不是已经成功,反馈让用户的操作形成一个闭环。沉默会带来不确定性,它真的有效吗? 按钮真的按下了吗? 我应该再试一次吗?
    及时的反馈回答了所有这些问题。一个成功的交互流程,反馈是一个非常有价值和必要的部分。

    62:提供可预期的目标(提升转化率,提升易用性)


    用户总是带着某种意图去操作的。拥有一个可以正确预测的用户界面,会带来更多的微笑和转化。示例中,一个Cheese的菜单里却包含了Apple,他们属于两个不同的分类。(PS:感兴趣的还可以搜一下:Amazon
    反应速度超快的下拉菜单)

    63:在页面中使用适当的留白(提升转化率,提升易用性)


    留白可以使内容或数据更加易读。当元素间稍微分开时,它们可以被用户单独感知。使用留白的一种常见方式是在一个项目周围添加额外的空白。另一方面,如果没有足够的空白填充,元素就会模糊成无法区分的整体。因此,当涉及可读性时,留白会有帮助。

    64:尝试给用户讲一个故事(提升转化率、提升易用性,有效性 - 12%)


    讲故事是最古老的交流方式,可以在登陆页面、应用程序和各种 UI
    交互中使用。一个基本的故事包含一些简单的元素,比如角色,以及一些出现的问题和冲突。故事会让人觉得好像有过类似的经历,从而引发更多的情感反应。另外,故事令人难忘。

    65:不要说谎(提升转化率,提升易用性,有效性 + 6%)


    成为真实的人,是让你的产品更加值得信赖的一种方法。用一些快乐的人的图片,或者是没有理由的微笑,可能是破坏信任的第一步。另一个经常引起怀疑的是产品评论,评论有好的有坏的,而不是只有闪亮的评论。最后,精确的非整数也可以被认为更可信。(译注:有时候错别字会让评论更加真实。)

    66:尝试逐渐的减少信息(提升转化率,提升易用性)


    当用户学会使用你的平台或应用程序时,随着时间的推移,开始时重要的功能变得更容易或不重要。例如,图标标签可能会被隐藏,因为图标的含义已经被用户理解。当人们已经学会使用,即可进入渐进的信息减少模式。

    67:以用户为中心(提升转化率,提升易用性,有效性 - 11%)


    把用户的利益放在最前面,从而建立产品的影响力。包括从 “我”
    到“你”的转换,倾听他人以及真正对他人感兴趣。以用户为中心需要表现在产品的语言和交互中。支持用户自身的利益能带来额外的可信度。有时候,从别人的角度来看待和讲述事情(即使它并没有立即带来好处),可能会产生一种建设性的提议,让每个人受益。

    68:试着使用上下文解释,而不是假设用户都了解(提升转化率,提升易用性,有效性 + 3.9%)


    有些事情对我们来说可能是显而易见的,但对别人却不是。使用上下文解释来消除这种不确定性,有很多种方法:表明索取信息的原因、可接受的内容的示例或者在哪里可以找到需要的信息。但是,在使用这种上下文描述时,要记住的一点是,在表单字段中不要使用它们作为占位符文本。

    69:尝试简洁的文字表达(提升转化率,提升易用性,有效性 + 0.9%)


    用短句和更简单的词汇来表达你的意思。写完初稿后,看看是否能将内容简化一下。只展示核心信息可以在传达意图的同时而不失去别人的注意力。

    70:尝试使用响应式布局(提升转化率,提升易用性)


    页面可以双向滑动就像通过钥匙孔看地图一样,是一种认知和使用上的负担。解决这个问题的方法之一是使用响应式布局,这样就能自动适配不同的屏幕形状和大小。(译注:一种新的流式布局正在流行。)

    71:尝试更清晰的视觉层次(提升转化率,提升易用性)


    有目的性的将视觉元素进行分组,尝试使用更大的间隔,使用更多样的字体大小,不同的色调。通过清晰的视觉语言来表达你的意图,避免模棱两可造成的视觉混乱。

    72:允许用户犯错和修改(提升转化率,提升易用性)


    人总有犯错误的时候,给他们修正错误的机会,而不是让用户重新开始。比如订购产品的数量、快递地址的变化等。你的界面应该允许用户进行细微的修改——这是很自然的。

    73:尝试利用社交媒体的力量(提高转化率)


    人们倾向于表现出一致的形象,而社交媒体带来的影响力可以加强这种行为(承诺与一致)。当我们公开宣布要做某事时,会有更高的几率在未来采取一致的行动。

    74:尝试允许重新来过(提升转化率)


    事情的发展,总有不尽人意的时候。给用户再次尝试的机会,允许他们重新来过,从而减轻由于失败而带来的心理压力。

    75:不要给用户过多选择(提升转化率,提升易用性)


    可选项越多,做出决定的难度也就越大。随之而来的是满意度下降、悔恨和自责。结合上一条,给用户重新选择的自由比给更多选项更好。较少的选项,让用户有更高的决策力,进而更快的作出决定。

    76: 尝试逐渐引导(提升转化率)


    渐进式引导用户去执行某个任务。

    77: 尝试取消优惠代码(提升转化率)


    取消优惠券代码可以带来更多的销售。

    原文:
    https://www.y3pm.com/post/good-ui-1
    https://www.y3pm.com/post/good-ui-2
    https://www.y3pm.com/post/good-ui-3
    https://www.y3pm.com/post/good-ui-4
    https://www.y3pm.com/post/good-ui-5
    https://www.y3pm.com/post/good-ui-6
    https://www.y3pm.com/post/good-ui-7
    https://www.y3pm.com/post/good-ui-8


Log in to reply