本节书摘来自异步社区《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一书中的第2章,第2.4节,作者 UCDChina,更多章节内容可以访问云栖社区“异步社区”公众号查看

2.4 UI和IxD

UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论
文/Moond

延续之前“设计师和美工”的话题模式,UI(用户界面)和IxD(交互设计)这两个非常相似的角色名词也一直让我迷惑了很久,明明在做用户界面的设计师,却被称为交互设计师,也就是交互设计做的其实是界面的信息结构设计或者高保真界面,或者交互设计师不清楚自己的工作范围应该涉及多少,哪些事情应该是自己的职责范围。

当然title怎么叫会根据公司或者团队的组织需求而不同,叫什么也许真的不重要,不过了解一下称谓的渊源应该还是有意义的。

普遍被接受的是,UI和IxD是两个互有交集的概念,前者需要考虑的范围要更广一些,也就是UI会包容IxD,或者说至少需要得到IxD的支持,IxD可以在没有UI的情况下先行设计,但UI就必须依据IxD来组织界面的操作流和页面需要表现的信息结构。


以上图苹果界面为例,设计最终呈现的包含了交互设计的集合(菜单、按钮、窗口操作)、形象化的图像按钮、窗口以及界面信息的排布方式。整体看到就是一个类似皮肤的界面样式,这也导致界面设计带有一定的局限性:如果需要表现各个操作的潜在表现,比如按钮在窗口中拖到的操作结构,就不得不借助交互规范来描述完成了。

通过这个例子,可以看出在进行UI设计时,会同时需要考虑到视觉设计、交互设计、信息设计或其他更多因素。

视觉设计帮助用户快速理解并开始界面操作;
信息设计让用户导航找寻他们需要的信息;留意一下现实工作环境,如果团队里没人专门做信息架构,这个责任往往被左右于很多角色之间,比如UI、IxD、UE、PM……谁来决定信息应布局在什么位置最合理?这是一个很难回答的问题。
交互设计专注于需求、任务和目标三者的有效实现,对于UI而言,这里应该是相对细节的单页面交互设计。
所以从上面可以理解为,IxD则是从UI衍生出来的一个独立领域,主要专注于如何让用户与产品在特定任务情景下的交互操作更有效、有用、有趣,这可能会涉及对启发式理论、控制论、人机工程学、规划理论等的具体应用,甚至在更多不同领域中将音频、视觉或空间等多媒体的综合运用在一起,比如声音识别交互、手势交互、触摸交互等。也许这也是为什么在欧洲的部分学校已经把ID从工业设计中脱离了出来,成为了一个独立的专业。


在网上找到上面这个类似想法的图片,也就是交互设计主要会考虑下面3个问题。

你会如何操作?接到任务、情景理解、判断显示、尝试控制。
操作后有什么感觉?接受响应、错误处理、执行确认。
你从操作中明白(获得)了什么?产品(服务)认知、期望判定、体验提升。
希望上面整理的这些信息能帮我们更好的理解以上两个角色的不同,在工作中把精力更多地专注于该做的事情上。如有不同想法,欢迎大家一起讨论。

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一2.4 UI和IxD...相关推荐

  1. 《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一2.3 交互设计师容易犯的错误:把自己禁锢在解决方案之中...

    本节书摘来自异步社区<UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论>一书中的第2章,第2.3节,作者 UCDChina,更多章节内容可以访问云栖社区"异步社 ...

  2. 《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.6 提一个懒人需求—找遥控器的电视...

    本节书摘来自异步社区<UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论>一书中的第17章,第17.6节,作者 UCDChina,更多章节内容可以访问云栖社区"异 ...

  3. 《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一1.3 数据—判断淘宝店铺页面设计优劣的显微镜...

    本节书摘来自异步社区<UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论>一书中的第1章,第1.3节,作者 UCDChina,更多章节内容可以访问云栖社区"异步社 ...

  4. 交互设计师 mysql_UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论...

    作者:UCDChina 编著 出版社:人民邮电出版社 编辑推荐: UCDChina网站的Angela.白鸦.千鸟等人的产品设计笔记大公开,成为一个优秀的产品设计师.产品经理必读的作品. 内容简介: 本 ...

  5. 17互联网产品的交互设计(文智老师公开课笔记)

    互联网产品的交互设计 交互设计之父 交互设计定义 几个容易混淆的概念 如何炼成交互设计技能 交互设计几个重要的性质.原则.准则 17.1交互设计之父 比尔·莫格里奇(1943.6.25-2012.9. ...

  6. 互联网产品一网易网站设计(思想)

    很多人可能认为门户网站首页设计只是把一些导航.资讯内容和广告堆积起来摆放得好看就可以 了,虽然这个观点也并不是完全错误的,确实门户网站首页是由这三方面内容组织而成,但随着互联网的快速发展,用户对访问网 ...

  7. 互联网产品的交互设计方法

    目前交互设计在互联网产品中的应用状况 "交互设计可以提高产品可用性."在国内的互联网行业中,建立在这个认识基础上,交互设计得到了普遍的接受."产品设计开始的时候应该先交互 ...

  8. 也说说互联网产品开发中的设计

    2019独角兽企业重金招聘Python工程师标准>>> 一.何谓WEB设计?       WEB设计也是视觉传达设计的一个方向,而且在视觉传达.信息表现方面,体现的尤为重要,从产品构 ...

  9. 互联网产品经理和原型设计

    一个合格的互联网产品经理在向技术部提交产品策划方案时,除了详尽的需求说明外,还必须提供清晰易懂的产品原型设计(Prototype Design)方案,优秀的原型设计不仅方便在前期进行研讨,也可以更好的 ...

最新文章

  1. 机器人程序为啥要用Qt开发呢
  2. linux上部署mysql服务_在Linux环境下部署MySql服务
  3. Linux编译mybatis,使用mybatis assembly插件打成tar包,在linux系统中运行服务-Go语言中文社区...
  4. asp.net webapi 微信接口接入
  5. 【学术相关】研究生如何与导师沟通?来自青年教师的视角
  6. HTML5 audio 标签-在html中定义声音的标签
  7. java手写实现BST
  8. windows下jenkins常见问题填坑
  9. 安全的API接口解决方案
  10. GeoTiff及GDAL切图(java)
  11. 正方教务系统一键教学评价
  12. 强行卸载趋势科技防毒墙网络版客户端
  13. 微信小程序图片设置成圆形
  14. [realview] warning: #550-D: variable d was set but never used
  15. basename函数漏洞之[Zer0pts2020]Can you guess it?
  16. 存-管-用 联想企业网盘融云一体机让协同办公变得简单
  17. 【毕业设计】基于单片机的心率检测系统 - stm32 物联网 嵌入式
  18. redis--客户端
  19. 最新青龙拉库命令及监控变量教学
  20. 使用SketchUp制作球体的方法(图文教程)

热门文章

  1. CSS3 @media 查询(制作响应式布局)
  2. [hihoCoder] 区域周长 解题报告
  3. 哟西,张家界三日自助游走起@-@
  4. 我的世界服务器领地范围显示,我的世界领地圈地最大范围值设置方法介绍
  5. Flink DataSet API
  6. 不得不知的Web知识 —— HttpClient中SocketTimeOut、ConnectionTimeOut与ConnectionManagerTimeOut区别
  7. 非洲有没有鸿蒙,非洲五大兽指的是哪五种动物?
  8. 我的世界神奇宝贝怎么制作服务器,我的世界神奇宝贝服务器如何调精灵刷新率...
  9. 适用的验厂考勤工资AB账系统软件这样选择
  10. 中国陷入超低生育率陷阱