交互设计(交互设计的方法和流程)

本文主要介绍交互设计？(交互设计的方法和)，下面跟着东辰网详细了解一下吧。

前言:原文比较长，共65篇。我打算分三次翻译，120篇。

一个好的用户界面具有高转化率和易用性。换句话说，它既能满足商业目的，又能方便使用。以下是我们发现的一些想法。

1.尝试使用一栏布局，而不是多栏。

布局列表会让你更好地掌控全局。也可以让你的用户提前从上到下对整体内容有一个大概的了解。但是，多栏布局会分散用户对页面核心内容的注意力，增加额外的风险。最好的办法是用一个符合逻辑的叙述，然后在文末加上一个行动口号，引导用户。

2.尝试用礼品代替直销。

It这是向顾客赠送礼物的友好。然而，在更深层次上，礼物也是一种基于互惠原则的有效说服策略。这听起来很明显。如果你给别人打折，你也可以在以后的活动中从中受益。

3.尽量合并相似的功能，而不是碎片化的UI。

在产品开发过程中，我们很容易在不经意间创建多个具有相同功能的模块、元素和项目。随着时间的推移，界面变得支离破碎。注意，同一个功能是以多种展示的，因为这样很容易给你的客户造成压力。一般UI碎片越多，你的客户学习成本越高。偶尔考虑通过合并相似的功能来重构你的UI。

4.尽量用客户评价，而不是吹嘘。

客户评价是直接提高转化率的另一个强有力的说服策略。别人对你产品的支持和赞美是号召客户采取行动的好方法。所以尽量提供一些证据证明这些赞是真实可信的。

5.试着多次重复你的主要观点，而不是只展示一次。

重复你的行动口号是比较适合长页面的策略，或者在多个页面重复。当然，你不知道。;我不希望同样的信息在同一个屏幕上重复10次，这会让客户非常沮丧。然而，长页面越来越普遍，在一个屏幕上显示所有内容的想法已经过时了。所以把一个不显眼的行动清单放在最上面，另一个显眼的行动口号放在最下面，也没什么不好。当用户到达页面底部时，暂停并思考下一步该做什么，——的一个潜在区域也许能够完成一个报价或成交。

6.试着区分可点击/可选择的样式，而不是模糊它们。

视觉风格，比如颜色、层次、对比度，可以用来帮助用户理解你最基本的界面导航语言:我在哪里，能去哪里？为了和你的用户进行清晰的交流，你的可点击行为(链接、按)、可选元素(选)和简单文本要清晰的区分开来，然后在这组界面中保持一致。在下面的例子中，我选择了要点击的蓝色标志。元素，黑色标识选定的元素或指示当前位置。正确使用这些标签可以让用户更容易学习和使用这些线索来导航界面。唐不要混淆这三种功能风格，使产品难以使用。

7.尝试推荐，而不是列出相同的选项。

当显示各种服务时，强烈的推荐可能是一个好主意，因为用户有时需要一点推动。一些心理学研究表明，选择越多，用户将想法付诸实践并平行行动的概率就越低。为了消除这种选择障碍，尽量强调和突出一些选项。

8.尝试取消，而不是提示确认。

想象你只是按了一个动作按钮或者链接，撤销可以让操作更加流畅自然。另一方面，提示操作暗示用户不清楚用户在做什么，并且一直在询问用户的意图。大多数情况下，我会假设用户明白他的意图，误操作只是偶然发生的。当弹出提示窗口时，用户必须重复确认操作。一次又一次的提示，其实是一种非常不人性化的设计。所以考虑让用户进行撤销操作来提高产品的友好性，而不是一直提醒用户确认。

9.尽量指定产品的用户，而不是所有人。

你的产品是针对所有人的还是精准的指示了受众？清楚地指出你的产品或服务的受众是明智的。通过不断了解目标客户的需求和标准，可以获得更多与客户沟通的机会，让客户感受到享受到产品的专属服务。这种策略的风险在于，你可能会精简自己，缩小潜在客户的范围。但是，透明建立信任，你可能会获得客户更多的信任。

10.尽量直截了当，而不是犹豫不决。

你可以用不确定和颤抖的声音传达你的信息，也可以自信地说出来。如果你经常使用像也许，也许和感兴趣吗？你想要吗？这种疑问的语气结束信息，也许你可以尝试用更权威的语气表达。谁知道呢，或许更舒缓的措辞告诉用户下一步该怎么做也能留下更多思考的空间。

