当前位置:首页 > 常识 >

交互设计师和ui设计师的区别

  • 常识
  • 2022-05-04

交互设计师和ui设计师的区别

Ⅰ、 先了解一下交互设计的基本概念:

交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。

Ⅱ、交互设计在项目流程中的位置和任务:

项目前期的流程和节点:

职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力。如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没有实际意义。所以交互设计需要做的足够好,才能将这份工作做的有意义。

Ⅲ、交互设计的具体职能:

从上图中可以看出,交互设计主要干三件事:

①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素,制作原型demo

①定义部分需求

以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求。在情感分析方面,交互专业是具有优势的,举个例子:

一个增值服务的宣传模块,业务模型可能是这样子:

考虑到情感因素后,需求模型会不断完善:

上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型,还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候,交互设计师有责任对需求进行修订和完善,这样的目标导向设计才是完整的。

②定义框架

这部分的内容属于交互设计师的核心工作内容,也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱,接下来的界面怎么优化都是无效的。这好比大型超市的走道设计,如果路线规划的不好,再多再大的指引图标都是低效的。交互设计做什么?让用户快速完成目标,提升操作效率,这才是框架设计的意义所在。

破洛洛文章简介:本章主要详述一下交互设计的职能——交互设计师具体做哪些内容?

什么是框架设计呢?这要分成两部分内容:

1.关于结构导航的设计

把我们的产品想象成一个巨大的图书馆,我们需要帮助用户(有目的性的、目的不明确的,无目的性的)寻找他们感兴趣的图书,怎么帮助用户准确的寻找完成目标任务,这就是导航设计。导航的设计任务一般在新项目或重构项目。

导航大概可以分为三种类型:结构导航、关联导航、可用性导航

在框架设计的阶段,交互设计师主要关注于结构导航的设计。

结构导航分两种:全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类,方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。

交互设计师的首要任务就是将业务内容信息组织分类,划分出主次关系,根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢?

回到第一个增值服务页面的例子(虚拟案例,非真实案例):

将需求梳理后(怎么梳理,请google抽屉整理法),我们可以确认全局导航:

再详细规划局部导航:

局部导航的层级可以不断往下延伸,通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。

2. 关于流程的设计

之前的案例我们已经基本上确认了模块需求有哪些页面,页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的,这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。

虚拟案例:

在流程的规划设计中要遵循:1.以业务目的为主要导向;2.兼容到用户的习惯;3.尽量让流程做减法,多一个流程就会丢一部分用户;4.任务是连贯和清晰的;5.考虑实现方式的复杂程度;欢迎补充…

③组织页面元素,制作原型demo

经过了需求的完善和框架的设计,之前的这些工作还是停留在抽象的想法阶段,怎么把想法转达给项目组的其他人员呢?交互还需要把想法和规划表达出来,那么最好的方式就是制作原型Demo。把Demo做出来,让产品,开发,测试直观的看到产品的雏形, 再广泛的接受意见,对原型进行不断的修正,改进,做简单的用户测试继续挖掘情感需求。

那么怎么去组织页面元素,制作原型Demo?哪些表现层面是交互设计师该重点表达的内容呢?原型的制作又有哪些章法可循呢?这个。.还是等下一个章节再讲吧!

