网页交互设计要点

网页交互设计要点

交互设计和其他设计都是一种有目的和计划的创作行为，但是它们所设计的对象却截然不同，其他设计的对象是信息，是材质，是空间，而交互设计的对象是行为。下面介绍网页交互设计要点，希望可以帮助到大家。

交互设计，既然是一种设计，难免会和其他设计相比较，平面设计、建筑设计、工业设计等等。交互设计和其他设计都是一种有目的和计划的创作行为，但是它们所设计的对象却截然不同。其他设计的对象是信息，是材质，是空间。而交互设计的对象是行为。

用户：

产品立项后，确定产品定位，去了解用户，互联网产品可能存在很多种用户，一定要以目标用户的研究为主，网易云音乐的用户可能有学生、工人、音乐发烧友…但是它的目标用户是白领(猜测)。从不同渠道去收集目标用户的需求、筛选需求、确定需求优先级，确保需求是真实的。

Allan Cooper在书中讲了三个模型，心理模型、表现模型、实现模型，心理模型是用户对产品的预期，表现模型是产品被设计成的样子，实现模型是开发产品所使用的技术手段。用户并不关心实现模型，只关心表现模型有没有符合自己的心理模型。只有站在用户的立场去思考，让产品的表现模型更贴近用户的心理模型，用户就愿意使用。另外，建立角色模型也有助于了解和梳理用户信息。

行为&目标：

使用产品时，不同用户可能有不同目标，一个用户也有可能有多个目标。研究用户的目标是为了确定需求、清楚产品要满足用户多少个目标。交互设计师再根据不同的目标去设计相应的行为路径。错误的目标，繁琐的行为路径，都会导致用户放弃产品。

按照用户不同的目标，行为路径可以分为：随机式、往复式、渐进式。

当用户没有明确目标时，行为则比较随机，用户会在APP里不断的跳转，例如：没有明确购物需求时逛淘宝;随机的查看新闻内容。

当用户有个模糊的目标时，则会往复的对比内容，从而确定自己的目标，并完成目标，例如：当我要在人人都是产品经理浏览关于交互设计方法论的文章时，就会进行搜索，并在搜索列表和文章详情间来回切换，直到找到想要的交互方法论的信息。

当用户具有明确目标时，行为路径就会较明确，一步步推进。例如北京雾霾很严重，想在京东买个3M的口罩，用户路径为：搜索3M口罩——浏览搜索结果列表———进去商品详情———填写信息——等到收货——给予评价。

首先要明确用户的目标，根据不同目标确定行为路径是随机、往复还是渐进，针对不同的行为类型进行相应的交互设计。

媒介：

媒介可以理解为产品形态，产品是用APP、网页、公众号、微信小程序、H5宣传页…还是其他形式，这属于媒介。互联网产品常见的媒介是APP，但要具体问题具体分析，我写文章是个需求，但是就没有必要专门成立个公司做个APP，只需要在微信建立一个公众号发表文章，这里微信公众号就是媒介。

不同的媒介有不同的特点，一定要根据自己的业务类型来选择适当的媒介，同时应该考虑到性价比。

场景：

场景是个很容易被忽视的问题，随着智能手机的快速普及，移动互联网时代提前到来，用户使用产品时的场景变得更为复杂，可能在嘈杂的地铁里，也可能站在路边、躺在床上等等。

大家熟悉的打车软件，一般都会有两个APP，一个乘客端、一个司机端，司机端的用户是正在开车的司机，而司机为了安全一般会把手机固定在车载架上，这个场景就是司机端APP所处的主要场景，那么设计APP时就要考虑到车内光线问题、司机操作便捷性和安全性的问题。

网站交互设计的要点

一、力求一致性

例如网站首页需要和每一个下级页面保持一致的风格，导航都要放在屏幕的左上角，具有高度一致性的界面能给人清晰整洁的感觉。

二、允许频繁使用快捷键

快捷键表示产品使用的灵活性和有效性，想想每次我们使用搜索引擎的时候是鼠标点击的搜索还是按的回车?

三、提供明确的反馈

出现错误时要明确说出错误的含义，而且需要考虑用户能否理解，比如我们基本上都遇到过HTTP404错误，但绝大多数人能看懂么?

四、设计对话，告诉用户任务已完成

要在用户完成某项任务或操作后进行提示。如果他们在做了很多操作后却得不到反馈，他们就无法知道自己是否达成目标。

五、提供错误预防和简单的纠错功能

例如把某些当前不能点击的按钮设置为灰色，在系统执行时让用户在确认一下。

六、应该方便用户取消某个操作

