网站设计是一个多层面的学科！

虽然这些机构集中在设计通信，既不是通常提供了强有力的的互动设计的基础 。有一个更广泛的技能设置，不仅使您的设计更成功，但让你更有价值和受雇（即你成为麒麟 ）。虽然没有办法面面俱到，让你开始，这里有五个关键的战术，在您的下一个项目的理解和实施 。

图片来源：克里斯蒂安Bjornard

1。你的客户交谈

了解设计的在线体验时，最重要的是你的听众。了解他们是谁，他们的生活做什么，他们是如何老，它们是如何工作的，他们了解网络，他们是如何使用它，什么设备，在哪里等提供了宝贵的洞察到他们的痛点解决。

您的设计上设置明确的约束也有帮助 。例如，如果你的听众将主要使用移动设备访问的网站在医院，那么您的设计必须适应这些设备和与环境的设备将被用来兼容。此外，了解你的听众建立通信设计的基础上揭示用户的敏感（身体或文化，例如）喜欢的颜色和字体的事情。

了解你的听众要求与目标用户交谈。这些谈话可以发生在各种论坛。虽然人情味的方法，如调查工作不够好，没有什么比与客户面对面交谈。根据你与你的工作目标，找到您的目标受众可能会下降到当地的咖啡馆，买了一些5元礼品卡和惊人的谈话与顾客有简单。大多数人会很高兴地交换共享他们的意见咖啡店礼品卡10至15分钟。其他方式找到用户后像Craigslist网站上的广告，拉断你的客户名单的名称，达到贸易组织（特定的用户类型，如护士，），花你的观众花时间在城市的时间（例如，音乐在演唱会的歌迷）。

最初的对话将是尴尬，但随着越来越多的采取的地方，有节奏的发展问题。此外，模式开始出现，允许您定制的问题，与每个接受记者采访时更恰当。你从这些活动以外的经验教训可以用于创建人物角色  -即总交涉设计的典型用户-可以帮助将来的设计决策提供上下文 。

一个人物的文件 。（图片：托德扎基Warfel）

2。东方用户

现在，你已经有了一个了解你的用户是谁，面向他们时，他们使用你的设计是非常重要的。定向您的用户，使他们在一个非静态的经验一个地方的感觉。为了有效地提供这个意义上说，你的设计应该告诉用户的三件事情：

1. 假如他们是
   任何在线体验了解，在更广的范围内的网站，用户是目前交易的关键 。如果很明显他们的用户，则有一个更大的机会，他们就会明白你需要他们做该网页上的。例如，如果用户知道他们在“产品页面，”他们应该希望看到一个购买链接，也许是一些其他的产品选项 。
2. 如何到达那里
   如果用户的当前位置上提供的清晰度提供了预期采取的行动的情况下，然后向他们展示的路径，他们把那里提供一个安全网。该安全网是舒适的知道，如果用户有伤口在错误的地方，他们可以退了出去，然后再试一次。
3. 在那里他们可以从这里
   ，你已经清楚他们在哪里，以及如何到达那里，如果他们在错误的地方，可以原路返回，并尝试另一条道路。但是，如果他们准备向前迈进，或他们认为的路径后面不会提供他们想要的内容，然后让用户知道有什么选择，从这点上可用势在必行。不要离开一个用户在一个死胡同。应该始终有一个选项进行。一个很好的例子是一个搜索结果页面产生任何结果。虽然你不应该让用户知道，没有他们的搜索查询相匹配，应该是导致他们寻求的答案（例如，相关的搜索字词）的选项。前进道路可以得到体现 ​​在您的网站的导航，但也可以作为适宜性实施 。适宜性是明显可点击界面元素，如按钮和滑块。

亚马逊没有一个好工作，其无结果页面。

（对于一个伟大的动感底漆，拿起唐诺曼的日常事物的设计，虽然有点过时，它奠定了坚实的基础，产品设计师应该思考一下自己的产品如何。）

清除网站的方向，提供给用户的舒适度。它也减少了用户会犯错误的机会和提高的机会，当他们这样做，他们将能够迅速恢复。

3。简单

可视化设计器的驱动元素添加到一个布局可能美观，但不一定能成为一个互动的目的。当然是要加入到波兰和感觉的经验美学说，当设计一个互动的经验，考虑选择更简单的设计。简化意味着减少屏幕上的元素，最基本的，将有利于用户已完成的任务的。开始与作为基准，然后添加纹饰谨慎。考虑网站的品牌。品牌是一种反思，不仅是审美，但的经验。如果一个网站是华丽的，但它的美丽，使无法完成交易，然后网站（品牌）将最终失败。

美学将永远有一个地方和任何经验，强大的目的，但保证的经验是可用的，首先是至关重要的。

4。设计一个对话框

凡视觉设计训练的重点主要是沟通，交互设计使反馈回路的一个沉重的重点 - 在本质上，用户和网站之间的对话。当你的工作经验，为系统提供的方式返回给用户沟通时，他们做了正确或错误的东西。确保您的经验表明，当用户已经成功时，需要采取行动，以完成交易。使用你的视觉设计和沟通技巧，这种反馈的对话，以建立一种视觉语言。确保用户无论身在何处的经验是，从网站的任何信息，在设计和演示法是一致的。不同类型的信息将需要不同的治疗方法。用户将快速学习系统，并与网站进行对话，将开始出现。从本质上讲，你人性化的经验​​（和它背后的公司）主动预测用户的需求，并提供信息和采取行动，减轻用户的挫折感。

维生素保持与读者交谈。

5。工作流程：了解之前和之后

视觉设计是美丽的。这也是静态的。交互设计构建了一个从一页一页地，州的工作流程。当您设计每一页，此页上的考虑，用户可以做什么和如何在这个过程中的下一步适合的工作流程。如果你只是增加了一个注册表单页面，想想会发生什么事，当用户按下“提交”按钮。页面刷新？会不会有一个确认页？如果有错误的形式？如果用户点击“后退”按钮？这些都是经验的工作流程中的所有组件。每一页或国家仅仅是一个用户的点击流的一小部分。目前的挑战是每个用户可能有一个比较独特的点击流，这取决于他们如何得到您的网站，为什么他们来到的。您已经使用您的用户以他们的知识，和你提供一个简单的界面，与他们建立一个成功的对话：确保每个交互有一个合乎逻辑的下一个步骤。那下一步应该到的经验和视觉语言适合您已经创建了，这样的经验，感觉整体的和一致的。这些元素是什么信誉，品牌，增加用户在您的设计的信任。

奖金提示：了解你的“材料”

香港专业教育学院，设计师的iPod（除其他事项外），乔纳森促进的想法，所有类型的设计者必须了解他们正在使用的材料。这个成立以及互动设计。了解网络的“材料”是至关重要的。一个在HTML，CSS，JavaScript和相关技术的粗略教育，只会增加您的介质的理解和对您的设计提供一个现实的角度。一个很好的资源，这是开发商将执行你的工作组。罢工经常与他们交谈，对你的设计，和得到的是否你 ​​的建议是可行的的，因为他们采用的技术的味道。更妙的是，开始自己学习的基础知识。您不必成为一个明星编码器，但足够的了解如何在其中工作的中期的行为，可以极大地塑造你设计的相互作用。

摘要

网站设计是一个多层面的学科，静态通讯连接在一起，形成一个经验。了解这门学科的的基本原则是设计网站，不仅美观，但实际解决业务问题，并为他们的用户带来的喜悦的核心。本文只是划伤表面的交互设计。对于任何形式的网页设计师，设计的任何交易或互动时，考虑到这些基本面是势在必行的。