45.试着柔和的提示而不是弹框。 弹框或对话框是一个独占的关注，喜欢或不喜欢。抓住用户的注意力是一件好事，但弹框通常有一些讨厌的问题。首先，弹框可以阻止用户执行其他功能或参考弹框后面的的信息。某些用户难以摆脱。如果用户离开计算机，对话框也经常阻止出故障的计算机而不能完成给定的工作。最后，当一个人正专心于自己的工作的时候，一个弹框会打乱他的工作。为什么不考虑更微妙的内嵌或滑出，可能不太突出的方法同样能抓住人们的注意力？

01c4415543c4120000019ae976febb.jpg

转载【实用】UI交互手册

48.使用自然的文字而不是枯燥的排版

0168335543c4110000019ae93e972b.jpg

46.试着多功能控制而不是更多的部分

01b8e65543c4120000019ae95ba9af.jpg

010be25543c4110000019ae9b6d3fc.jpg

50.尽量的保证而不是假设一切都很好 当你完成了一次销售，减少一些的保证。再加上担保，告诉你的客户，他们就很满足了，告诉他们支付是安全的，这次运输是免费的，是的，他们可以随时拉出来，没有任何风险。一切都很好，一切都会好起来的。不要担心，要快乐。把一个正面的一个密切的，绝对是值得一试的转换策略。

01972f5543c4110000019ae9d08ca8.jpg

47.使用图标标签而不是放弃解释

01a9cb5543c4110000019ae94bf111.jpg

    40.可以给用户提供一些快捷操作&lt;br&gt;&lt;br&gt;    当你的程序广为流传，应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法，快捷键就应运而生了。相比在界面上点来点去，快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J（后退）K（前进）快捷键组合，比如在Gmail，Twitter和Tumblr中。按钮固然好，但快捷键会锦上添花。

0177765543c48f0000019ae9d64eb4.jpg

    21.用一些动效过度而不用立即显示变化&lt;br&gt;&lt;br&gt;    用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

015d7b5543c4900000019ae9f53c3f.jpg

    28.使用较贴切的默认值会减少操作&lt;br&gt;&lt;br&gt;    适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面，这是种非常常见的做法，可以帮助用户快速填完表单或者注册信息。

012bd55543c4900000019ae9db4167.jpg

    43.循序渐进地引导用户，不要简单粗暴地直接呈现给用户&lt;br&gt;&lt;br&gt;    渐进的显示，让用户免受过多的不相关的信息。这是一种方式，如果这样做是有意义的，逐步显示信息。通常情况下，渐进的显示也伴随着某种形式的扩展或滑出的动画。如果显示太多，访问者会望而却步。

019a1a5543c48f0000019ae96eed9a.jpg

    37.让用户选择而不是重新填写&lt;br&gt;&lt;br&gt;    这一界面设计中的经典准则是有心理学依据的，相比要让某人回想想某样东西，从一堆东西中认出某样东西会更容易些。辨识出一样东西只需要我们稍微回忆一下，通过一些线索就可以完成。而回想则需要我们全面搜索自己的大脑。也许这也是为什么试卷上选择题会比简答题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们进行选择，而不是让他们想半天然后自己填写。

01ba8d5543c4900000019ae934257b.jpg

    36.适当尝试饥饿营销&lt;br&gt;&lt;br&gt;    物以稀为贵。饥饿营销给出的信息就是东西不多，只剩几件，明天再来，可能没了。你去比较一下批发与限量版的东西他们的价格差距有多大就知道了。回过头来看，那些批发商或者大零售商，他们也使用饥饿营销，以获得更好的销量。但在软件行业，我们经常会忘记有饥饿营销这回事。因为数字产品是可以很容易拷贝复制的，不存在缺货的情况。其实，在界面设计中，也可以将其运用起来与现实中的资源紧缺进行联系。想想一次网上研讨会的门票，想想你一个月可以服务的人数限制，这些信息都可以告知用户是有限的。

01c5875543c4900000019ae9663b5d.jpg

