什么是UI界面交互设计,交互设计具体指什么?
首先,什么是交互设计IxD?
交互设计是一个迅速发展的新领域,它起源于一些反映设计问题的研究,后来被专业设计师所认同和接受。
交互设计促进了人与环境之间的交流。这里我们指的是人和网站之间的交流。交互设计师只要考虑用户与计算机的交互,就不用像UX设计师那样考虑软件或系统涉及用户的方方面面。你可能听说过不同大学的人机交互——这些学位基本都是在IxD领域培养的。
这样的设计师应该怎么做?
交互设计师会考虑谁是产品的目标用户,谁会使用它。用户研究人员或信息架构师将提供这些信息。在这些研究的基础上,一个交互设计师为用户与软件沟通需要很长的时间,但必须尽快创造出这种令人惊叹的交互方式。
设计师必须确定关键的交互作用,并绘制线框。
所以继续素描。有些设计师会直接绘图,有些设计师会用软件辅助,还有一些设计师会单独或合作创建界面。
交互设计(IxD)不断呈现新的交互方式,因为用户总是期待网站上出现新的东西。但是交互设计师需要意识到这些功能将如何影响用户,然后在众多想法中选择他们真正想要实现的,以及他们可以暂时搁置的。
下面我们将看到一些推动交互设计的概念。
目标驱动的设计
虽然IxD不需要做,但是为了得到最好的设计反馈,用户研究是非常重要的。当用户使用软件时,他们通常会有一些目标,你的应用程序应该很好地满足这些目标。为了成功地将设计和功能结合起来,用户研究恰恰是最重要的元素。
这一点非常重要,许多用户研究人员可以找到交互设计师的工作,因为他们有分析软件中使用的人类行为模式的技能。
简化
人们不知道什么是用户界面。其实他们也不在乎。他们不知道有人在策划他们在网站后面看到的一切。他们只知道他们需要一个简单的网站。他们想要一个简单易用,加载/响应速度快的系统,不会让用户思考,不会给他们痛苦的理由。
场景和模式
我们使用的一些产品,通常都设计有明确的功能,大家都知道怎么用。以剪刀为例。一个三岁的孩子知道如何使用它。两个手指粘成两个圆环,使用方法只有一种。没有比这更简单的了。你的网站应该像剪刀一样容易使用。
这里为什么用“情景”这个词?因为这个词表达了一个网站或者系统背后的一些栏目的作用。
关于模式,用户界面应该由用户熟悉的一系列组件组成。如果用户想要提交一个表单,他们首先会找到submit按钮。这个按钮是一个常见的元素,设计师不必在每次接受新项目时重复早期的轮子。
有人会说,模仿现有的模式,不再造轮子,会让人觉得没有灵感。可用性没有保证的情况下讨论创新是傻逼。记住,易用性和创新是两回事。
如果要创新,还是要知道已知的模式。但是如果你追求高易用性,没有人鼓励你反复做轮子,因为用户需要时间去适应你的轮子。
创建一个高度用户友好的系统需要交互设计师对惯例、场景和网站可用性有深刻的理解。
现在你知道了一些交互设计的原则,让我们来看看一个伟大的交互设计是如何影响用户的。
访客定位
交互设计师需要知道自己的设计是针对哪些用户的,这样才能通过用户来定位自己的产品。
页面显示用户停留的位置,这种体验不会让用户在浏览时感到困惑。用户还可以知道如何从一个页面跳到另一个页面。让用户知道自己当前的位置,不要让他们走进死胡同,这一点很重要。当搜索没有找出结果,没有告诉用户下一步操作的选择时,这样的交互体验是非常糟糕的。
持续对话
交互设计集中了大量的精力给用户持续的反馈。告诉用户他们正在做的事情是对还是错,甚至是在无意识的层面上,这是一个受用户欢迎的元素。
你只需要在用户完成动作的时候告诉他们已经成功了。
当你在亚马逊上买东西时,你会在浏览器和电子邮件中得到确认。当您通过联系表单提交电子邮件时,您将在页面中得到确认。
这使得交互不仅仅停留在网站浏览和功能使用上,还将交互带到了一个新的高度:它帮助用户更好地了解自己的当前状态,最大限度地减少疑虑和问题,消除用户的挫折感。
思考工作流程
IxD也要考虑工作流。如果你有一个注册表单,用户用它提交信息会怎么样?页面会刷新,跳转到首页,显示确认信息,跳转到登录页面,还是同时跳转到前面两个页面?
它提供了多种选择,选择适合你的用户的网络
expectanciesbest提到的所有元素。是网站工作流程的一部分。每一次交互都应该有下一个逻辑步骤,这和你之前网站创造的体验是一致的。
视觉层次
为了让用户做你想做的事情,你可以用视觉层次来帮助他们。你可以利用布局、元素大小、颜色组合来达到视觉上突出的效果,从而引导用户的目光。
你也可以使用视觉层次让用户找到他们想要的东西。你想租辆车吗?确保你可以使用视觉层次来引导用户到“租赁”页面。
良好的线框工具
画草图和线框是如此重要,所以我想给你展示一些有用的工具,让你可以立即开始交互设计。
嘲鸫
Mockingbird是一个基于web的应用程序,用户可以在其中创建、连接、预览和共享网站或应用程序的框图。它的界面简单友好,用户可以拖放元素,调整元素大小,甚至可以通过一个链接与同事分享。
因为模仿鸟是一个基于网络的应用程序,这意味着你可以在任何地方的任何计算机上创建和修改你的想法。
LovelyCharts
LovelyCharts是一个在线图表应用程序,允许用户创建流程图、组织结构图、站点地图和流程图。
这个应用程序的主要特点是根据你所画的内容提出建议_这有助于简化绘图过程,并且很容易返回到旧版本并撤消更改。
模拟流
MockFlow也是一个很好的Web应用,它有一个干净简单的组织界面和广泛的功能特性。
拖放也被使用,内置组件从图表到菜单,广告和下拉菜单。可以自己上传图片,也可以选择网站提供的通用材料,这样搭建框图的过程就很快了。
简单图表
最后,北大青鸟ui培训老师提醒大家,不要忘记用户测试的重要性,要记住创新和可用性通常会走错方向。在创建一个神奇的交互界面时,要不断创新,并专注于如何让使用它的人更方便。
记住这一点,你将成为一个伟大的网站或应用程序交互设计师。