游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

前言经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆...

游戏交互设计心得分享:从代入感与反馈感入手提升打击体验


前言

经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】

之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。

我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆拨乱反正!我们一起来探讨一下什么是交互设计。

希望以后能够少听到那两句话……..

我所理解的交互设计

交互设计,不是简单到你以为“简化操作步骤“那么简单的事。

我总结交互设计的精髓在于两个词:【代入感】以及【反馈感】。

什么是代入感

如何让用户快速明白你设计的这个是什么东西,干什么用的,为了解决什么问题;

是否能够让玩家融入到你的游戏世界去,知道你这个游戏讲的是什么,我为什么战斗,每一项功能都是做什么的,为什么这个功能能够提升这个属性,这个属性就是有这个效果等等。

这也是交互设计的最终实现目标之一:如何在没有说明、没有新手引导的情况下,能够让用户快速的理解并且上手你的软件。既所谓的”第一眼,我就知道怎么用”,这种感觉。

什么是反馈感

当用户做了一件事情之后,需要告诉用户他到底有没有做过,成功了还是失败了?

在游戏中,还有一个很特别的体现,既【打击感】

为什么代入感和反馈感那么重要,甚至涵盖了交互设计的核心内容?

因为人类本来就是经验主义的动物,人类的天性就是习惯于凭经验去认知、去判断。尤其是在玩游戏的时候,在这么轻松、放松的环境下,用户更难凭借理性去认知。

所以,任何违背用户习惯、常理,或者没有上下文的新内容,缺少操作反馈都是不良的用户体验。

只要理解了代入感以及反馈感,就能达到无招胜有招的境界,你设计的东西就会很容易被用户所接受

内容:无

(我最痛恨的就是那些死读书的人跑来做交互设计,我文章前说的两个【金句】多出自于他们之口!!!!)

关于代入感以及反馈感在设计中的实例

实例1

【代入感】

我来讲一件我遇到的有趣的真实事件吧~

去年年末的时候,由于春节即将来临,所以很多饭店都陆陆续续的关门,老板们回家过年去了。尤其是最后几天,对于某些懒人实在是太不友好了,离开饭店就会被活活饿死。那几天我们就一直在寻找到底哪些饭店还在开门营业呢~

(注意:因为当时没有拍照,所以没办法贴出当时的情景,可能会影响阅读体验,请各位尽量脑补)。

很多饭店都是在门口玻璃上贴着一张A4纸,上面打印这“春节期间停业,放假时间xxx~xxx,xxx之后正常营业”。

但是有这么一家饭店,在门口贴了一张非常精美的,五颜六色的海报,我们当时看到之后一阵兴奋“总算有吃的了~!”可是走进一看,TMD上面也是写着同样的停业内容……

于是这就引发了我一个思考:这TMD就是代入感啊!

人们已经习惯于停业就是用白色A4纸打印上“停业”两个字,并且根据经验会做出判断:凡是用A4纸贴在玻璃门上的都停业了。所以这个时候,如果你用彩色海报来表达停业,用A4纸来表达正常营业,就是一个错误的交互设计。

这就好比,人们已经习惯于黑白丧事,红白喜事一样。

实例2

反馈感&代入感

关于游戏中的打击感

经常会有人提问,怎么样才能提升游戏的打击感。

也经常会有人凭借自己的经验回答:①加强音效  ②攻击之后的受伤反馈动作延迟0.2ms ③balabalabalaba

可是从来没有人告诉你打击感到底是什么。既然都没能真正的理解打击感,只是根据经验来总结如何提升打击感,多多少少还是有一些片面。

那么回过头来,我总结了”打击感其实就是反馈感“。假设这一命题成立,那么我们会得出【受击前与受击后,受击对象所表现出来的差异】就是打击感。那么我们会得出【理论上,受击前与受击后,受击对象所表现出来的差异越大,那么打击感就越强】。

但是,别忘了,打击感这里面还存在另一个重要元素【代入感】。因为你所表现出来的打击感总要符合人们的认知吧,不能表现的超出人们的认知,那这就是不良体验了。

所以我们要结合反馈感以及代入感,在一个合理的限定范围内,来调整受击对象在受击前与受击后所表现出来的差异,从而来调整打击感。

