网页游戏中界面设计的研究和应用(论文)

上海交通大学硕士学位论文网页游戏中界面设计的研究和应用姓名：李晓蕙申请学位级别：硕士专业：数字媒体艺术与技术指导教师：杨旭波20080901V网页游戏中界面设计的研究和应用摘要论文介绍了主流的网页游戏界面设计的特点，根据人机界面设计的原理，综合网页界面设计和游戏界面设计的各自特点给出网页游戏界面设计的原则、方法，流程，并应用于实际开发中来指导网页游戏的界面设计。论文主要阐述了人机界面设计的基本原理，包括界面设计原理，认知心理学和视觉习惯基础理论，具体分析以上要素在网页游戏界面设计中的作用。根据网页游戏的目标用户的心理特征模型和网页游戏的网络特征模型对游戏界面设计原则进行了深入研究。根据人机界面设计基本原理，即符合用户需要的“简单、自然、友好、一致”界面设计基本原则的基础上，结合网页界面设计的原则和游戏界面设计原则三方面综合分析得出网页游戏界面设计的原则。分析了每一种游戏的特殊性，阐述了现在主要的6种游戏类型的特点,提出了基于游戏不同类型的界面设计原则。根据所要达到的可用性目标和用户体验目标，得出了用户参与的迭代式的界面设计方法。该方法的主要特征为：用户参与性设计与迭代设计。即在整个界面设计过程中，用户要全程参与设计过程；通过迭代，进行重复的“设计——评估——再设计——再评估”的过程，就能利用反馈来改进设计。迭代是不可避免的，因为设计人员不可能VI一次就找出正确地解决方案。在用户数据的收集、分析、昀初的概念设计、正式模型设计、评估等各个阶段都需要不停和用户进行交流反馈。迭代设计是一个有目的的设计过程，通过几次设计迭代克服完全需求所规范的固有问题，每一次迭代都可以改进昀终的游戏界面。该方法的流程为：确定软硬件环境、设计调研、游戏任务分析设计，以设计原则为基础的建立模型、游戏界面的图形设计、用户参与的迭代式设计测试和评估，详细分析了在每个环节的具体实施方法以及该环节中应该注意的问题。根据先前得出的设计原则来作为对网页游戏具体评价的依据来进行设计功能和设计效果评价。评价一款网页游戏的方法主要有实验方法、检测方法、调查方法。选取一定的样本用户，让用户使用游戏，观察其反应，在所有用户完成游戏界面测试过后，分别考察使用新版和旧版本的用户，对用户进行满意度调查。用论文所得出的原则和方法来对网页游戏界面进行指导和规范设计后，较原版本游戏用户更加认可，有更好的满意度。认为基本上符合用户之前在需求调查中所提出的要求，取得用户较好的评价。验证了论文提出的设计原则以及设计方法的科学性。是的确符合以用户为中心的界面设计理论，是可以用来指导未来的网页游戏的界面设计。关键词网页游戏，人机交互设计，游戏界面设计，可用性，用户体验，迭代设计VIIIRESEARCHANDAPPLICATIONONUIDESIGNOFWEBGAMEABSTRACTUserInterfacewhichasabridgebetweenWebGameanduserhasgreatdifferencewithothergamesininterfacedesign.ThispaperfirstintroducedandanatomizedthedoctrineofWebGameandHuman-ComputerInteractiontechnology.Thenpresentsourresearchwork:theprincipal,methodandworkflowwhichcanserveasaguideforfutureGraphicUIdesign.WebGameisoneofOnlineGamingwhichmadewithwebpageprogramminglanguagesuchasJAVA,ASPandActiveX.GameplayercanplayitinwebbrowserdirectlyanddonotneeddownloadandinstallanyclientsoftwareintheirPC.ContrasttoWebGame,thetraditionalonlinegamesneedtodownloadmorethan300M(someevenmorethan1G)oftheclientsoftware.AllpeoplewhocanconnecttoInternetcanplaygamenocost,nowaitingwithinputURLinwebbrowserandneeddownloadnothing.Alongwiththeinternettechnologyunceasingdevelopment,WebGamegetarapiddevelopmentoverthepastfewyearsandwillbelikelytoreplacetraditionalonlinegamesinthefuture.Recently,theindustryofGameregardsbrowserasavirtualoperatingIXsystem,whichmakestheprospectofwebgameevenbetter.Althoughthedomesticgameisinfullswingpageandcarriedout,butthelackofsystemstheoryasaguide,leadingtomanycasesoffailureofthegame.Atpresent,itisonlyashortintroductiononWebgameUIdesignabroad,andlackofsystematic,comprehensive,specificdescriptionandanalysisofthedomainofWebgameinterfacedesign.Interfaceistheexternalperformanceofthegame;ithasadirectimpacteachotherbetweenGameanduserandhasaveryimportantpositionintheentiregamedesign.Intheinterfacedesign,fromdeterminingculturalbackgroundtorealizingdesignidea,fromfeasibilityanalysistoprojectpresenting,filter,amendmentandevaluation,itmustbearational,orderly,systematicprocessandshouldbeacorrespondingsystemtheorytoguide.ThisarticlefocusedontheWebGamegraphicinterfacedesign.WeanalyzethecurrentUIdesigninWebGameanddeepresearchavailabilityanduserexperience,andthenbringforwardprinciples,methodsandProcesstoguidethefutureoftheWebGameUIdesign.Accordingtoavailabilityobjectanduserexperiencegoals,wedrawaniterativemethodwithuserparticipatingininterfacedesign.Ourmaincontentsareasfollows:Firstofall,respectivelyelaborateonthebasictheoryofhuman-computerinterfacedesignandtheconceptofWebGame.ThenweXanalyzecharacteristicsofexistinggamesandwebbrowserplatformthenconcludetheprinciples,methodsandprocessesinWebGameUIdesign.Basedonobjectivesofuserexperienceandavailability,wehavecometotheUIdesignmethodwhichisuserparticipantanditerative.Usersshouldbeinvolvedinthewholedesignprocess,andimprovelastUIbyrepeatingtheprocess“design-evaluation-re-design-re-evaluation”againandagain.Finally,weapplythisprinciplesandmethodstodesigningagameandevaluateitusingobservationandusersurvey.WehopethatprinciplesandmethodwhichweconcludediseffectiveandvalidandwealsohopeitcanguidethefutureofinterfacedesigninWebGame.Finally,wehaveappliedprinciplesandmethodwhichweconcludedtoWebGameinterfacedevelopmentandvalidateitiscorrectandscientificusingUsermonitoringandusersurveymethod.Keywords:WebGame,InteractionDesign,GameInterfaceDesign,Usability,UserExperience,IterativeDesignIII上海交通大学学位论文原创性声明本人郑重声明：所呈交的学位论文，是本人在导师的指导下，独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。学位论文作者签名：李晓蕙日期：年月日IV上海交通大学学位论文版权使用授权书本学位论文作者完全了解学校有关保留、使用学位论文的规定，同意学校保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权上海交通大学可以将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。保密□，在年解密后适用本授权书。本学位论文属于不保密□。（请在以上方框内打“√”）学位论文作者签名：李晓蕙指导教师签名：杨旭波日期：年月日日期：年月11绪论1.1论文的选题背景及意义1.1.1背景知识1.无端网游休闲娱乐已经成为我们这个时代生活很重要的一部分，游戏(Game)是一种参与、交互式的娱乐形式。这一概念是相对于被动式的娱乐形式而言的，看电视、读书、看电影都是被动式的娱乐方式，在这些方式中，娱乐是展现式的，受众只能被动参与。游戏则要复杂很多，当人们玩游戏时，因积极参与而获得快乐。随着计算机以及图形图像技术的发展，出现了电子游戏。电子游戏指以电子元器件组装成的设备为运行平台的游戏。这与传统的游戏方式是不同的，传统的游戏需要现实中的游戏道具，如：象棋、扑克牌等。而电子游戏则是通过控制电子游戏设备与电子游戏进行交互的游戏方式。在互联网时代，电子游戏已经发展成为网络游戏。玩网络游戏也已经成为当今人们休闲娱乐昀为流行的一种方式。网络游戏拥有强大的人与人之间的交流平台，用户在游戏中得到充足的虚拟现实体验，这是过去传统游戏不能比拟的。同时，人的思想和行为等方面在玩游戏的过程中已经受到了游戏的影响[1]。网络游戏是利用TCP/IP协议，以Internet为依托，可以多人同时参与的游戏项目。网络游戏按照联网