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

访客3年前黑客资讯522

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

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

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

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

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

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

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

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

百科定义:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

再接着,进行导航设计。

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

相关文章

从0到1体验iPod的发明历程

从0到1体验iPod的发明历程

我们长这么大,利用那么多的产物,举办那么多的交互。我们无法制止碰见一些让人糟心的产物,一些反人类的交互。我们必定其时也想过假如换做是本身,本身会怎么去设计这个产物。假如可以归纳出一种通用的交互设计要领...

UI设计转行交互,需要注意什么?

UI设计转行交互,需要注意什么?

交互设计,该不应走上这条不归路?许多UI想转交互大概都问过这个问题,作者作为一个从前端入行、做了不少UI和产物事情的交互设计师过来人,从自身履历出发,对这个问题举办了阐明探讨,但愿能给想要从UI转交互...

交互设计方法论:从交互的角度剖析身边的产品(精华)

交互设计方法论:从交互的角度剖析身边的产品(精华)

有的读者看完《从0到1体验iPod的发现过程》后大概会有许多不领略的词汇,通过本章的阅读,你就能领略那些词汇是什么寄义了,别的读完本章后你也可以或许将身边的所有产物从交互的角度去举办拆解了。 前言的...

揭开“QQ音乐”交互设计的面纱

揭开“QQ音乐”交互设计的面纱

我本人一直是网易云音乐的忠实粉丝用户,这么多年以来用的第一款移动端音乐平台就是网易云音乐。但是记忆里的QQ音乐貌似更加地具有回忆感,所以我也想看一看这个时代下的QQ音乐能带给我怎样的交互体验,也想比较...

案例总结:交互工作中需求的挖掘与分析

案例总结:交互工作中需求的挖掘与分析

编辑导语:需求这个词,想必各人再熟悉不外了,需求的收集与挖掘是产物司理必备技术之一,也是一个需求流转的开始。要想做出一个好的产物,就要想方设法获得利用产物的真实的用户需求,本文作者团结相关案例,对在交...

交互设计 | 知识体系以及技能总览

交互设计 | 知识体系以及技能总览

编辑导语:交互设计尽力去缔造和成立的是人与产物及处事之间有意义的干系,从属于设计规模的交互设计,主要存眷的是如何让人与系统更好地举办“对话”本文作者具体先容了交互设计的具体常识体系,我们一起来进修一下...