11.尽量用鲜明对比代替相似。

把你的动作口号和周围的元素区分开来，让它更显眼，让你的UI更有表现力。你可以很容易地用很多方法让你的主标语更加醒目。可以用明暗色调的对比来突出。也可以使用投影和渐变来实现层次对比。最后可以从色轮中选择互补色(比如黄色和)，进一步提高对比度。综上所述，你应该考虑清楚地将你的行动口号与页面上的其他元素区分开来。

12.尽量注明原产国

指出你的原产国和你的产品或服务来自哪里，可以拉近你和客户的关系。具体提到产品原产地的国家、州或城市，就像和别人交流时介绍自己一样。如果你在产品介绍中当你这样做的时候，你的界面会更加友好。通常，说明你产品的产地也能让客户觉得产品的质量更有保证。这是一个双赢的方法。

13.尽量精简形式。

人类天生对密集劳动有抵触心理，这也体现在填表上。你让用户填写的每一个字段都有让他们转身放弃的风险。每个人s打字速度不一样，在移动设备上打字更是难上加难。确定是否每个字段都是必需的，并尝试删除不必要的字段。如果你真的有很多信息需要用户填写，可以考虑分页面填写，也可以提交后继续添加。字段太多会让你的表单臃肿，很容易简化。减少磁场就行了。

14.尝试公开选项，而不是隐藏它们。

你使用的每个下拉菜单都隐藏了信息，这需要用户使用额外的操作来显示它。如果那些隐藏的选项贯穿了用户的整个操作，你可能希望它们更加明显。保留那些已建立的下拉菜单，如日期和时间(如日)或地理位置选择。有时候下拉菜单也可以用在用户反复使用的地方(比如操作菜)。在需要进行页面跳转的地方，尽量避免使用主功能的下拉菜单。

15.尽量用模块化有序的描述，而不是冗长直白的叙述。

It讲长篇大论很容易失去客户。是的，一个长长的滚动页面非常帅，但要小心给客户留下这样的印象:——误以为页面还没结束内容就结束了。如果你的页面需要滚动，试着设置一个可见的logo，让用户可以遵循这个规则。其次，内容之间的差距不能太大(当然我指的是一个区间范围，设备尺寸就那么)。

16.尽量保持专注，而不是滥用链接。

为了满足尽可能多的客户的需求，很容易在一个页面上到处创建链接。如果我们的重点是长文底部的行动口号，那就要三思了。任何其他链接都可能导致用户离开页面。注意你页面的链接数量，尽量平衡导航页面的风格(链接少，转化率)。删除无关链接更容易让用户点击最重要的按钮。

17.尝试显示进度状态。

在用户界面上，我们经常显示不同状态的元素。邮件有已读和未读状态，发票有已付和未付状态等等。通知用户每个记录的特殊状态是提供信息反馈的好方法。界面状态可以帮助用户了解自己的上一个操作是否成功执行，以及如何处理下一个操作。

18.显示对用户有利的按钮信息，而不是让用户觉得自己只是在完成任务。

假设界面上有两个简单的按钮。一个按钮告诉你，它会为你省钱，而另一个要求你立即注册。我打赌开始个按钮更容易被点击，因为注册没有内在价值。而且注册让人想到的表格层出不穷，过程特别艰辛。假设表明，让用户觉得有利可图的按钮更容易被点击。此外，将好处写在操作按钮附近可以提醒用户这样做的原因。当然，任务型的动作按钮还是有保留空间的，但这是留给那些转化率低但利用率高的动作元素的。

19.尝试直接操作，而不是上下文无关菜单。

有时候，直接操作元素比列出不相关的菜单更有用。例如，在呈现数据列表时，我们通常允许用户对列表中的项目执行相关操作。点击列表项或鼠标悬停可用于表示特定操作(删除、重命名)).另一个直接操作的例子是，在单击一个数据项(例如，一串文本地)后，文本框变得可编辑。使用这种交互，减少了一些不必要的步骤。但是，对于一些常规操作(比如前进和)，使用上下文无关菜单并没有错。

20.尝试显示所有内容，而不是创建额外的页面。

创建登录页面时，最好在转换页面上显示所有表单字段。将注册表单与登录页面合并比单独创建一个额外的注册页面更有优势。首先，我们减少流程操作中额外的步骤，这样操作会花费更少的时间。其次，通过显示表单中字段的数量，我们也向客户显示了注册表单的实际长度。当然前提是我们的形式很短(当然形式要尽量)。