尽管很多谈及交互的书上都已经回答过了: ~~~~发现用户需要,建立明确需求 ~~~~提出设计方案 ~~~~制作设计原型 ~~~~用户测试和评估 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节。 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步。 发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。 比如说日程管理项目,有不少用户跟我们的邮箱反应说,他们忙碌的时候会忘记一些重要的事情,比如一些会议或者约会,所以希望网易邮箱能提供一个专业的日程管理功能,能够帮助他们有效的管理和安排每天的日程。 确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。 用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。 这一步我们的目的是要知道:用户想要什么? 通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。 通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。 这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子。 互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会! 这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。 同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用Axure把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。 制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。 考虑到做交互是一个迭代过程,我会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。 这份更新日志的意义在于: ~~~~更新时间-便于全程跟踪记录项目,掌握每个时间点 ~~~~版本名称-便于项目参与人员查找上一版本的交互稿 ~~~~更新类型-了解每次更新需求的性质 yixieshi.com ~~~~更新内容-清晰呈现每一次更新的内容,并提供一个直接去到更新页面的链接,这样在进行迭代时我们的伙伴不用一页页去寻找更新点 ~~~~参考需求文档-便于项目参与人员查找对应的需求文档 ~~~~交互负责人-记录每次迭代的交互负责人,并能方便工作交接 yixieshi.com 交互稿的制作过程,一般是用Axure做原型,像邮箱这样视觉比较成熟且相对稳定的产品,我会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些。这些我想大家都很了解,所以不多说了。 之所以把这部分内容提出来单独写一段,是因为之前和很多做交互的朋友讨论过该怎样做好交互说明,大家各有看法,很难找到这部分工作的衡量标准。 交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计。 与做设计稿不同,个人认为,交互说明这部分工作,需要我们更多了解它作说明的对象,即产品经理、视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。 yixieshi.com 为此我曾与合作过的各组同事进行沟通,提炼出一些他们对交互说明的需求,不求全面,但求能说明一些问题。 互联网的一些事 1.交互说明最好是图文并茂(all) 便于阅读和理解。 2.页面跳转的说明(产品&程序) 页面跳转是涉及多个页面关系的操作,产品人员在看交互稿时,会更多去关注多个目的性的任务操作流程,而对页面跳转的记忆是有限的,所以需要页面跳转说明。 3.交互说明能否考虑与产品需求文档结合(产品) 开发文档会涉及产品概念、技术方案、业务执行角色等内容,和交互设计稿有着紧密关联,所以交互说明书与开发文档是可以相互做补充,整理成一份文档,这样也能避免工作内容重复。 4.对交互稿中不明显的交互动作或隐藏的设置项作说明(产品&视觉&页面构架) yixieshi.com 细节和动作需要描述清楚,比如说鼠标focus、click的动作,或click后是loading还是跳转,这些平时都是开会上讨论,但是参与项目的人员不一定都能记住,所以会需要在交互说明书里做说明,并需要考虑到页面构架组需要预留适应变化的结构。 互联网的一些事 5.产品风格定位(视觉) 商务风?休闲风?视觉需要一个准确的产品风格定位。这部分工作不一定是由交互人员来确定,但在产品孕育阶段中,设计稿讨论以及不定时更新的数据调查,会使得产品风格定位渐渐明确,视觉的同事更多是参与设计阶段的工作,这就需要交互人员将这些信息在交互说明中记录下来,以辅助视觉完成。 6.极限状态(前端) 比如一个列表最长和最短显示。 7.异常/出错情况说明(程序) 这一点在交互稿制作和与产品沟通过程中容易被忽略。 有的设计师会疑惑:为什么我做的设计说明书会没人看?我写的很详细了,但是他们还是会问我一堆设计的问题!甚至,问我为什么要做这个文档? 在这些情况面前,设计师应该做些思考,我们所制作的这份说明是否真正解决问题了呢? yixieshi.com 一些基本的逻辑判断和文字内容,产品人员已在需求文档中列出且在交互稿中已清晰呈现,例如原型中完整呈现的设置内容,或一个单选复选关系,这些内容我们再花时间去大篇描述,并无太大意义。 所以我的理解是,交互说明并不一定是一份文本,它不该是设计师的舞文弄墨,更不该流于形式做交互设计原型的复制品。 我们可以在交互原型上注释,在图上写说明,或者是在和项目组发邮件时写为邮件内容,当然也可以是word文档,PPT…. 互联网的一些事 总之,我们要做到的是真正解决问题,让交互说明书成为帮助项目中各组成员之间进行有效沟通、辅助理解设计内容从而达到提高项目效率的工具,并在需要的时候被制作。 产品基本功能实现后,我们会做用户测试,设计是很主观的,并且会受各种因素影响,所以我们的产品难免会存在一些意料之外的问题,通过招募用户来使用我们的产品,我们能收集到一些使用场景中发现问题的反馈,并把这些整理成优化点,完善我们的产品。