10.简洁明了，直接了 你可以通过不确定而颤抖的声音来表达传递自己的意思，当然也可以通过很自信的方式表达。如果你在界面中的表述用语多以问号结束，比如&quot;也许&quot;，&quot;可能&quot;，&quot;感兴趣？&quot; 或者&quot;想要试试么？&quot;，那么你完全还可以把语气变得更坚定一些。不过万事无绝对，或许适当放松措词让用户有自行思考的余地也是可以的。

01cc485543c4910000019ae9242989.jpg

    22.循序渐进的引导用户而非生硬的要求用户注册&lt;br&gt;&lt;br&gt;    与其让用户马上注册，何不让用户先进行一些体验式的操作呢。这个体验过程可以展示程序的功能，特性等。一旦用户通过简单几步的操作了解了程序的价值所在，那么它会更愿意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

01f7225543c4900000019ae970f072.jpg

    33.采用及时校验而不是到最后才提示错误&lt;br&gt;&lt;br&gt;    在处理表单时，最好立即检测出用户所填写内容是否符合要求然后给出验证消息。这样错误一出现能就能得到改正。相反，提交后再检查表单会给出错误消息，会让用户感到乏力又要重复之前的工作。

01c6785543c4900000019ae9b9041f.jpg

    13.使用简洁的表单&lt;br&gt;&lt;br&gt;    人生性就懒惰，在填写表单时也是同样的道理，没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。不是每个人打字都很快速的，并且在移动设备上进行输入更是相当麻烦的事情。问下自己表单中是不是每个字段都必需，然后尽量减少表单中的字段。如果你确实需要一大堆信息让用户填写，试着将它们分散在不同页面，在表单提交后还可以继续补充。过多字段很容易让整个表单显示臃肿，当然想简洁也很容易，只放少数字段。

01c2565543c4910000019ae9d52942.jpg

44.试着给一个小的承诺 先给用户一个较小的承诺随后再给一个较大的。大的承诺可能会吓跑用户。借用Robert Cialdini的研究成果，使用承诺是一个强大的说服策略，利用人的欲望被认为是具有一致性自我形象。这个任务一致的表明，一般人能胜任一系列较小的连接比一个大的行动更容易。应用程序从这个被为寸进尺法（是一种通过先提出一个简单的小请求来说服被劝说者同意一个较大请求的劝说方法）,举一个这方面的例子，有一个交友网站，要求人们只是四处看看，接着介绍了任务，随后由一对夫妇约会……相反的就是要求相同的用户马上结婚（结婚没有错）。在定价方面，另一个例子可以看出，当我们让客户支付每月的费用而不是一年的费用。降低前期承诺的相关策略也可能为了让客户觉得他们可以随时进一步降低了进入的门槛，显示“无合同”的消息。

01adec5543c4120000019ae9ffac26.jpg

    14.把选项列出来而不是藏起来&lt;br&gt;&lt;br&gt;    你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的，那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期，省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。

0112845543c4910000019ae970e5d6.jpg

    35.让用户有一些紧急的意识，别让用户拖得太久&lt;br&gt;&lt;br&gt;    适当的紧迫感是个有效的战术可以让用户立即做出决定而不是等上个十天半个月。重要的是这种战术屡试不爽，因为它暗示了资源的紧缺或者活动的时间有限，今天可以买，但明天可能就无法这么低价了。另一方面，这一战术也让用户感到会错失一次大好的机会，再一次，应用了人们害怕失去的本性。当然，这种战术会被一些人嗤之以鼻，认为是不耿直的做法。不过，这只是种战术而以，并且在保持合法性的前提下应用也无伤大雅。所以请不要为了营销而在界面上制造紧迫的假象。

0172d25543c4900000019ae9066e71.jpg

    34.需要用户输入的格式宽松严格限定格式&lt;br&gt;&lt;br&gt;    对用户输入的数据，尽量放宽限制，包括格式，大小写什么的。这样做可以更人性化一点，也使得界面更加友好。一个再恬当不过的例子就是让用户输入电话号码的时候，用户有很多种输入方式，带括号的，带破折号的，带空格的，带区号和不带区号的等等。如果你在代码中来处理这些格式的问题，代价也只是你一个人多写几行代码而以，却可以减少无数用户的工作量。

