浅谈网站前端的交互式设计的一些要点

交互设计(ji)如今已是浅谈前端一个十分常见(jian)的问题，但许多设计(ji)者和开发者仍不知道它(ta)的网站具体(ti)意义。今天(tian)，交的点我们将从不同于以往的互式方面：我们将会深入讲解能使你的网站拥有良好交互性的用户界面和设计原则。

交互设计（即IxD）是浅谈前端一块发展迅速的新领域，大致出现于10-15年之前，网站源于一些体现设计问题的交的点研究，后来被专业设计者(zhe)鉴别和接受。互式

交互设计(ji)促进人与环境的设计交流，这里我们指的浅谈前端是人和网站的交流，交互设计师只要考虑用(yong)户和电脑的网站交互，毋须像UX设计者那样思考软件或系统所有涉及用户的交的点方面。你也(ye)许在(zai)不同大学里听说过人机交互度——这些度基本是互式在IxD领(ling)域中培养的。

一个交互设计师会思考谁是设计产品的目标用户以及谁会使用它。用户研究者(zhe)或是信息架构师会提供这些信息。在这些研究的基础上，一个交互设计师为(wei)了用户与软件交流，要耗费很长时间但要尽快地创作出这种令人称奇的交互方(fang)式。

设计师必须识(shi)别出关键交互并且画出线框图, 所以要不停地画草图。有的设计师会直接画出来，有的设计师会用软件来辅助（文末展示了一些不错的例子），还(hai)有其他一些(xie)设计师会或单独或合作地创作界面。

交互设计(ji)（IxD）不断地展现出新的交互方(fang)式(shi)，因为用户总是期望网站出现(xian)新(xin)的事物。但交互设计师需要意识到这些特性(xing)会如何影响用户，然后在许多想法中选择真正要实现的和可以放一段时间的。

下面我(wo)们将会看到一些驱动交互设计的概念。

目标驱动设计(ji) 尽管IxD不需要做，但为了获得(de)最好的(de)设计反馈，用户研究查至关重要。用户使用软件时，一般在心里有一些目标，你的应用程序应当很好地满足这些目标。为了成功地结合(he)设计和功能，用户研究恰恰是最重要的元素。

简单化

人(ren)们不知道用(yong)户界面是什么。事实上他们也不关心。他们不知道有人在网站的背后策划着他们所见(jian)到的一切。他们只知(zhi)道他们需要一个简单的网站。他们要一个易用(yong)的系统(tong)，加载/响应速度快，不要让用(yong)户思考并(bing)且不给用户伤痛的理由(you)。

情景和模式(shi) 我们使用的一些产品通常(chang)功能设计的很明确，因此每一个人都知道怎么使用它们。拿剪刀做例子吧。一个三岁的小孩都知道怎么使(shi)用它，两(liang)个手指(zhi)伸到两个环中，只有一个活动方式能(neng)使用它。没有比这更简单的(de)了。你的(de)网站应(ying)该向(xiang)一把剪刀一样简单易用。

为什此处使用“情景”这个单词呢？因为这个词表达了一个网站或者系统背后一些列的功能。

有些人会说了仿照现有的模式，不重新(xin)造轮子会让人感觉没有创新性。在易用性没(mei)得到保障时讨论创新简直(zhi)就是(shi)*。记住，易用性(xing)和(he)创新性是两码事。

如果你想创新，你仍然需要了解已知的模式。但是，如果(guo)你追求高易用性，没有人鼓励你(ni)去重复造轮子，因为用户需要时(shi)间(jian)去适应你的轮子。

创建一个高易用的系统(tong)需要交互设计师对约定，情景和web易用性有(you)较深的(de)理解。

现在你了解了一些(xie)交互设计的原(yuan)则，接下来让我们看看一个伟大的交互设计是如何影响用(yong)户的。

访客定位 交互设计师需要了解(jie)他们的设计面向哪些用户，因此他们能通过用户给(gei)产品做好定位。

页面上显示出用户停留的地方，这样的体验不会让用户在(zai)浏览时感到困惑。用户也能知道如何从一个页面跳转到另一个想去的页面。让用户知道当前所在的位置这是(shi)非常重要的，不(bu)要让他们陷入死胡同中。当搜索没有查询出(chu)结果，没有(you)告诉用户下一步(bu)操作的选择，这样的交互体验是很(hen)糟糕的。

持续对话 交互设计把大量精力(li)专注于给予用户持续的反馈。告诉用(yong)户他们做的是(shi)对还是错，即使在无(wu)意识的层面上，这也是一个受(shou)用户欢迎的元素。 你只须在用户完成(cheng)动作的时候，告诉他们已经成功了。

当你在亚马逊上买一件东西(xi)时，你会在浏览器上和你的邮箱里获得一份确(que)认书。当你通(tong)过联系表(biao)单提交邮件时，你会在页面中获得一份确认书。

这使得(de)交互不仅仅停留于网站的浏览和特性使(shi)用，更是把交互带到了一个新的层面：它帮助用户更好地理解他们当前(qian)的状态，并把疑惑和问题减到最少，同时也去(qu)除了用户的挫败感(gan)。

IxD还要考虑工作流。如果你有一张注册表单，用户用它(ta)提交信息是会有什么事发生？页面会(hui)刷新吗，会跳转到首页吗，会显示确认信息吗，会跳转到登陆页面，或者同时跳转到上两个页面吗？

It’s about having many choices and choosing the one that will fit your users expectancies best. 提及(ji)的所有元素都(dou)是网站工作流的一部分(fen)。每次交(jiao)互后应(ying)该紧跟下一个符合逻辑的步骤，并且与你网站之前所创造的体验相符。

为了(le)让用户照你的(de)意思操作，你可以使用视觉层次(ci)来帮助他(ta)们。你可以使用布局、元素大小和颜色组合(he)达到视觉突出的效果，以此来引导用户的双眼。

你也可以使用视觉层次(ci)使用户找到他们想要的东西。你想租车吗？保证(zheng)你能使用视觉层次来引导用户来到“租赁”页面(mian)。