手游《纪念碑谷》交互设计特点分析

手游《纪念碑谷》交互设计特点分析

关键词:

1. 节奏的控制

2. UI的APP化

1、节奏的控制

1) 纪念碑谷为什么慢节奏?

首先解释下本游戏的玩法:玩家探索建筑(迷宫)的路径,走到终点即可通关。玩家需要寻找并使用机关、旋转建筑、移动人物、运用NPC。这个元素相互配合,才能找到路径。

2) 玩家心流模型:

在一个关卡中,玩家每次遇到一个不通的路,就会带来压力,探索通过这段路,压力释放。

然后再遇到新的问题,再解决。每关有若干这样的循环,直至通关。越到后面的关卡,关卡的建筑越复杂,玩家的压力越大。

大致画一下该游戏的心流示意图:

手游《纪念碑谷》交互设计特点分析

慢节奏适合探索型的游戏。

玩家的压力来自于通过探索各种可能性,找到路径。缓慢的节奏,不增加玩家的心里负担,缓解压力、减少疲劳。将时间交给玩家,让玩家在解决问题后,可以欣赏画面、了解剧情,沉浸在游戏中。游戏柔和的色彩、简洁的画风、静谧的音乐,也都是为了让玩家放松、静下心来慢慢的玩。

3) 纪念碑谷控制节奏

每关中:

建筑的移动、镜头的切换、NPC的对话,都已缓慢的动画呈现,帮助玩家放松下来,减缓压力,没通过一个困难点,都让玩家静静的欣赏,沉浸其中。

手游《纪念碑谷》交互设计特点分析

缓慢的转场动画

手游《纪念碑谷》交互设计特点分析

对话内容没有采用气泡样式,而是在整个空灵的界面中间慢慢呈现,寓言漫画式的表达故事情节。

通关后:

先显示游戏名字,然后缓慢移动到选关界面,显示本关完成并开启下一关。

这个动画过程给了玩家一个休息的时间,越到后面关卡越难,花费时间越长。这里给玩家更多的停留和休息,缓解玩家的疲劳。

手游《纪念碑谷》交互设计特点分析

总结:故事情节的呈现、转场交互动画要注重对游戏节奏的控制。

不同类型的游戏,需要不同的节奏,跑酷类游戏带给玩家动感和速度感。探索类游戏要让玩家静下心来慢慢探索。动画带来尽可能的平滑过渡效果,避免生硬的跳转,玩家的沉浸体验会随之延续而非中断。

2、UI的App化

手机游戏的UI越来越像App的UI,简单清晰、不干扰内容。也是为了保证玩家的游戏沉浸感。

1) 极简UI:

简单的线条式操作图标、简单的文字、透明背景、纯黑的loading界面。减少对游戏画面的干扰。

2) 透明化浮层:

没有独立于游戏画面的操作界面。玩家无时不刻都保持的与游戏画面的接触。保证沉浸感。

手游《纪念碑谷》交互设计特点分析

手游《纪念碑谷》交互设计特点分析

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8955/

(0)
iouedioued
上一篇 2015-08-27
下一篇 2015-08-27

相关推荐

  • 教你读懂UI设计的心理学!

    来源:阿里妈妈MUX 作者:阿里妈妈MUX编译   作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,…

    2014-09-27
  • 移动端搜索功能研究

    搜索功能无论在web端还是移动端,都是产品中十分重要的功能。文章主要从用户体验和产品功能、策略角度来分析,提出一些对应的设计方法。 搜索能够帮助用户快速精确找到想要的结果,其中两个重要目标是提高搜索结果…

    2016-10-28
  • [译]UX设计之商品详情页

    现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用…

    2016-06-30
  • HoloLens 确炫酷狂拽屌炸天!另外,这不是VR!

    6月2日凌晨,有“互联网女皇”之称的Mary Meeker今天在美国Code大会上发布了2016年的互联网趋势报告。 (关注“艾欧交互设计”微信号:AioUED,回复“2016”可获取报告中英文版PDF下载链接) 作者:朱宏 链接:https://zh…

    2016-06-02
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • [译]UX设计之按钮使用实例、类型和状态

    按钮是一个普通的、日常交互中都可能碰到的基本元素。但对创建一个流畅的交互体验过程来讲,按钮则是一个至关重要的元素,因此,投入一定精力到该元素的设计上是非常有意义的。另外,我们也为大家梳理出元素的基本…

    2016-06-30
  • 为了App更新,程序猿都变成段子手了

    头图来自:flickr 本文转自歪楼(easy1414),已获得其授权。 这年头混你们互联网创业圈真是太难了。 按着互联网思维,连修bug的程序猿小哥们都被逼得寂寞如雪。 有的自带牛逼气质: 有的在App更新日志里写起了诗: …

    2016-01-26
  • 分享:神级广告,100人同时交换名片~

    100人如何同时交换名片?

    IxD案例 2016-06-16
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12
  • Axure-小红书APP登陆界面划屏效果制作

    有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果 效果分析 …

    2016-01-06