1. 主页 > 行业资讯 > 交互设计 >

一个技巧让你理解交互设计的前沿理论

交互设计在我们的日常生活中无处不在。有时候用一个APP,你觉得很好用,而别人却很难有。为什么?通过两个实际案例,说明交互设计语言在实践中的作用!享受~

首先,我们的生活充满了交互设计

如果你每天滑动手机,你能想象简单的点击、滑动等吗?屏幕上制造的一切都隐藏着神秘?你有没有觉得有些App界面不好用,有些界面用起来很舒服?

上述所有问题都可以通过交互设计来解决。

电脑的出现开启了科技革命的又一个时代,交互设计也随之诞生。

它是基于图形用户界面的,还是一门比较年轻的学科。与传统工业设计相比,交互设计学科的许多知识体系并不成熟和完善。

因此,团队合作中经常会出现沟通不畅的情况。交互设计师想表达A,产品经理解读为B,程序员理解为c,最终的产品往往是吓人多于惊喜!

二、拖和摇的区别是什么

我还记得第一次上交互设计课的时候,我惊呆了。

当时教授问了我们一个相当简单的问题:拖和摇有什么区别?

台下的同学都举起手指,朝着空划了一排,皱着眉头,和左右的同学对视。大家都在说,但是没有标准。

涨知识: 一招带你了解交互设计前沿理论

后来教授又给了另一个题目。他让两个学生面对面坐着。面向白板屏幕的学生可以看到智能手表界面图。请面对白板向学生讲解界面,请他画出来。

涨知识: 一招带你了解交互设计前沿理论

经过一番折腾,我的搭档终于明白了我的意思,但是当她转身面对白板的时候,传来了“啊~”的一声。原来我描述的和她理解的还是有些距离的。

于是我开始思考:交互设计不需要自己独特的语言来准确传达设计师的意图吗?

为了解决这个问题,我查阅了相关资料,发现关于如何与交互设计进行有效沟通的问题并不多,但是有一个比较完整的理论叫做“交互设计语言”。当我一开始不知道如何运用这种语言的时候,我觉得自己像是在雾中看花。但是一旦理解了概念,就对交互设计有了更深的洞察,似乎打开了交互设计领域的另一扇窗。

三、交互设计语言的魔力

在交互设计语言中,最基本的概念是控件、链接和对象。当控件改变时,对象也随之改变,即控件通过联动来控制对象(如图)。作为“对象”,“控件”,“对象”有很多属性,比如大小,角度,颜色,位置等等。当两个属性有对应关系时,我们可以通过“控制属性”来改变“对象属性”,可以感受到“控制力”。

涨知识: 一招带你了解交互设计前沿理论

我们用鼠标控制光标的位置,然后光标控制图标在桌面上的位置。这个过程有两个操纵关系。在不同的操纵关系中,光标可以是“对象”,也可以是“控件”(如图);而我们的手通常是控制的,毕竟我们是在操纵一个物体。

涨知识: 一招带你了解交互设计前沿理论

在交互设计语言中,操纵关系称为联动。在实际应用中,通常有一个以上的链接,这使情况变得复杂。在交互设计语言中,有相对联动、绝对联动、循环边界等概念。

这里我们通过两个案例来说明交互设计语言在实践中的作用!

第四,实战的力量

案例1:公交路线应用

公交App是我们生活中不可缺少的工具。因为公交线路多而复杂,每条公交线路都需要一个单独的接口来表示。公交线路的接口一般有两种形式。

第一种是,将两个方向的终点站连起来,延展成一条长长的线(影片1);另一种方式则是,在路线介面上方,设置一个方向控制的按钮,来改变路线的方向(影片1-1)。但因为有些公车会从终点掉头返回起点,有些则不一定延着原路进行,这样的设计常常让使用者混淆而找不到目的地。

如何解决这个问题?

涨知识: 一招带你了解交互设计前沿理论

胶片1(左)胶片1-1(右)

控制权视角的重要性

我们以韩国T图公交App的改进方案为例,说明控制权视角的重要性。首先,交互设计语言看待这个问题,会从控制力的角度出发。

为了让公交路线更直观地显示方向,采用控制力的概念,通过滚动列表来“控制”路线图显示的方向。当人们向上滚动列表时,他们会下意识地向下看网站,所以他们会显示下线。相反,当他们向下滚动列表时,他们会下意识地向上看网站,因此他们会显示上行链路,因此用户可以通过滚动列表轻松地在上行链路和下行链路之间切换。

涨知识: 一招带你了解交互设计前沿理论

但如果用户反复上滚下滚,来回切换上下线,会对用户造成不必要的干扰。所以我们用控制力的概念来控制这种“控制关系”的开关(比如电影2),让用户通过查询公交线路快速达到目的。

涨知识: 一招带你了解交互设计前沿理论

案例二:微信怎么退

当你沉浸在微信上看一篇文章的时候,突然收到一条必须确认的新消息,或者觉得要交费。这时候你要反复操作“后退”按钮来处理。在这个过程中,不仅复杂,有时你会发现信息并不重要,阅读文章的思路被打断(如图)。

涨知识: 一招带你了解交互设计前沿理论

面对这个问题,交互设计语言首先会用操纵的思维去思考。如何利用操纵力在不同层之间快速切换?经过一系列的交互设计语言来理清思路,开发出了新的解决方案。

从左向右拖动页面时暂停一会儿,返回上一级,级别预览和跳转菜单将被激活。然后手指垂直移动“控制”相应的级别(支付和收款、微信、浮动窗口等)。),当前页面会根据手指位置变化。

比如我们在朋友圈看一篇文章的时候,可以使用这个功能,不要关闭当前的文章,要“看到”消息的发送者,内容简短;或者轮到我们结账时,我们可以快速转到付款和收款页面。这样就跨越式地完成了关卡之间的跳跃,大大缩短了操作步骤。(例如电影)

涨知识: 一招带你了解交互设计前沿理论

第五部分:掌握与万物对话的艺术!

其实与万物的相互作用可以用“控制”来解释,这是一个抽象的视角,从这个视角出发有无限的可能性。长期以来,我们只是简单地在物理规律的约束下“操纵”物理实体。随着科技的发展,我们开始控制能量,更精确地“控制”物质。计算机技术让我们对“控制力”有了进一步的理解。在交互设计领域,我们真的需要一套语言去理解它的原理,才能让团队沟通更顺畅,更有创新性。

交互设计语言可以帮助交互设计师更清晰地理清问题的脉络,实现更有效的团队沟通。

传统的设计流程需要原型开发多次迭代才能不断完善,成本高,周期长(图1);应用交互设计语言的设计过程是在思维层面进行多次迭代,成本低,周期短,可以减少不必要的迭代,最大化每次迭代的价值(图2)。

传统设计流程:

涨知识: 一招带你了解交互设计前沿理论

(图1)

应用交互设计语言的设计流程;

涨知识: 一招带你了解交互设计前沿理论

(图2)

注:微信案例和解锁案例中使用的交互设计已经在中国和韩国申请了设计专利。

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:https://ffjianzhan.cn/a/jhsj/737.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息