交互设计主要是做什么?

交互设计主要做的就是接产品经理的后面,比如就是产品经理说要去某地,而交互设计师就需要知道路线,如何走比较方便,有车没车如何走,什么时间出发最好,如何回来,但是在实际工作中需要做的就是了解用户行为,就是产品逻辑的梳理,一般都是大公司才会有的

什么是交互设计?交互设计师是做什么的?

如果说交互设计是什么?交互设计师又是做什么的?我看到一篇文章特别适合回答这个问题,希望对你有帮助~


交互设计是用户体验(UX)设计的一个重要组成部分。在本文中,我们将解释什么是交互设计,一些有用的交互设计模型,并简要描述通常交互设计师做什么。

对交互设计通俗易懂的理解

“交互设计”通俗易懂地来讲就是:它是用户和产品之间交互的设计。大多数情况下,当人们谈论交互设计时,往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。

如果你觉得这个定义听起来很“宽”,那是因为这个领域确实相当广泛:用户和产品之间的互动往往涉及美学,动作,声音,空间等元素。当然,每个元素都可能涉及更专业的领域,例如有关用户交互中声音的声音设计。

你可能已经意识到,交互设计和用户体验设计有很大的重叠之处。毕竟,用户体验设计是塑造产品使用体验,而大部分体验都会涉及用户和产品之间的一些交互。但用户体验设计不仅仅是交互设计:它还涉及用户研究(首先找出用户是谁)、创建用户画像(为什么,在什么条件下,他们会使用产品),执行用户测试和可用性测试等。

交互设计的五个维度

交互设计的5个维度(1)是理解交互设计的有用模型。交互设计学者Gillian Crampton Smith首次提出了交互设计语言“四维“的概念,而 IDEXX 实验室高级交互设计师 Kevin Silver 补充了第五个维度的概念。

第一维:文案

文案(尤其是交互中使用的文本,如按钮上的文本)应该有意义且易于理解。他们应该向用户传达信息,但也不能用过多的信息淹没用户的认知。

第二维:视觉表达

它涉及到用户与之交互的图形元素,如图像、字体和图标。这些和文本信息相配合,补充性地向用户传达信息。

第三维:实体以及空间

用户通过什么实体与产品进行交互?一台笔记本电脑,是带鼠标还是触摸板?还是触屏的智能手机?用户在什么样的物理空间内这样做?例如,用户是站在拥挤的火车上,同时在智能手机上使用应用程序,还是坐在办公室的桌面上浏览网站?这些都会影响用户和产品之间的交互。

第四维:时间

虽然这个维度听起来有点抽象,但它主要指的是随时间变化的媒体(动画,视频,声音)。动作和声音在向用户的交互提供视觉和语音的反馈方面起着至关重要的作用。同样值得关注的是用户花费在与产品交互上的时间:用户能不能了解他们的进度,或是否能在一段时间之后继续他们的交互?

第五维:行为

这包括产品的机制:用户如何在网站上执行操作?用户如何操作产品?换句话说,它体现了前面的维度是如何定义产品交互的。它还包括“反应“ —— 例如用户对产品的情绪反应或反馈。

交互设计师提出的重要问题

