详解影响交互设计的两大要素

访客3年前黑客资讯528

对C端产品来说,影响交互设计的因素有两大部分,那就是——架构和人机交互。那么在两部分中,又有哪些细分的设计要点与注意事项呢?笔者将为大家揭晓。

详解影响交互设计的两大要素

先延伸几个实际生活中交互场景的案例,这些交互都是实实在在能感受到的:

详解影响交互设计的两大要素

夏天拿着海尔空调遥控正向对着空调按下黄色按钮,空调就会启动吹风降温,躺在沙发凉风吹在脸上很惬意、舒服;

晚上驾驶的宝马汽车夜视仪检测到行人时,提示驾驶员注意避让,仿佛车子在告诉我前面有人快减速;

手指在苹果电脑触控板上滑动,显示屏上的箭头会跟随,电脑会乖乖的听从我的指令;

微信APP打开扫一扫商户二维码,我们银行卡或微信内钱会转到商户手中,此时商户喇叭响起“微信到账…”;

百科定义:

交互是一门研究系统与用户之间的交互关系的学问。系统可以是各种各样的机器,也可以是计算机化的系统和软件。人机交互界面通常是指用户可见的部分。用户通过人机交互界面与系统交流,并进行操作。小如收音机的播放按键,大至飞机上的仪表板,或发电厂的控制室。人机交互界面的设计要包含用户对系统的理解(即心智模型),那是为了系统的可用性或者用户友好性。

下面分析交互在整个产品设计中所处的位置,我们只对互联网产品进行分析,参考《用户体验5要素》:

首先,战略层产品经理或需求分析师对需求进行分析和产品定位,得出用户需求和产品目标。

接着,需求转化为范围层的功能和内容。

再次,由交互设计师把这些内容和功能,细分成结构层的信息架构、页面与页面与人之间的互动关系。

然后,绘画出草稿原型,既架构层的导航、界面、信息字段。

最后,视觉设计师完成视觉,包括颜色、图片、字体、图标等视觉风格设计。 

这样,我们就清楚的知道交互设计师负责的是结构层和框架层的工作。

详解影响交互设计的两大要素

笔者对互联网toC的APP产品交互设计给出的定义:基于用户需求、场景的分析,梳理出信息、导航、界面的架构 和 人与页面之间的交互,并产出最后的原型页面

但笔者实际工作中发现中小型公司(500人以下)产品经理会包揽这部分工作。下面我们详细说下这两大部分工作:

一、信息、导航、界面架构工作

信息架构是交互设计师开始着手做的工作。做这项工作前不得不提产品经理的需求分析及产品定位阶段,只有充分理解产品经理或需求分析师给出的内容,才能进行信息架构>导航>界面原型>其它交互。

通常交互设计师跟着产品经理过需求会。理解用户需求时,一定要找到对应的场景。

举个小例子:电商购物车,就是用户在购买多件商品场景时,有这样核心需求——当用户不需要某个购物车内商品场景时,购物车内商品可以去掉。

怎样交互才能达到这种目的?当用户购物车内商品全不要了场景怎样交互?当用户喜欢购物车某件商品,嫌贵的场景,又怎样交互?在大型电商节日,当购物车内某件商品不参与活动时,购物车结算场景或最后订单怎样提示?等等。

综上所述,交互设计师,既要理解用户需求又要找到对应场景。

当然这些工作大部分还是产品经理或需求分析师去做,并产出目标用户画像、他们的主要需求点、对应场景、以及触达这些需求点的具体流程(俗称业务流程)、其它内容(内容包含功能、主要信息字段)。

但为了产品更好的与用户交互,交互必定要深入理解这些产出文档(俗称MRD、PRD)。

当然,这类文档还有其它一些内容,像行业调研、竞品分析、财务报表、团队规划等,但这些与交互工作没有因果关系。只需要把以上的几点深入理解即可。

再说说产品生命周期中非成长期,成熟期,也就是后期的交互工作。

工作内容都是一样的,大部分是迭代,每次的交互改版,都需要数据做支撑。交互优化是为了达成某项数据目标,通过A/B test进行数据测试。新项目接手时,产品经理用多种需求分析工具,拆解出用户需求给出产品内容,评审过会后,交互设计师对这些功能内容进行拆解归类。

首先,在草稿纸上或xmind上列出所有字段,产出一份思维导图文档,这些字段包含的是功能和用户需要的信息。

接着,对这些信息架构归类。

再接着,进行导航设计。

最后就是界面原型设计了。

相关文章

交互规范:框架布局让页面模块更统一

交互规范:框架布局让页面模块更统一

通过定义框架各层中布局,让用户快速的了解产品内容及功能模块的划分,以及产品在各个平台的体验的一致性。本文主要围绕什么是框架,如何框架布局,框架布局的应用三个部分进行阐述,在项目中提前定义好框架布局将有...

B端产品经理,提需求时要考虑这几点

B端产品经理,提需求时要考虑这几点

通过两年的系统搭建,笔者从经验中总结了一系列套路,本文先分享B端产品提需求时,应该考虑的几个点,可以保证更高质量的需求和更高效的沟通。 因为之前做过一年手机ROM产品经理(偏C端交互)、两年系统产品...

3方面告诉你,用户运营如何实施场景化营销

3方面告诉你,用户运营如何实施场景化营销

做用户运营的时候,明确场景能够让我们了解熟悉用户行为并设置出行之有效的营销策略。那么要想实施场景化营销,我们又要注意哪些要点呢? 场景这个词大家一定不会陌生,做活动要讲究场景,做O2O也要场景,比如...

Axure教程:实现鼠标按住时散开改变按钮颜色/增加遮罩

Axure教程:实现鼠标按住时散开改变按钮颜色/增加遮罩

首先我们来看一下简陋效果(是真的非常简陋): 请手动无视最后一次,gif上传后出现的未知问题 接下来我们聊一下如何实现这个效果,首先我们需要一个动态面板: 动态面板状态里面我们需要它们: 然...

从0到1设计产品,你需要了解这些内容

从0到1设计产品,你需要了解这些内容

对于设计师来说,如果你接到了从0到1设计一款产品的任务时,千万不要直接开干,动手前最好从产品、展示、团队上想清楚了要怎么做。 从零开始设计一款产品时,很容易出现一个尴尬的局面: 领导的意图传递不到位...

B端产品的筛选场景调研与设计优化实践

B端产品的筛选场景调研与设计优化实践

笔者通过调研B端后台系统的筛选场景应用,总结归纳了几种基础筛选、高级筛选及组合筛选的场景,基于此对自身产品的筛选场景应用进行分析、归纳最终输出优化设计方案,希望对你有所启发。 一、筛选场景介绍 在B...