前言:原文比较长，共65篇。我打算分三次翻译，120篇。

一个好的用户界面具有高转化率和易用性。换句话说，它既能满足商业目的，又能方便使用。以下是我们发现的一些想法。

1.尝试使用一栏布局，而不是多栏。

布局列表会让你更好地掌控全局。也可以让你的用户提前从上到下对整体内容有一个大概的了解。但是，多栏布局会分散用户对页面核心内容的注意力，增加额外的风险。最好的办法是用一个符合逻辑的叙述，然后在文末加上一个行动口号，引导用户。

2.尝试用礼品代替直销。

It这是向顾客赠送礼物的友好。然而，在更深层次上，礼物也是一种基于互惠原则的有效说服策略。这听起来很明显。如果你给别人打折，你也可以在以后的活动中从中受益。

3.尽量合并相似的功能，而不是碎片化的UI。

在产品开发过程中，我们很容易在不经意间创建多个具有相同功能的模块、元素和项目。随着时间的推移，界面变得支离破碎。请注意，相同的功能以多种显示，因为It给顾客施加压力很容易。一般UI碎片越多，你的客户学习成本越高。偶尔考虑通过合并相似的功能来重构你的UI。

4.尽量用客户评价，而不是吹嘘。

客户评价是直接提高转化率的另一个强有力的说服策略。别人对你产品的支持和赞美是号召客户采取行动的好方法。所以尽量提供一些证据证明这些赞是真实可信的。

5.试着多次重复你的主要观点，而不是只展示一次。

重复你的行动口号是比较适合长页面的策略，或者在多个页面重复。当然，你不知道。;我不希望同样的信息在同一个屏幕上重复10次，这会让客户非常沮丧。然而，长页面越来越普遍，在一个屏幕上显示所有内容的想法已经过时了。所以把一个不显眼的行动清单放在最上面，另一个显眼的行动口号放在最下面，也没什么不好。当用户到达页面底部时，暂停并思考下一步该做什么，——的一个潜在区域也许能够完成一个报价或成交。

6.试着区分可点击/可选择的样式，而不是模糊它们。

视觉风格，比如颜色、层次、对比度，可以用来帮助用户理解你最基本的界面导航语言:我在哪里，能去哪里？为了和你的用户进行清晰的交流，你的可点击行为(链接、按)、可选元素(选)和简单文本要清晰的区分开来，然后在这组界面中保持一致。在下面的例子中，我选择蓝色来标识可以被点击的元素，选择黑色来标识已经被选中的元素或者指示当前位置。正确使用这些标签可以让用户更容易学习和使用这些线索来导航界面。唐不要混淆这三种功能风格，使产品难以使用。

7.尝试推荐，而不是列出相同的选项。

当显示各种服务时，强烈的推荐可能是一个好主意，因为用户有时需要一点推动。一些心理学研究表明，选择越多，用户将想法付诸实践并平行行动的概率就越低。为了消除这种选择障碍，尽量强调和突出一些选项。

8.尝试取消，而不是提示确认。

想象你只是按了一个动作按钮或者链接，撤销可以让操作更加流畅自然。另一方面，提示操作暗示用户不清楚用户在做什么，并且一直在询问用户的意图。大多数情况下，我会假设用户明白他的意图，误操作只是偶然发生的。当弹出提示窗口时，用户必须重复确认操作。一次又一次的提示，其实是一种非常不人性化的设计。所以考虑让用户进行撤销操作来提高产品的友好性，而不是一直提醒用户确认。

9.尽量指定产品的用户，而不是所有人。

你的产品是针对所有人的还是精准的指示了受众？明确的指明你的产品或服务的受众是明智的。通过不断了解目标客户的需求和标准，可以获得更多与客户沟通的机会，让客户感受到享受到产品的专属服务。这种策略的风险在于，你可能会精简自己，缩小潜在客户的范围。但是，透明建立信任，你可能会获得客户更多的信任。

10.尽量直截了当，而不是犹豫不决。

你可以用不确定和颤抖的声音传达你的信息，也可以自信地说出来。如果你经常使用像也许，也许和感兴趣吗？你想要吗？这种疑问的语气结束信息，也许你可以尝试用更权威的语气表达。谁知道呢，或许更舒缓的措辞告诉用户下一步该怎么做也能留下更多思考的空间。

11.尽量用鲜明对比代替相似。

