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

简介:

本节书摘来自异步社区《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来组织界面的操作流和页面需要表现的信息结构。


ba3472c9c46de57dec00cbe2188b67f59c23bd48

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

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

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


f6c193bd701ef83270c84d58da6eefd6cbb2e0a6

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

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

相关文章
|
8月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
|
9天前
|
数据采集 人工智能 自然语言处理
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架,通过自然语言交互简化测试流程,支持动作执行、数据查询和页面断言,提供可视化报告,适用于多种应用场景。
102 1
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
|
4月前
|
前端开发 图形学 开发者
【独家揭秘】那些让你的游戏瞬间鲜活起来的Unity UI动画技巧:从零开始打造动态按钮,提升玩家交互体验的绝招大公开!
【9月更文挑战第1天】在游戏开发领域,Unity 是最受欢迎的游戏引擎之一,其强大的跨平台发布能力和丰富的功能集让开发者能够迅速打造出高质量的游戏。优秀的 UI 设计对于游戏至关重要,尤其是在手游市场,出色的 UI 能给玩家留下深刻的第一印象。Unity 的 UGUI 系统提供了一整套解决方案,包括 Canvas、Image 和 Button 等组件,支持添加各种动画效果。
213 3
|
5月前
|
C# 开发者 设计模式
WPF开发者必读:命令模式应用秘籍,轻松简化UI与业务逻辑交互,让你的代码更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,命令模式是简化UI与业务逻辑交互的关键技术,通过将请求封装为对象,实现UI操作与业务逻辑分离,便于代码维护与扩展。本文介绍命令模式的概念及实现方法,包括使用`ICommand`接口、`RelayCommand`类及自定义命令等方式,并提供示例代码展示如何在项目中应用命令模式。
62 0
|
5月前
|
前端开发 开发工具 git
|
5月前
|
编解码 前端开发
XR Interaction Toolkit教程⭐四、实现与UI交互
XR Interaction Toolkit教程⭐四、实现与UI交互
|
6月前
|
JavaScript
vue + element UI【实战】音乐播放器/语音条(内含音频的加载、控制,事件监听,信息获取,手机网页阴影的去除等技巧)
vue + element UI【实战】音乐播放器/语音条(内含音频的加载、控制,事件监听,信息获取,手机网页阴影的去除等技巧)
116 1
|
7月前
|
前端开发 JavaScript Java
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
SSMP整合案例第六步 在前端页面上利用axios和element-ui与后端交互实现增删改
54 1
|
JavaScript 前端开发 API
基于Vue和Element UI实现前后端分离和交互
基于Vue和Element UI实现前后端分离和交互
262 1
|
8月前
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式
731 0