01f5d35543c4900000019ae99000c5.jpg

    30.提示用户如何规避风险，而不是总想着如何获利&lt;br&gt;&lt;br&gt;    我们喜欢成功，没有谁愿意失败。根据心理学得到的可靠结论，人们一般更顷向于避免失去拥有的东西而不是获得新的利益。这一结论也适用于产品的设计和推广中。试着说明你的产品会帮助客户维护他的利益，保持健康，社会地位等要好过告诉客户这个产品会带来一些他未曾拥有的东西。比如保险公司，它是在销售我们出事之后可以得到的大笔赔偿呢还是在强调可以帮助我们避免失去拥有的财产？

01bef05543c4900000019ae911c0ff.jpg

    23.试着减少线框，减少不必要的注意&lt;br&gt;&lt;br&gt;    过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。

01ad1c5543c4900000019ae9dd7e24.jpg

    25.用户没有使用记录的时候要善于引导&lt;br&gt;&lt;br&gt;    界面上经常需要呈现不同数量的数据，从0，1，10，100到10000+等。这里存在个普遍的问题就是：在程序最开始使用的0条数据到过度到有数据之前，该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时，用户看到的就是一片空白，此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序，在程序中创建数据。力臻完美永远是我们追求的目标，界面设计也不例外。

01f7a55543c4900000019ae9bdd06e.jpg

AE动画｜百词斩高中阅读提分计划

01xm004ddwprgizikn5wsq3639.gif

    26.给出默认的选项而不需要用户选择&lt;br&gt;&lt;br&gt;    将界面做成默认用户选中想要使用你的产品，意味着如果用户真的需要使用，那么可以直接点击确定而不需要额外点选了。当然，也有另一种做法就是默认不选中服务，用户需要的话可以手动点选。前者这种设计更好的原因有两点。一是用户不需要额外点选，非常省事，因为默认设置为用户需要我们的产品或服务。二是这种做法某种程度上是在向用户推荐产品，暗示了其他人都选择了我们。当然，将界面设计成默认选择的样子多少存在点争议，有点强迫用户的感觉。如果你想道德一点，你可以要么把让用户选择的文字写得模棱两可，要么使用双重否定这样不那么直白的描述，这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。

0119225543c4900000019ae93d38e6.jpg

    5.主要功能需要多次强化显示&lt;br&gt;&lt;br&gt;    多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息，这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候，你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。

01217a5543c4910000019ae9781197.jpg

    18.在动作按钮上增加些吸引人的诱惑&lt;br&gt;&lt;br&gt;    试想界面上有这样两个按钮：一个是&quot;获取折扣&quot;，另一个是&quot;立即注册&quot;。我敢打赌大多数人会点击第一个，因为第二个按扭让人感觉不到有利可图，并且&quot;注册&quot;让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。这种让用户感到好处的文字信息也可放在按钮旁边，不一定要做为按钮的标题。当然，正常的按钮还是有用处的，一般用于重复性操作频繁的地方。

019fd05543c4900000019ae9e03d9c.jpg

    7.布局有层次有重点，而非简单罗列&lt;br&gt;&lt;br&gt;    当展示许多项服务时，给出一个重磅的推荐项是个不错的做法，尽管推荐的设置无法满足所有用户。这么做是有理论依据的，一些研究已经揭示了这么一种现象：当面临的选择越多时，用户就越难做出决定。所以你可以高亮某个选项来帮助用户做出选择。

0110505543c4910000019ae9f8d95d.jpg

    19.用直接操作来代替无数个菜单&lt;br&gt;&lt;br&gt;    不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态（比如页面上的地址信息点击后可以进行编辑）。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。

0199565543c4900000019ae9837197.jpg

    6.区分选中和可点击的状态，不要使用户困惑&lt;br&gt;&lt;br&gt;    诸如颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品：他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面，你就需要将可点击的元素（比如连接，按钮），可选择的元素（比如单选多选框）以及普通的文字明显区分开来。在下图的例子中，我将点击操作的元素设置为蓝色，选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。