把你的动作口号和周围的元素区分开来，让它更显眼，让你的UI更有表现力。你可以很容易地用很多方法让你的主标语更加醒目。可以用明暗色调的对比来突出。也可以使用投影和渐变来实现层次对比。最后可以从色轮中选择互补色(比如黄色和)，进一步提高对比度。综上所述，你应该考虑清楚地将你的行动口号与页面上的其他元素区分开来。

12.尽量注明原产国

指出你的原产国和你的产品或服务来自哪里，可以拉近你和客户的关系。具体提到产品原产地的国家、州或城市，就像和别人交流时介绍自己一样。如果在产品介绍中这样做，你的界面会更友好。通常，说明你产品的产地也能让客户觉得产品的质量更有保证。这是一个双赢的方法。

13.尽量精简形式。

人类天生对密集劳动有抵触心理，这也体现在填表上。你让用户填写的每一个字段都有让他们转身放弃的风险。每个人s打字速度不一样，在移动设备上打字更是难上加难。确定是否每个字段都是必需的，并尝试删除不必要的字段。如果你真的有很多信息需要用户填写，可以考虑分页面填写，也可以提交后继续添加。字段太多会让你的表单臃肿，很容易简化。减少磁场就行了。

14.尝试公开选项，而不是隐藏它们。

你使用的每个下拉菜单都隐藏了信息，这需要用户使用额外的操作来显示它。如果那些隐藏的选项贯穿了用户的整个操作，你可能希望它们更加明显。保留那些已建立的下拉菜单，如日期和时间(如日)或地理位置选择。有时候下拉菜单也可以用在用户反复使用的地方(比如操作菜)。在需要进行页面跳转的地方，尽量避免成为主页面。使用下拉菜单功能。

15.尽量用模块化有序的描述，而不是冗长直白的叙述。

It讲长篇大论很容易失去客户。是的，一个长长的滚动页面非常帅，但要小心给客户留下这样的印象:——误以为页面还没结束内容就结束了。如果你的页面需要滚动，试着设置一个可见的logo，让用户可以遵循这个规则。其次，内容之间的差距不能太大(当然我指的是一个区间范围，设备尺寸就那么)。

16.尽量保持专注，而不是滥用链接。

为了满足尽可能多的客户的需求，很容易在一个页面上到处创建链接。如果我们的重点是长文底部的行动口号，那就要三思了。任何其他链接都可能导致用户离开页面。注意你页面的链接数量，尽量平衡导航页面的风格(链接少，转化率)。删除无关链接更容易让用户点击最重要的按钮。

17.尝试显示进度状态。

在用户界面上，我们经常显示不同状态的元素。邮件有已读和未读状态，发票有已付和未付状态等等。通知用户每个记录的特殊状态是提供信息反馈的好方法。界面状态可以帮助用户了解自己的上一个操作是否成功执行，以及如何处理下一个操作。

18.显示对用户有利的按钮信息，而不是让用户觉得自己只是在完成任务。

假设界面上有两个简单的按钮。一个按钮告诉你，它会为你省钱，而另一个要求你立即注册。我打赌开始个按钮更容易被点击，因为注册没有内在价值。而且注册让人想到的表格层出不穷，过程特别艰辛。假设表明，让用户觉得有利可图的按钮更容易被点击。此外，将好处写在操作按钮附近可以提醒用户这样做的原因。当然，任务型的动作按钮还是有保留空间的，但这是留给那些转化率低但利用率高的动作元素的。

19.尝试直接操作，而不是上下文无关菜单。

有时候，直接操作元素比列出不相关的菜单更有用。例如，在呈现数据列表时，我们通常允许用户对列表中的项目执行相关操作。点击列表项或鼠标悬停可用于表示特定操作(删除、重命名)).另一个直接操作的例子是，在单击一个数据项(例如，一串文本地)后，文本框变得可编辑。使用这种交互，减少了一些不必要的步骤。但是，对于一些常规操作(比如前进和)，使用上下文无关菜单并没有错。

20.尝试显示所有内容，而不是创建额外的页面。

创建登录页时，可以在。最好在转换页面上显示所有的表单字段。将注册表单与登录页面合并比单独创建一个额外的注册页面更有优势。首先，我们减少流程操作中额外的步骤，这样操作会花费更少的时间。其次，通过显示表单中字段的数量，我们也向客户显示了注册表单的实际长度。当然，前提是我们的形式很短(当然形式要越短越)。

了解更多交互设计？(交互设计的方法和过)相关内容请关注东辰网。