已经不记得是什么时候找到这么有用的文章了，但是一看到就想翻译出来分享给大家，以供自己受益。时间久了，到了2014年，我终于静下心来，花了很多时间把图片翻译成中文。像我这种翻译六级才及格分数的业余程序员，不敢说自己能做心亚达，但希望意思到位。1尽量使用单栏布局而不是多栏布局。单栏布局可以让你更好地掌控全局。同时，用户也可以对内容一目了然。只是多个列可能会分散用户的注意力并使您的主要观点没有得到很好的表达。最好的做法是用合乎逻辑的叙述来引导用户，并在文本末尾给出你的操作按钮。2赠送礼物通常更具吸引力。没有什么比给用户一个漂亮的小礼物这样的友好姿态更好的了。具体来说，赠送礼物也是获得客户忠诚度的有效策略，这是基于互惠互利的原则。而且这样做的好处也是显而易见的，会让你以后的活动（无论是促销、产品更新还是其他活动）更加顺畅。3合并重复功能，使界面简洁。在整个产品开发期间，我们会有意无意地创建许多模块、布局或元素，它们的功能可能会重叠。这种情况说明接口设计过度了。时刻警惕这些多余的功能模块，它们毫无用处，会降低计算机性能。另外，界面上的模块越多，用户的学习成本就越大。因此，请考虑重构您的界面以使其足够精简。4客户评价胜过吹牛客户评价是确保项目机会或提高项目转化率的极其有效的手段。当潜在客户看到其他人对您的服务的正面评价时，项目成功的机会就会大大增加。因此，请尝试提供一些确凿的证据证明好评是真实的。5.经常展示你的主题来加深你的印象。多次重复主题口号。这种方法适用于界面很长或者页面断掉的情况。首先，你肯定不想把相同的信息刷得满屏，那会很烦人。但是，当页面足够长时，这些重复会显得更加自然且不那么拥挤。在页面顶部放置一个按钮，然后在页面底部放置一个适当突出的按钮并没有错。这样，当用户到达页面底部考虑下一步做什么时，即使用户不需要您的服务，您提供的按钮也可以获得潜在的合同或过滤器。6.将选项与按钮分开。颜色、层次结构和模块之间的对比等视觉设计可以帮助用户很好地使用产品：他总是知道他当前在哪个页面以及他可以去哪些页面。要传达这么好的界面，需要明确区分可点击元素（如链接、按钮）、可选择元素（如单选多选框）和普通文本。在下面的示例中，我将点击的元素设置为蓝色，将当前选中的元素设置为黑色。这样一个恰当的设计可以让用户非常方便的在产品的各个模块之间进行切换。但是不要把这三个要素设计的一塌糊涂。7、给推荐而不是让用户选择。当显示很多服务时，最好给出强烈推荐，尽管推荐设置不能满足所有用户。这样做是有理论依据的，一些研究揭示了这样一个现象：面临的选择越多，用户就越难做出决定。所以你可以突出一个选项来帮助用户做出选择。8赋予撤销操作而不是确认操作假设你只是点击了一个链接或按钮，撤销操作可以使操作流畅自然，这也符合人的本能。而且每次操作都弹出一个确认框，好像是在问用户是否明白这个操作的后果。我还是更习惯于假设用户每次都是正确的。事实上，只有少数情况会发生误操作。因此，为防止误操作而设计的确认窗口实际上是不人道的，用户每次操作都需要进行无意义的确认。因此，请考虑在您的产品中实现撤消操作以增加用户友好性。9指出该产品适用于人群，而不是使其适合所有年龄段。你是想让产品走红还是有精准的适用人群？你需要在产品定位上更加精准。不断了解目标客户的需求和标准，才能把产品做的更好，获得更多与客户交流的机会，让客户感受到你的专业，是这方面专属的优质服务。精确定位产品的风险在于，您可能会缩小潜在客户的目标范围并降低自己的多才多艺。但这种更专业的精神，反而会赢得信任和权威。（Tips：你喜欢下图中可爱的小人物吗？去了解更多MicroPersonas）10尽量直接果断，而不是顺从。你可以用不确定和颤抖的声音来表达自己，当然你也可以用自信的声音来表达自己。表达方式。如果你在界面中的表达经常以问号结尾，比如“maybe”、“maybe”、“interested?”或者“wouldyouliketotry?”，那么绝对可以让你的语气更加坚定。不过，凡事都没有绝对，措辞适当放宽，让用户自己去思考或许是可以的。11界面要有鲜明的对比，便于区分。从界面上突出主要功能区域会好很多。有很多方法可以让您的主要标语脱颖而出。通过对比浅色和深色来强调。通过给元素添加阴影渐变等效果，让界面层次感十足，突出主题。最后，您甚至可以通过在色轮上选择互补色（例如黄色和紫色）??来突出重心来专门设计您的界面。将所有这些放在一起，您最终会得到一个界面，其中您的主要意图与界面的其余部分明显不同并完美呈现。12注明产地注明您所在的地区、提供的服务、产品的产地，意义重大。同时，也将与客户的交流引入到更具地域特色的特定场景中。指出自己来自哪里、国家、省市，也是经常被提及的一种自我介绍或产品展示。当你在界面设计中实现这一点时，感觉非常友好。同时，指定区域也会无形中提升产品的美誉度，做到物尽其用。13.精简表格内容人的本性是懒惰的，填写表格时也是如此。没有人愿意填写很多表单域。表单中的每个字段都有失去用户的风险。不是每个人都能快速打字，在移动设备上打字可能很麻烦。问问自己是否表单中的每个字段都是必填项，然后尽量减少表单中的字段。如果确实需要用户填写很多信息，尽量分散在不同的页面，提交表单后可以继续添加。过多的字段很容易使整个表单臃肿。当然，简明扼要，只放几个字段也容易。14.公开选项而不是隐藏操作。您使用的任何下拉框都会向用户隐藏信息，并且需要额外的操作才能显示。如果在整个操作过程中都需要此信息，则最好通过展示使其更加明显。下拉框最好用在常规的地方，比如选择日期和省份。对于程序中重要的选项，最好不要做成下拉形式。15.界面环环相扣，不如直截了当的布局。平淡的文笔无疑会让用户失去兴趣继续阅读。是的，单栏滚动的长页面是可以的，但是我们应该适当地设置一些小节并且环环相扣，以增加用户的兴趣并保持阅读。但要注意段与段之间的空白不能太大。16不要放太多链接来分散用户的注意力。为了满足不同用户的需求，在页面上到处放一些链接是很常见的做法。如果你的主要目的是让用户点击页面末尾的下载按钮，你需要三思。因为用户可能已经点击了另一个链接离开了页面。所以需要注意页面的链接数量，最好将用于导航的链接和用于操作的样式分开。尝试删除页面上不必要的链接，这些链接会使用户点击您的功能按钮。17展示操作的状态或进度。现在的界面大多呈现出各种风格的进度条或者图标来指示状态，比如邮件的已读或未读状态，电子账单的已付或未付状态。用户在界面上呈现这样的状态是非常有必要的。这样，用户就可以知道某些操作是否成功，接下来要进行什么样的操作。18不要让用户觉得他们正在完成一项任务。想象一下，界面上有两个按钮：一个是“GetDiscount”，另一个是“SignUpNow”。我敢打赌大多数人会点击第一个，因为第二个按钮感觉不赚钱，而且“注册”会让人联想到无穷无尽的表格。换句话说，让用户感到有利可图的按钮更有可能被点击。这种让用户感觉良好的文字信息也可以放在按钮旁边，不一定要作为按钮的标题。当然普通按钮还是有用的，一般用在重复操作频繁的地方。19让操作直观而不是让人觉得找不到上下文不用多说，直接在元素上操作是一种更直观清晰的方式。例如，在一个列表中，我们希望用户对每一项进行操作，所以将按钮放在当前项上，而不是放在列表之外。再比如直接点击元素进入编辑状态（比如页面上的地址信息点击后可以编辑）。这种方法比传统的选择并单击相应按钮的方法更加简洁和省事。当然，一般的操作不需要有上下文，比如页面的前进后退按钮。20尽量显示所有内容，不加页。在足够大的宽屏界面上，还是直接给表格好，比点击按钮再弹出表格要好很多。首先，减少了点击操作，简化了流程，节省了时间。其次，直接呈现表单可以让用户知道表单有多长，实际上是在告诉用户注册不会花多少时间。当然，这条规则适用于非常简单的注册表单。21让界面显示流畅，而不是死板。在用户操作过程中，界面上的元素会出现、隐藏、打开、关闭、放大缩小、移动。为这些元素添加一些自然动画。淡入淡出效果不仅美观，而且更加逼真。本来，元素大小和位置的变化是一个需要时间的动画过程。但是注意动画时间不要设置的太长，会让想要尽快完成操作的用户不耐烦。#p#22step-by-stepguidance而不是直接让用户注册而不是让用户马上注册，为什么不让用户先进行一些体验操作呢。这个体验过程可以演示程序的功能、特点等。一旦用户通过几个简单的步骤了解了该程序的价值，那么就会更愿意填写注册表。这种循序渐进的引导方式，可以尽可能地延缓用户注册的时间，也可以让用户在不注册的情况下进行个性化设置等简单操作。23.过多的边框会把界面撕裂。太多的边界会分散观众的注意力。毋庸置疑，边框在划分区域和设置棋盘方面确实起到了很大的作用，但同时，其明显的线条也能吸引用户的眼球。为了在不分散用户注意力的情况下达到划分版块的目的，在排版时可以将界面不同区域的元素通过留白进行分组，并使用不同的背景色来统一文字对齐方式。不同的风格。在使用所见即所得的界面设计工具时，我们往往会顺手在界面上拖出很多块，块太多会显得杂乱无章。所以我们会在这里和那里放一些水平线来划分。更好的做法是垂直对齐块，这样多余的线条就不会弄乱视图。24.展示产品的好处，而不是列出产品的特性。市场就是这样，用户总是只关心自己的兴趣，产品的功能对他们来说并不那么重要。只有收益才能更直观地体现产品使用带来的价值。ChrisGuillebeau在他的书《100美元起家》中指出，人们更关心爱情、金钱、身份和空闲时间，而不是压力、冲突、忧虑和未知的未来。所以我认为在展示产品特性的时候，回归兴趣是很有必要的。25不要将产品设计得过于依赖数据。界面往往需要呈现不同数量的数据，从0、1、10、100到10000+等等，这里有一个共同的问题：程序一开始使用的0条数据之前如何显示界面过渡到有数据。这是我们经常忽略的。当程序一开始没有数据时，用户看到的是一片空白，此时用户可能不知所措。充分利用没有数据的初始界面可以让用户学习并熟悉如何使用程序以及在程序中创建数据。追求完美永远是我们的目标，界面设计也不例外。26默认介绍用户。将界面设置为默认界面。用户选择使用你的产品，也就是说如果用户真的需要使用，可以直接点击确定，不需要额外点击。当然，还有一种方式是默认不选择该服务，用户可以根据需要手动选择。前一种设计更好，原因有二。一是用户不需要额外点击，非常省事，因为默认设置是用户需要我们的产品或服务。二是这种做法某种程度上是在向用户推荐产品，暗示其他人选择了我们。当然，将界面设计为默认选择是有些争议的，给用户的感觉有点勉强。如果你想符合道德规范，你可以让用户选择的文本变得模棱两可，或者使用不太明确的描述，比如双重否定，这两者都可以让用户感觉不那么被迫选择使用产品。27界面设计一致，不增加用户学习成本自从DonaldNorman的系列作品发表以来，保持界面设计的一致性已经成为普遍遵循的原则。在设计上保持一致性可以降低用户的学习成本，用户不需要学习新的操作。当我们点击按钮或执行拖放操作时，我们希望此类操作在程序的所有界面上保持一致，并获得类似的结果。相反，我们需要在新的情况下重新学习某个操作的结果。可以通过多种方式努力实现界面一致，包括颜色、方向、元素的表示、位置、大小、形状等。但在使界面一致之前，请记住适当打破整体一致性也是可取的。当您需要强调时，设计中偶尔出现的不一致可能会大有帮助。所以，世界上没有绝对。我们应该遵循一致的设计准则，但要适当地打破这个约定。28、使用更好的默认值会减少操作适当的默认值和预填充的表单域可以大大减少用户的工作量。这是一种非常常见的做法，可以节省用户宝贵的时间，帮助用户快速填写表格或注册信息。29.遵循一些惯例而不是重新设计。在界面设计中遵循约定的指南与之前的界面一致性指南非常相似。如果我们在界面设计上遵循一些约定，用户使用起来会很方便。相反，不一致和不承诺的设计会增加学习成本。有了界面设计中的这些约定，我们想都没想就知道界面右上角的叉子（大多数情况下）是用来关闭程序的，或者我们可以预测点击一个按钮后会发生什么。当然，惯例已经过时，随着时间的推移，相同的操作可能会被赋予新的含义。但请记住，当您在界面中打破这些约定时，您必须有目的且有良好的意图。30让用户觉得他们可以避免失去而不是获得。我们喜欢成功，没有人想失败。心理学上有一个公认的结论，即人们通常更倾向于避免失去他们拥有的东西，而不是获得新的利益。这个结论同样适用于产品设计和推广。与其告诉客户这个产品会带来他没有的东西，不如试着解释你的产品会帮助客户保护他的利益、保持健康、社会地位等。比如保险公司，它是在推销我们在发生事故后可以获得的巨额赔偿，还是在强调它可以帮助我们避免失去自己拥有的财产？31.层次图比文字描述好。分层设计将界面的重要部分与次要部分分开。要使界面有层次感，可以在这些方面做文章：对齐、间距、颜色、缩进、字体大小、元素大小等。当所有这些调整应用得当时，它们可以提高整个界面的可读性。比起用户一眼就能从上到下浏览的非常直白的界面，这样清晰的设计也能让用户放慢脚步，慢慢阅读。这也使得界面更具特色。就像旅行一样，你可以乘坐高铁快速到达景区（从页面顶部到底部），但你也可以慢慢旅行，欣赏沿途的风景。所以层次感的设计让眼睛有了落脚点，而不是面对空白单调的屏幕。32.将相关功能分组而不是将它们混杂在一起可以提高程序的可用性。稍有常识的人都知道，刀叉，或者说打开文件和关闭文件，是一起的。将具有相似功能的元素放在一起也是合乎逻辑的，这符合我们通常的认知。33.使用内联验证消息而不是提交后验证。在处理表单时，最好立即检测用户填写的内容是否符合要求，然后给出验证信息。这样一来，错误就可以得到纠正。反之，提交后检查表单会给出错误信息，使用户感到疲劳，不得不重复前面的工作。34放宽对用户输入的要求。对于用户输入的数据，尽量放宽限制，包括格式、大小写等。这样做可以更人性化，让界面更友好。一个完美的例子是当要求用户输入电话号码时，用户有多种输入法，有方括号、有破折号、有空格、有区号和没有区号等等。如果在代码中处理这些格式问题，成本只是你一个人多写几行代码，却可以减少无数用户的工作量。35让用户感到需要快速响应，而不是没有时间感。适当的紧迫感是一种有效的策略，可以让用户立即做出决定，而不是等待十天半个月。重要的是这种策略已经过试验和测试，因为它意味着资源短缺或活动时间有限。今天能买到，明天这么低的价格就不一定能买到了。另一方面，这种策略也让用户觉得他们错过了一个很好的机会，再次利用了人们对失去的天生恐惧。当然，这种策略会遭到一些人的嘲笑，认为这是一种不诚实的做法。尽管如此，这只是一种策略，在保持合法性的同时使用它并没有什么坏处。所以请不要为了营销而在界面上制造一种虚假的紧迫感。36使用饥饿营销，Rare的价格更高。饥饿营销给的信息是东西不多了，只剩几块了，明天再来，可能就没了。您可以看到批发和限量版商品之间的价格差距有多大。回过头来看，那些批发商或大型零售商也利用饥饿营销来获得更好的销量。但是在软件行业，我们常常忘记了饥饿营销这种东西。因为数码产品很容易复制复制，所以不缺货。其实在界面设计中，也可以用来对接现实中的资源紧缺。想想在线研讨会的门票，想想一个月内可以服务的人数限制，这些信息可以告诉用户有一个限制。37要求用户选择而不是重新填充的界面设计中的经典格言具有心理学基础，从一堆东西中认出某样东西比让某人回忆起来更容易。认出一个东西只需要一点点回忆，通过一些线索就可以做到。另一方面，召回需要我们全面地搜索我们的大脑。或许这也是为什么试卷上的选择题会比简答题做的更快的原因。所以尽量把一些用户之前参与过的信息展示在界面上，让他们做出选择，而不是让他们思考很久，然后自己去填。38让点击更容易像链接、表单输入框和按钮等，如果把尺寸做得大一些，点击起来会更容易。根据费特定律，用鼠标这样的外设点击是需要一定时间的，尤其是元素小的时候，时间会更多。鉴于此，还是把你的表单输入框、按钮等做大一些比较好。或者你也可以保持原来的设计不变，只是增加元素的可点击区域（即热区）。一个典型的例子是移动设备上的文本链接和导航菜单，文本不一定很大但背景被拉伸，点击在很大范围内有效。39优化页面加载速度，不要让用户等待太久速度很重要。页面加载速度和UI对操作的响应速度直接关系到用户是否有耐心继续等待。毫无疑问，每一秒的等待都会失去一些用户或项目机会。一个好的解决方案当然是优化您的页面和图像。另外，可以利用心理学让这个等待时间显得不那么长。具体来说，有两种技术。一种是显示进度条，另一种是显示其他相关或有趣的东西来吸引用户的注意力（就像沿着传送带走比站着不动盯着一个位置要好得多）。40除了按钮，快捷键也是必不可少的。当你的程序广为流传时，你应该考虑高级用户的感受。人们总是试图为一些重复性的操作寻找更快捷的方式，快捷键就应运而生了。与点击界面相比，快捷键无疑会大大提高工作效率。一个很好的例子是今天在每个主要程序中流行的J（后退）K（前进）快捷键组合，例如Gmail、Twitter和Tumblr。按钮很不错，但快捷方式是锦上添花。原文地址：好UIhttp://goodui.org