交互设计师如何使用上面的5个维度来创建有意义的交互?为了理解这一点,我们可以看看交互设计师在为用户设计时提出的一些重要问题,以下问题由 usabability.gov 提供:

  • 通过鼠标、手指或手写笔,用户可以怎样与界面直接交互?这有助于我们定义用户与产品可能进行的交互。

  • 外观(颜色、形状、尺寸等)是如何表达功能的?这有助于我们告知用户可能的操作有哪些。

  • 如果出现错误,产品提供的反馈是否能让用户纠正问题,或解释错误发生的原因? 这使我们能够预测和减少错误。

  • 执行操作后,用户会得到什么反馈?这使我们能够确保系统在用户操作之后的合理时间内提供反馈。

  • 界面里的元素尺寸大小是否能让用户方便地交互?这种问题能让我们策略性地思考界面里的元素。

  • 是否使用了熟悉或标准样式?标准元素和格式可以简化和增强产品的可学习性。

那么交互设计师是做什么的?

嗯,这要视情况而定。

例如,如果公司足够大,并且拥有巨大的资源,它可能会为UX设计师和交互设计师提供单独的工作。例如,在大型设计团队中,可能有一个 UX 研究员、一个信息架构师、一个交互设计师和一个视觉设计师。但对于较小的公司和团队来说,大多数 UX 设计工作可能由 1-2 人完成,他们可能有也可能没有"交互设计师"的称号。无论如何,以下是交互设计人员在其日常工作中处理的一些任务:

设计策略

这涉及到用户的目标是什么,以及实现这些目标所需的交互。根据公司的不同,交互设计师可能必须进行用户研究,找出用户的目标是什么,然后再制定策略将其转化为交互。

线框和原型

这同样取决于公司的工作描述,但大多数交互设计师的任务是创建线框图,展示产品中的交互。有时,交互设计师也可能创建可交互的原型和/或高保真原型,看起来与实际的应用程序或网站完全一样。可交互的高保真原型现在都可以使用一些在线原型工具实现,比如国内的墨刀,国外的Axure。

例如用墨刀做出来的原型效果图:

上文转载由墨刀翻译自 TEO SIANG 的What is Interaction Design?

交互设计师职责是什么?

1、负责公司软件产品的UE、UI设计。

2、根据业务需求、产品需求,制作软件原型。

3、制定公司软件产品的交互标准和规范。

4、规划产品界面的风格和视觉体系,保证产品的品质及美感。

不同公司不同定义,建议去看看一些招聘广告,看里面的要求。

大学生~想做交互设计师~必须学什么方面?

不用会画画,交互设计师和视觉设计师在工作内容上还是有区别的。你有编程的基础,而且会Axure,这应该是很大的优势了。当然交互设计的重点其实是在于对用户需求的敏锐把握,把用户需求与产品功能设计、界面布局巧妙地结合起来。

对于交互设计师的具体工作,我举个例子来说明吧,例如要做一款播放器,视觉设计师会考虑怎么设计皮肤比较好看,按钮上的高光、渐变怎么调整更加美观;而交互设计师考虑的问题是,怎么安排按钮的位置和大小,才能让用户更好地操作,某些按钮是否真的需要,是否要简化或者合并,用户在执行完一个操作之后,得到的反馈应该是什么,播放器的界面结构怎么安排才可以让它更易于使用。

如果要了解交互设计的知识,我个人推荐的书有《简约至上》、《Designing Interfaces》,当然还有很多,可以去豆瓣找一找。至于论坛,我个人比较推崇UCDchina,腾讯CDC的团队博客也是很不错的,可以看一看。

希望可以帮到你~~~

UI交互设计师是做什么的?

UI的全称是user

interface,即是用户界面。从通俗易懂的角度来说,UI是视觉上的东西,包括图标、APP界面、软件、网页按钮、网页导航、凡事我们肉眼看得到的通过设计师的设计和绘图得到的视觉产品,都是属于UI。

UI设计师指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工,以前UI设计不受重视,所以美工地位不高,现在随着UI设计的兴起,美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人,而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。

刚才已经介绍过了UI设计的概念,现在我们再来了解一下UI设计需要学习的课程。

视觉设计基础:通过Illustrator软件图形应用系统的学习,使学员掌握图形视觉设计基础。

