在互联网发展早期，很多网站的交互 ‌‌设计其实非常简单，往往一个翻页效果、一个简短的动画就能吸引到很多用户。如今随着互联网的不断更新迭代，技术不断革新，网站交互也得到了很大程度的加强，可以说当前网站的交互效果是多种多样的。交互是一门非常有意思的学科，它并不高深，它强调以人为本，关注的是细节和最最人之常情的用户心理。你可以分析竞品来获取灵感，但我们必须知道，交互的原理就在你自己身上，你身边的每一个人都值得研究，需要的只是你的好奇和观察。所以，在制作网站的时候一定要注意页面的交互设计，那么，都有哪些地方要做好交互设计才能提高用户体验呢？

网站本身应该是很令人惊叹的，然而网站也应该需要正常使用。在进行网站交互设计时应该遵守某些设计惯例，让网站方便浏览和理解，不要为了与众不同而违背常规，相反，接受你将需要实现一定的规则的事实，能帮助你的用户轻松地访问你的网站。对于任何一个Web应用，与用户互动是最基本的要求。为Web应用增加交互性，最常用的方法是 Javascript 或 jQuery、AJAX 了。如果目录树较长，经常需要滚动，才能找到想要的内容，使用起来极其不便。一个很人性化的功能，就是可以全部展开和全部收起整个目录。dtree 提供了两个方法，一个是 openAll() 方法，用于展开所有的节点，一个是 closeAll() 方法，用于收起所有的节点。

我们只需定义两个链接，当点击链接时，分别调用调用 openAll() 和 closeAll() 方法，便可轻松实现目录全部展开和全部收起功能。map实现，在图像上指定区域提供链接，map元素中name属性的值，与左栏顶部图像中map属性的值相对应。增加用户操作感，用户往往会不经意选择错误的系统功能，那么产品设计就需要一个明确标明 “紧急出口”的状态或者功能规避不必要的操作，譬如：支持撤销和重做。布局的目的是优化信息展示结构，让用户能更简单的理解页面内容并且能第一眼找到重点。在思考布局时，尤其需要关注几点要素！它是否使用了常见的布局模式，比如ios的返回按钮。

它是否对页面元素进行合理的分类，使相关的元素更加亲密来加强理解；它是否能让用户一眼看到页面重点，不会迷失在元素海洋里；排版是否符合用户阅读习惯，他能从左到右从上到下合理的在元素间移动；排版是否符合用户的操作习惯，比如最常见的移动端右撇子用拇指操作的情景。美与简单的设计，不应该包含不相关或不常用的信息。重点的内容和核心的元素应该与其他的信息形成鲜明的区别。譬如在配色上，可以选择 1个主色，2个以内的辅色，构成整个设计的骨骼，用主色告知用户目的与指示。交互的核心思考原则针对的是用户行为，用户在使用产品的过程里总是有一个目标或者需求正在解决。

因此他开始探索一个页面，他不断的的进行一个又一个的行为，好的交互设计能够考虑用户在实施不同行为时的心理状态并给予合情合理的反馈。交互性按钮要做到清晰突出，并且点击后与点击前要有所区别。点击浏览过的信息与未浏览过的信息要不同颜色以示区分，避免客户重复点击阅读。当页面或应用下载数据较慢时，载入过程应该有提示。如果我们不考虑载入时的信息反馈，会让页面呈现假死的状态。售后有保障，网站上要设置售后电话以及咨询窗口，方便客户咨询产品使用问题。搜索框出现的位置要清晰显眼，并且对搜索结果中的相关字符用不同颜色表示，增加用户的粘性，搜索结果页一定要与用户搜索意图相符。

对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。当页面或应用会向后台下载数据较慢时，载入过程应该有提示。如果我们不考虑载入时的信息反馈，会让页面呈现假死的状态。一般而言用户希望自己去控制系统交互，在执行任务中，用户应该可以随时中止或退出，而不是无奈的看着系统继续。网站建设越来越强调沉浸式的体验，页面和页面之间切换也需要更加的流畅，转场动效需要更加的极致和平滑。偶尔使用的交互式动画可以提升你的网站内容。