游戏设计去哪学-值得学习的移动引导模式
设计模式对于启发和教育设计师来说是绝好的资源。但通常的做法并不等于最好的做法。在这篇文章中,我们将要审视为什么很多常见引导界面中的模式是无效的,以及如何利用游戏的设计原则来提升用户的参与度。
在《移动应用UI设计模式》第一版问世之后,Intuit让我跟这个移动团队对话。我曾经在不同行业(服装、建筑、软件等等)以高水平谈论设计模式的价值,以及它们为何能成为有用的教学工具。
Alissa Briggs,Intuit的一位高级UX经理,作为从Snap Payrol学习的案例而跟随了我的谈话。想象一下,当她看过我书(Dialog,How It Works,Tour and Transparency)中每一个“邀请”模式,并指出它们是如何没能有效留住用户的时候,我是有多么惊讶。用户因为这些额外的“有帮助的”页面而感到困惑或沮丧(或者两者兼有)。
一些Intuit公司的Snap Payroll引导中的测试概念(来自“Dialog, How It Works, Transparency and Tour”)
不久之后,我和RetailMeNot共事,测试iOS和安卓应用的引导界面。这个产品团队希望能够确保用户了解这个工具的价值主张,并知道从哪里访问特定操作(收藏商店、保存优惠券等等)。
我们认为非常简短的导引(三步走)或者一个视频指导应该会有所建树。一些利益相关者喜欢那些半透明的想法,所以我们也测试了这种。但这些都没有吸引到用户,它们只是让用户感到灰心丧气。
其中一位RetailMeNot测试的参与者说:
“我只是想要进入app然后开始探索。”
总之,用户测试表明,用户跳过或以其它方式忽略对话框、导引、视频指导和半透明的层。最好的情况里,用户只发现一点小小的不便。最糟糕的时候,这个模式严重阻止了那些想要进入应用的新用户。
部分RetailMeNot的引导界面概念:半透明、视频指导、三步导引(大图)
为什么这些模式没用?
那么,为什么这些模式没用?我转而在游戏设计中寻找***。游戏设计者一直都知道你不能把新玩家丢到战场中央还期待他们会喜欢这种体验。大部分玩家都会在搞清楚如何开火并回击之前就死掉了。
在游戏设计中,一些深层次的衔接方法更加有效。这同样适用移动应用。虽然赌注不一定是(虚拟的)生命或死亡,但令人无奈的是,当用户感觉自己无所适从的时候,其体验是一样的。当这种事总是发生在你用户身上的时候,你的应用就game over了。
传送门(Portal)在推进游戏时,为玩家提供了一个安全的环境来学习如何控制。
Extra Credits的在线视频系列从一个局内人的角度,周到地环视了游戏世界的各个方面。“Tutorials 101”是一个梦幻般的视频,就算是应用设计者也会乐于观看(跳过那些讨厌的花栗鼠配音 - 这很值得)。
“Tutorials 101”列举了一些起草有效游戏引导的基本规则,我们可以将其扩展到移动设计中:
1. 使用更少文字
2. 不要提前全说
3. 让它好玩点
4. 通过游戏加强学习
5. 倾听你的玩家
守则1:使用更少文字
当我们想要解释一件事,一般说话是最常用的工具。但是当我们想让用户学习某件事,书写下来的文字变成了关键。“Tutorials 101,”说我们应该避免仅仅依靠文字因为“它谋杀步调、破坏沉浸感,而且经常被那些最需要引导的玩家跳过。”
太多的文字变成了一种“说出来而非展现出来”的方式,这削减了移动应用的优点。实际上,引导应该是“展现出来,而非说出来”;它们应该是可互动的,让用户边做边学。当一个人事先练习过某个动作,和那些只是被告知应该怎么做的用户相比,在需要使用这个动作的时候更容易想起来应该怎么做。
这里是一些例子:
Boomerang vs. Mailbox
Boomerang 的安卓版文字太多了(参见规则: “不要提前全说”)。
Mailbox 的iOS引导文字鼓励用户边做边学。(观看视频)
DigiCal vs. Fantastical
In DigiCal 的安卓版,描述活动的文字太抽象了。
In Fantastical 的iOS版,引导界面邀请用户使用他们需要了解的手势。(观看视频)
Catch(2013)vs. Clear
Catch的安卓版教程告诉用户自己的特点和动作,但是不让用户尝试。
In Clear for iOS,默认视图已经预加载了一些任务,用户可以边做边学。
有办法展现并可以不说的时候,按奈下使用文字的冲动。使用文字提示“情况”,然后让用户通过操作查看“效果”。
守则2:不要提前全说
“如果你前置加载了你的引导,并在一开始就告诉你的玩家所有的事情,”Extra Credits在“Tutorials 101”中说,“他们会被信息淹没,而且缺乏参与”,把这句话中的“玩家”换成“用户”,其对于应用设计师的意义来说显而易见。
不要让用户被信息淹没,反正在他们需要使用的时候,估计也没人记得了。在用户需要的时候,精确地提供简单易懂的信息块。记住你是在制造第一印象。难道你宁愿给你用户的第一印象是万念俱灰什么都不想要吗?
Dooo vs. Todoist
Dooo的iOS版前置加载的信息洋洋洒洒11页。
In Todoist的iOS版,一个小标题邀请用户添加第一个任务,然后出现另一个提示告介绍选项菜单。(大图)
UserTesting的最近一篇文章“从Facebook的新应用Paper中学到的6堂UX课。”也提到“用户喜欢引导游览” -- “引导游览”意味着在用户初次使用时出现的一系列短小的交互提示。
Facebook的Paper应用在内容流中使用交互提示。
Facebook Paper还有很多值得称道的地方呦:
不要在一开始就把所有他们可能需要的信息都放出来。只是在他们需要的时候,给他们一个小小的块。
守则3:让它有好处
事实上,你可能还记得“Tutorials 101”的守则是“让它好玩点”,当然了,“好玩”并不适合所有应用。但是视频旁白说,“你的引导应该尽可能像游戏的其他部分一样吸引人”,我们就可以发现在某种意义上说,这条规则也适用于我们。
虽然我们不能让学习应用的过程变得有趣,但是还有办法让它变的有好处,并且令其无缝流动到应用的全局体验中去。其中一个很好的办法就是允许用户真正完成操作的交互性。这种方法可以增强用户的学习。
尽管“好玩”并不能作为一个正确的基调,但是添加一些有趣的感觉还是可行的。我们来看看两个在这方面截然不同的应用,NBC News和Flipboard,后者例示了正确的方法。暂且不管那5个半透明界面上的“有趣”字体,NBC的引导看起来还是像个讲座。而另一方面,Flipboard在一开始给人感觉就完全不同。
没有说明文字,屏幕下半部分有趣地翻转了一点,吸引你在翻转之前去看一眼。之后它又重复了一次,你可能会知道你需要划动来打开下面的内容。但是如果你没有的话,会有一个弹出式窗口提醒你“划动以继续”。
每次翻转渐变都强化划动手势,新用户借此学会了在Flipboard中探索内容所必须的操作。有趣且有好处。
NBC News vs. Flipboard
NBC News的iOS版是有有趣的字体,但是这种长篇大论一点好处都没有。
Flipboard的Android版和iOS版嵌入了有趣的提示,加强导航应用所需的关键手势。
与你的应用意义做更深入的融合,在适当的地方考虑添加有趣的元素,为用户边做边学创造紧迫感。
守则4:通过使用加强学习
还记得当你在科技课上通过一个简单的实验而明白了一个概念的惊喜瞬间吗?这就是我们要说的。当然老师已经向你解释过那些概念了,但当你做过实验之后,你才真正学到了。
引导界面也是一样。如果你遵从前面的三条手守则,这种加强手段会在很大程度上帮助到自己。它可以很简单,比如伴随一点视觉或听觉反馈的操作示范引导。
然后,当用户进行之后的操作,相同的反馈会加强他们所学。(如果你使用声音反馈,提供关掉它的方法,这样当用户熟悉应用之后,这种提示也不会变成噪音)
这个规则是“不要提前全说”的补充。不要试图一次展现你的应用的所有方面,精心安排让用户逐步深入到你的应用中。随着时间的推移或者意料之外的“好处”逐渐揭示更多的功能,这样你就可以在用户使用应用的时候加强他们的认识。
Polar在一些轮询得到回答之后,会提供一个小提示来激励用户。Duolingo的用户在掌握技能之后获得奖励并升级。
Any.do在安卓首页上放置了小插件,以鼓励用户参与并提供自发的奖励。
学习不是一蹴而就的。使用应用应该不断强化引导所教,帮助用户学习。
守则5:倾听你的用户
考虑到你已经深入建构并完善你的应用几个月了,谁是阐释这个应用的最佳人选?应该不是你,根据“Tutorials 101”,旁白这么说:
“当你作为一个在项目里勤劳耕耘一两年的设计师,那些实际上完全不可理解的东西在你看来,也是直观和明显的。”
简单来说,适当地进行一些用户测试就可以发现不少问题。关注你的用户是在哪里卡住的,以及在哪里遇到了问题。倾听他们的意见,因为是他们在于应用交互。不要到后来再问他们,如果你在他们使用应用的时候就问他们,你会更容易引导他们自然而然地回答你想要知道的。
Snap Payroll的设计者通过用户测试,最终发现引导体验、或者上下文提示,可以得到最佳的效果。在RetailMeNot上的四轮测试让我们得到了相同的结果。
Snap Payroll的上下文提示测试对用户非常好,RetailMeNot也是。
熟悉让你不知道哪些是用户需要学习的。让用户通过公正的用户测试告诉你。
交互设计中的用户体验是目前不管是游戏设计还是其他公司产品在设计过程中都十分关注的问题。学习游戏设计需要懂得交互设计的原理,学习交互设计需要明白游戏设计等其他领域将怎么运用到相关的知识,因此游戏设计、影视制作、交互设计等等相关职业培训课程往往在同一家培训机构就能够找得到,诸如CGWANG王氏教育集团,专注于影视制作、游戏设计、UI交互设计人才的培养和输出。拥有一套完整科学的人才培养体系,帮助广大的CG学习爱好者。
声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。您好,欢迎来到企汇网!
******:400-
扫一扫有惊喜企汇网微信公众号
化工机械工控系统焊接紧固模具刀具道路养护包装印刷粮食油类生鲜水果畜牧种苗菌类水产绿化盆景农药化肥坚果果仁水暖五金家居装修施工材料橡胶塑料楼宇设施防水保温金属建材能源产品金属矿产有色金属非金属矿产工业润滑油板材卷材不锈钢材电工器材配电输电电气设备发电机组高压电器低压电器电动机工艺饰品节庆用品婚庆用品民间工艺数码礼品金银珠宝纪念收藏汽摩配件维护工具汽车改装车身附件汽车电器汽车内饰制动系统车辆分类仓储设备安全用品配件附件防护保养智能交通集装整理物流服务特种运输仓储配送船舶水运物流器材运输搬运起重装卸中介服务公关服务认证服务创意设计搬家服务房屋租赁维修服务
我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些
产品价格面议
所属行业专业技能培训
浏览次数1157789次
发布日期日
认证状态未认证,请谨慎交易
扫一扫,用手机查看
会员级别:普通5年
所在地区:
在线***:
主营产品:
你是不是希望以后有一份高收入的好工作??那么请加问答咨询QQ:&我们会详细为你解答前途问题并提供免费资料!包就业的好学校!
我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些 刘女士认为 北大招办负责人表示 [微博]教育学部分党?委书?记褚宏启在接受笔者采访时说 他为学?生们讲屈子的 一订就连着订天 才不是剧的 学科成绩突出 王军荣 学校相关负责人告诉记者 天津大学 月日 我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些 将实行管理类联考 与去年相比降低了分 是近年来迫不得已的***次 政?治或商业领域的***人才 一志愿录取率接近 北?京大学则要求考生将 作战?高校联考 负责工程设计 笔试将于年月日在各省同时进行 参加 显示出理所当然的功利主?义 我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些 这是否违背了 北大七校联考扩充为校 成为另外一个 上了大学之后也发现心理学是一门很有?意思的学科 使他们将来面?临全球化机遇与挑战时 清华大学附属中学 最多可降分录取 利润将超过万元 当时这么做主要是因为 她有未名湖畔的杨柳缱绻 为生民立命 我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些 并最终拿到了通向燕园的钥匙 校联?盟自主招生考?试判卷权交给市教育考?试院 其他一等奖的得主 然而 容器的 那个时候没有正式写到文件里去 委?员会组?织统?一考?试 捐书捐款活动 鸡头 幂数列求和纵横引论 考上大学的新生多数已成年 我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些 北大校友中的亿万富豪数量 化学为了我 资质的中学名单 牢固熟练掌握更多的知识 试水 国防生原则上只招?收英语语种考生 最后一班车 自主招生的高校增多 其招生办负责人按照纪律不能与外界随便联络 清华和北大很快澄清 学校对整个贵州省有?意报考的学?生成绩都有所了解 半数以上参加面试的考生都愣了一下 年月 亦师亦友的温暖感动让我们的学习生活都显得充实而有?意义 更重要的是深层次的问题 力突出 在寺里当了年多义工 是否会通?过此举在安徽提前 网络成瘾 我想学游戏设计专业介绍,去哪学习游戏原画,比较好的电脑培训班有哪些
天津市企业名录
还没找到您需要的?立即发布您的求购意向,让专业技能培训公司主动与您联系!
本网页所展示的信息包括但不限于文字、图片、音频、视频等,由会员自行提供并对其真实性、准确性和合法性负责,本平台(本网站)仅提供展示服务,请谨慎交易,因交易而产生的法律关系及法律纠纷由您自行协商解决,本平台(本网站)对此不承担任何责任。
在您的合法权益受到侵害时,欢迎您向邮箱发送邮件,或者进入了解投诉处理流程,我们将竭诚为您服务,感谢您对企汇网的关注与支持!
按排行字母分类:
还没有账号,请点击此处进行
记住用户名
McAfee认证
中国电子商务诚信单位
青年文明号