实例3
 

反馈感

那我自己的工作来举例吧~

我最近设计了一个界面,在我自测的时候,我自己都忍不住吐槽了一下自己。

那是一个确认保存按钮,用户提交一些截图,点击保存之后,这些截图会上传到某一个页面中。

但是由于网络通信的原因,在用户按下保存按钮的时候总是会卡个一两秒。

那么问题来了,我当初设计的时候没有注意到这个细节。所以导致我自测的时候发现,当我点击“保存“按钮之后,没有任何反应,我还以为我没有按成功,于是我又按了一下,又按了一下……

最后发现那个页面上传了3份一模一样的截图。

那么这个问题是怎么产生的呢?

首先,网络延迟,你需要加一个“加载反馈“或者”Loading动画“吧。

其次,当你不希望用户重复操作某一个按钮,那么你应该加一个Disabled的状态吧。既当用户点击一次按钮之后,该按钮会变为Disabled,变成灰色,来告诉用户两个信息:①你已经操作过这个按钮了  ②我不想让你再点它了。

实例4

代入感&反馈感

再举一个我们身边的例子。

说起”按钮“,你们脑中最原始的印象是什么?

是不是那种“圆圆的“”红红的“”突出来“的那种?

知道最早的按钮原型为什么要这么设计么?

据说……人类最早还是原始人的时候,食物来源除了打猎之外,另一个重要途径就是从树上摘果子。果子最原始的形象,就是红红的,圆圆的。

这也解释了两样事情:①为啥人类总是发动战争   ②为啥人们总是忍不住点红色的按钮。It’s the nature of human!    ——此为代入感

曾经日本有一个综艺节目,节目的主题为整蛊。工作人员事先在一个房间里面布满了机关陷阱,然后在房间中间放一张桌子,桌子上面放一个“红红的,圆圆的,突出“的按钮,用来触发机关。主持人找来很多嘉宾来做实验,把他们骗进房间,反锁们,把嘉宾困在房间一段时间,暗中观察。几乎所有人都在明知道这是陷阱的情况下按下了这个按钮。最后,一个一个采访当时嘉宾的心态。嘉宾们纷纷表示,”我就是忍不住按,虽然我知道可能是陷阱。但是我就是忍不住!看到那个红色的突出来的按钮,只有把他按下去的那一瞬间,按钮发出清脆的“咔嚓“声,内心得以释放,好爽啊~“    ——此为反馈感

实例5

To be continued

总结

如果你有耐心看到最后,那么你来回答我文章开头的问题:

简单的简化操作步骤,别把功能藏得太深,最后有可能所有功能都堆积到某一处

VS

注重代入感以及反馈感,让用户一看就明白怎么使用,一看就知道想要的功能放在哪里

哪个体验更好?

“后言”

估计又是一个年头没写博文了

同样还是很忙

所以这次也不会长篇大论,只是随手记一些心得

希望能够给大家带来启发。

同样,我所写的都是些“歪理”,不曾参考,不成体系,没有那些书面语言,没有那些高大上的词汇,没有看上去很牛逼的理论。

那些喜欢崇拜大师著作的,还是不要读了……

我相信优秀的交互设计师一定是认真体验生活的人!

游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

  • 稿件合作:一元(微信:smallkisshe)

  • 商务合作:Amber(微信:lcxk6876767)

  • 投稿邮箱:news@GameRes.com

  • 投诉邮箱:webmaster@GameRes.com

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35294/

(0)
交互精选交互精选
上一篇 2018-02-19
下一篇 2018-02-20