大多数的应用软件都有撤销和恢复的功能，如果用户总是惧怕一失足成千古恨，那样的用户体验可想而知。

七、用户应掌握控制权

一般而言用户希望自己去控制系统交互，在执行任务中，用户应该可以随时中止或退出，而不是无奈的看着系统继续。

八、减轻用户记忆负担

我们应该尽可能帮助用户避免要求他们记住各种信息，例如各个菜单项之间的逻辑关联，更好的分类就会帮助用户找出哪个功能按钮在什么地方。

设计出良好的交互性页面的要点

网站设计中的交互性页面设计是一种以用户为中心的设计方法，从“可用性”和“用户体验”两个层面来分析和设计网站界面，以此来满足不同用户的需求。想要设计出一个良好的交互性网站页面就必须要了解网站的目标用户在想什么，然后通过网站设计引导用户快速寻找到自己需要的内容。

大部分企业建设网站都是为了树立企业形象，扩大业务市场、获得更多用户等目的，而网站页面的交互性设计正是帮助企业网站吸引用户、留住用户的主要方式之一，由此可见网站页面的交互性设计对于企业网站来说是非常重要的。下面分形科技小编就为大家介绍一下设计出良好的交互性页面的三大要点。

要点一、突出网页面中logo、按钮和链接的设计

企业网站中的logo一般都会在网站页面的最上方，这是企业网站的一个标志，也是例于用户记住企业的有效方法，所以企业网站交互页面设计中必须将网站的logo突显出来，以便用户看到和记忆。

页网站页面中的按钮和链接也是引导用户浏览网页的重要功具，它可以为用户浏览页面提供方便。在网站页面交互设计时这部分内容也要突出展示，如在相关的内容下方标注下划线或是一些明显的信号，让用户可以很方便的完成下一步的操作。

要点二、设计清晰方便的导航

无论什么类型的网站导航永完是其中最重要的内容，用户来到网站上第一看到的一般都是导航栏，并根据导航的提示进行下一步的浏览。所以企业在网站设计交互页面时同样也需要对导航进行优化设计。

网站导航设计时应情晰明确，简单易懂，让用户可以快速的读懂网站想要表达的意思，并找到自己想要的内容。注：网站导航的层级尽量控制在三层以内(包括三层)，否用户很可能会因为没有耐心阅读下去而离开。

要点三、弹窗的使用应适当

网站弹窗的设计主要是为了增加网页内容的展示量或是增加一些广告的点击率，位置一般会在网站页面的两侧。不过网站弹窗虽然可以增加网站内容和广告的展现，但是这些设计很空间引导起用户的反感，所以建议企业在使用弹窗时一定要适当。

正确的做法是：在不影响到用户体验的前提下，适当的插入一些弹窗设计，最好设计成点出式的展示方式，当鼠标滑过时显示，离开后可以隐藏。这样做不仅可以保证良好的用户体验，还能让网站看起来更加整洁。

网站设计中不仅要注意美观，还需要重视用户体验，网站页面交互设计时应该找到二者的平衡点，通过对用户行为的分析让网站和用户进行智能交互，从而提高网站的用户体验度，增强用户黏性。只有这样的网站设计才能受到更多用户的青睐，更多关于网站设计的信息请继续关注我们。

网站交互设计要点

一、优化用户体验是关键

网站建设本身就是一项重视用户体验的工程，网站地图、面包屑导航，相关推荐和搜索框等每一个可以拉近与用户的距离，让用户更好的在网站中浏览的体验都是好的交互。这样能更有利于用户了解网站，也是网站建设的根本目的和追求所在!

二、交互设计上的扁平化设计

扁平化的网站设计一直以来都是网站建设中最好的网站交互方式，而其最重要的理念就是简洁、直接!可以让用户在每一个页面以最短的时间和最快的效率找到自己想要的内容。

三、交互之外，响应速度更重要

在网站交互设计中，响应时间最为用户体验最重要的因素之一，在设计时在炫酷的交互效果之外一定要考虑到网站的响应速度!如果效果很酷炫，但响应速度很慢，如果半天没有作出回应和反响，自然留不住用户。

四、网站功能性的视觉元素

用户在访问和浏览网站的时候，都是从直观的网站视觉上来获取信息的，所以在功能性的、表达网站产品特色的视觉元素上一定要明显一点，要吸引用户。

五、实现实用的交互设计

相比于网站交互的趣味性设计，网站的实用性设计显得更加重要!给用户提供产品相关的更多优质内容和工具，自然会吸引用户，从而得到更好的用户留存数据和转化效果。