光影结构视觉应用技术:通过Illustrator软件光影结构体系的学习,使学员掌握物体光影结构表现技法。

UI设计:通过Illustrator与Photoshop软件图形图像系统学习,使学员掌握高品质UI图形设计的方法。

超写实应用与表现:通过Illustrator软件超精度表现系统学习,完成超写实制作技巧。

构成与视觉语言:学习构成视觉语言,使学员掌握设计应用视觉表现技术。

视觉艺术表现与应用:通过色彩艺术与视觉表现形式的结合应用,使学员的设计能力达到商业级别的要求。

Flash平台应用:通过Flash软件系统学习,使学员掌握Flash动态应用基础。

超媒体综合应用技术:通过Flash软件高级应用学习,使学员掌握动态结构表现语言技术。

交互式平台应用技术:通过Flash ActionScript 3 软件程序系统学习,使学员掌握高级别交互结构表现。

UI设计的原则应该遵循简易性、反应用户语言、记忆负担最小化、一致性、清楚、用户的熟悉程度、从用户习惯考虑、排列、安全性、灵活性、人性化。

刚入门的交互设计师,最需要做什么

主要是做:对产品进行行为设计和界面设计。 行为设计是指各种用户操作后的效果设计。Web的操作以点击为主。点击操作又可以分为"表单提交"类和"跳转链接"类两种。除点击外,还涉及到拖拽操作等。

界面设计包括:页面布局、内容展示等众多界面展现。例如:使用按钮还是使用图标?字号大小的应用,如何使用tab….. 之所以特意提出这样一个话题,是为了强调除了"界面设计",还需要"行为设计"。

信息构架设计

深入理解产品的目标、功能需求。将这些目标、需求转化为界面表现。把内容合理的归类整理为若干的界面。信息构架的设计意味着对导航的设计。"导航栏共有几级?每级几项?"这些问题将随着信息构架的设计而确定。

信息构架设计的要求:

1.符合用户心理模型

2.尽量保持窄而浅的信息树这一步工作需要和产品经理充分的交流。

折叠界面细节设计

在整体信息构架确定的基础上,对界面上的细节进行推敲。界面细节设计的要求:

1.符合web可用性标准

2.符合图形用户界面的基本准则

3.符合现有互联网行业已形成的设计习惯……

4.符合大多数互联网用户使用电脑的习惯(目前只想到这几条)

交互设计的工作内容是什么?

交互设计师具体的工作职责有:

首先,在项目中主要与交互设计师沟通衔接各个岗位:

1、产品经理/项目经理与交互设计师

2、UI视觉和前端与交互设计师

到最后测试技术整个项目中的人与交互设计师

随着社会和竞争对手不断的发展、我们自身的创新,以及用户日益

增长的各种需求,产品自身从功能上、展现形式上,都面临不断的

升级完善,来满足网站本身的战略目标和用户需求。

其实用一句白话来总结交互设计师——懂设计的产品,懂产品的设计!

上面的内容是个人理解,想要了解更多可以私信盖特。

以上内容希望可以帮到你,望采纳,谢谢~~

新媒体UI交互设计师主要是做什么的?

UI设计是个新兴职业,从事这个职业的人目前在中国相对其他行业比较少。对于目前从事这个职业的我们,其实是个不错的机会。因为在这行真正牛的人很少,所以如果我们掌握方法,若干年后,我们会成为这行的元老和引领者。

UI交互设计师主要负责什么工作?

您好,五百丁简历为您解答:

UI交互设计师主要负责以下工作:

1、根据产品需求,对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计;

2、负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作;

3、能积极与开发沟通,推进界面及交互设计的最终实现。

4、负责软件界面的美术设计、创意工作和制作工作。

5、根据各种相关软件的用户群,提出构思新颖、有高度吸引力的创意设计。

6、对页面进行优化,使用户操作更趋于人性化。

7、维护现有的应用产品。

希望能被您采纳,五百丁简历竭诚为您解决就业问题。

猜你喜欢