相关推荐

  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 交互设计可以区分出一个好的产品和一个差的产品——「得米Micah」

    这是 Bestony 推荐给你的第141个公众号基础信息公众号名称: 得米Micah公众号类型:文章型订阅号公众号ID:MicahDesign更新频次:不定期更新简介今天为大家分享的公众号来自一个交互设计师 Micah 。搞互联网的或多或少都听过这个岗位,我在网易待过,也曾经为外包公司干活,也为初创企业作过技术服务,很多时候,不同产品的区别最大的点可能便是在于交互设计。小公司或外包公司会有设计师,但是是我们所说的「视觉设计师」,而大公司...

    2018-03-15
  • 【用户体验】“互联网+”如何提升用户体验?

    “你兜售的虽然是产品,但真正能使你获益的却是服务”。为何这样讲?众所周知,顾客就是上帝。在今天,用户体验越来越多的被提及,产品得到了更多的外延及扩展,已经不再局限于产品本身的价值,而有了更多的后续价值和服务的依托。注重交付的每个环节的规范与体验,这让卖点从产品本身逐渐渗透到整个产品的生命周期中,用户对品牌的认识也开始从产品蔓延到店面、店员、交易流程是否顺畅、售后服务是否及时到位等诸多层面。换句话说,产品是基础,而优质的服务可以帮助企业赢...

    2018-03-03
  • 【招募】图书管理员、UI交互设计、手机软件开发,快来报名!!

    ↗点击上方“海淀教堂”关注我们📖海淀教堂为丰富教牧同工的阅读生活,正在建立图书馆,欢迎有图书馆管理或工作经验并有感动的弟兄姊妹积极参与此项事工。报名地点:三楼侍奉室边瑞霞同工 18514656724💻因事工需要,海淀堂网络组现招募UI交互设计,手机软件开发等技术义工,欢迎有相关恩赐的弟兄姊妹咨询报名。报名地点:三楼侍奉室李维萧同工 17600071627欢迎有感动的弟兄姊妹们参与进来!等待您的加入呢!耶稣爱你!名关注这里Address:...

    2018-04-15
  • 深入智能商业用户体验 —— 艺土咨询(ETU)

    4月10日下午,本协会会长王日华和副秘书长王索飞等一行前往位于长宁区凯旋路166号上的本协会理事单位上海艺土界面设计有限公司走访,该公司董事长林钦、资深用户体验设计师梁雯琦热情接待了王会长一行。在该公司的会议室,林总首先用PPT形式向王会长一行简单介绍了艺土公司的发展情况。她说,艺土(ETU)自2004年成立以来,深耕用户体验行业14载,通过与160多个知名企业进行760多个项目的深度合作探讨,帮助企业通过洞察市场价值、理解用户价值需求...

    2018-04-12
  • 写在 [ 交互设计小厨房 ] 一周岁

    时光荏苒,感谢无情岁月!感谢大家容忍这个公众号『隔三差五』抽疯式的更新;感谢太太长期战斗在『丧偶式育儿』的第一线;感谢各位『互联网老炮』容忍洒家在微信群里污力十足的飚车;最后还要感谢这个优雅的排比句。当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放金平糖の精の踊り~カチューシャ浜口史郎 - 『ガールズ&パンツァー』オーケストラ・コンサート~Herbst Musikfest 2015~产品厨子的运营总结2017年3月24日,『交...

    2018-03-24
  • 论数字媒体交互设计的未来

    “交互设计”这一概念如今风靡全球,对于它的研究 与实践受到企业、院校等机构越来越多的关注。现如今交互设计正在呈现出一种放射状成长态势,这使得交互设计没有绝对的定理,都是在共同交流,探索中前进。国内交互设计优秀案例分析在信息全球化的时代,无论是国际还是国内市场,大多数设计机构都在言必称交互,“交互设计师”、“用户体验设计师”已经成为炙手可热的职位。我国也涌现出一批优秀的交互设计师们,其设计出的作品均获得了国内外的一致好评。例如,中央美术学...

    2018-03-03
  • 交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

    2018-05-01
  • 考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25
  • 产品经理神器 Axure 安装、激活和汉化教程

    摘要:Axure 是产品经理必会的一个工具,本文详细讲解 Axure 的下载、安装、激活和汉化等流程,方便大家学习 Axure 。作为一个合格的产品经理,几乎没有人不会使用 Axure 的,事实上,熟练使用 Axure 也成为了一个产品经理的基本功。为方便新手产品经理部署 Axure 环境,方便学习和使用,下面我来详细说明涉及部署 Axure 软件的各个步骤。下载关于 Axure 软件的下载,这里不多说,建议大家去官方网站进行下载,不要...

    2018-04-25