什么是UI界面交互设计,交互设计具体指什么?

现在交互设计是一个很普遍的问题,但是很多设计师和开发者还是不知道它的具体含义。今天北大青鸟ui培训老师将深入讲解能让你的网站具有良好交互性的用户界面和设计原则。

首先,什么是交互设计IxD?

交互设计是一个迅速发展的新领域,它起源于一些反映设计问题的研究,后来被专业设计师所认同和接受。

交互设计促进了人与环境之间的交流。这里我们指的是人和网站之间的交流。交互设计师只要考虑用户与计算机的交互,就不用像UX设计师那样考虑软件或系统涉及用户的方方面面。你可能听说过不同大学的人机交互——这些学位基本都是在IxD领域培养的。

这样的设计师应该怎么做?

交互设计师会考虑谁是产品的目标用户,谁会使用它。用户研究人员或信息架构师将提供这些信息。在这些研究的基础上,一个交互设计师为用户与软件沟通需要很长的时间,但必须尽快创造出这种令人惊叹的交互方式。

设计师必须确定关键的交互作用,并绘制线框。

所以继续素描。有些设计师会直接绘图,有些设计师会用软件辅助,还有一些设计师会单独或合作创建界面。

交互设计(IxD)不断呈现新的交互方式,因为用户总是期待网站上出现新的东西。但是交互设计师需要意识到这些功能将如何影响用户,然后在众多想法中选择他们真正想要实现的,以及他们可以暂时搁置的。

下面我们将看到一些推动交互设计的概念。

目标驱动的设计

虽然IxD不需要做,但是为了得到最好的设计反馈,用户研究是非常重要的。当用户使用软件时,他们通常会有一些目标,你的应用程序应该很好地满足这些目标。为了成功地将设计和功能结合起来,用户研究恰恰是最重要的元素。

这一点非常重要,许多用户研究人员可以找到交互设计师的工作,因为他们有分析软件中使用的人类行为模式的技能。

简化

人们不知道什么是用户界面。其实他们也不在乎。他们不知道有人在策划他们在网站后面看到的一切。他们只知道他们需要一个简单的网站。他们想要一个简单易用,加载/响应速度快的系统,不会让用户思考,不会给他们痛苦的理由。

场景和模式

我们使用的一些产品,通常都设计有明确的功能,大家都知道怎么用。以剪刀为例。一个三岁的孩子知道如何使用它。两个手指粘成两个圆环,使用方法只有一种。没有比这更简单的了。你的网站应该像剪刀一样容易使用。

这里为什么用“情景”这个词?因为这个词表达了一个网站或者系统背后的一些栏目的作用。

关于模式,用户界面应该由用户熟悉的一系列组件组成。如果用户想要提交一个表单,他们首先会找到submit按钮。这个按钮是一个常见的元素,设计师不必在每次接受新项目时重复早期的轮子。

有人会说,模仿现有的模式,不再造轮子,会让人觉得没有灵感。可用性没有保证的情况下讨论创新是傻逼。记住,易用性和创新是两回事。

如果要创新,还是要知道已知的模式。但是如果你追求高易用性,没有人鼓励你反复做轮子,因为用户需要时间去适应你的轮子。

创建一个高度用户友好的系统需要交互设计师对惯例、场景和网站可用性有深刻的理解。

现在你知道了一些交互设计的原则,让我们来看看一个伟大的交互设计是如何影响用户的。

访客定位

交互设计师需要知道自己的设计是针对哪些用户的,这样才能通过用户来定位自己的产品。

页面显示用户停留的位置,这种体验不会让用户在浏览时感到困惑。用户还可以知道如何从一个页面跳到另一个页面。让用户知道自己当前的位置,不要让他们走进死胡同,这一点很重要。当搜索没有找出结果,没有告诉用户下一步操作的选择时,这样的交互体验是非常糟糕的。

持续对话

交互设计集中了大量的精力给用户持续的反馈。告诉用户他们正在做的事情是对还是错,甚至是在无意识的层面上,这是一个受用户欢迎的元素。

你只需要在用户完成动作的时候告诉他们已经成功了。

当你在亚马逊上买东西时,你会在浏览器和电子邮件中得到确认。当您通过联系表单提交电子邮件时,您将在页面中得到确认。

这使得交互不仅仅停留在网站浏览和功能使用上,还将交互带到了一个新的高度:它帮助用户更好地了解自己的当前状态,最大限度地减少疑虑和问题,消除用户的挫折感。

思考工作流程

IxD也要考虑工作流。如果你有一个注册表单,用户用它提交信息会怎么样?页面会刷新,跳转到首页,显示确认信息,跳转到登录页面,还是同时跳转到前面两个页面?

它提供了多种选择,选择适合你的用户的网络

expectanciesbest提到的所有元素。是网站工作流程的一部分。每一次交互都应该有下一个逻辑步骤,这和你之前网站创造的体验是一致的。

视觉层次

为了让用户做你想做的事情,你可以用视觉层次来帮助他们。你可以利用布局、元素大小、颜色组合来达到视觉上突出的效果,从而引导用户的目光。

你也可以使用视觉层次让用户找到他们想要的东西。你想租辆车吗?确保你可以使用视觉层次来引导用户到“租赁”页面。

良好的线框工具

画草图和线框是如此重要,所以我想给你展示一些有用的工具,让你可以立即开始交互设计。

嘲鸫

Mockingbird是一个基于web的应用程序,用户可以在其中创建、连接、预览和共享网站或应用程序的框图。它的界面简单友好,用户可以拖放元素,调整元素大小,甚至可以通过一个链接与同事分享。

因为模仿鸟是一个基于网络的应用程序,这意味着你可以在任何地方的任何计算机上创建和修改你的想法。

LovelyCharts

LovelyCharts是一个在线图表应用程序,允许用户创建流程图、组织结构图、站点地图和流程图。

这个应用程序的主要特点是根据你所画的内容提出建议_这有助于简化绘图过程,并且很容易返回到旧版本并撤消更改。

模拟流

MockFlow也是一个很好的Web应用,它有一个干净简单的组织界面和广泛的功能特性。

拖放也被使用,内置组件从图表到菜单,广告和下拉菜单。可以自己上传图片,也可以选择网站提供的通用材料,这样搭建框图的过程就很快了。

简单图表

最后,北大青鸟ui培训老师提醒大家,不要忘记用户测试的重要性,要记住创新和可用性通常会走错方向。在创建一个神奇的交互界面时,要不断创新,并专注于如何让使用它的人更方便。

记住这一点,你将成为一个伟大的网站或应用程序交互设计师。