网页游戏中界面设计的研究和应用.doc

上海交通大学硕士学位论文网页游戏中界面设计的研究和应用姓名李晓蕙申请学位级别硕士专业数字媒体艺术与技术指导教师杨旭波20080901V网页游戏中界面设计的研究和应用摘要论文介绍了主流的网页游戏界面设计的特点，根据人机界面设计的原理，综合网页界面设计和游戏界面设计的各自特点给出网页游戏界面设计的原则、方法，流程，并应用于实际开发中来指导网页游戏的界面设计。论文主要阐述了人机界面设计的基本原理，包括界面设计原理，认知心理学和视觉习惯基础理论，具体分析以上要素在网页游戏界面设计中的作用。根据网页游戏的目标用户的心理特征模型和网页游戏的网络特征模型对游戏界面设计原则进行了深入研究。根据人机界面设计基本原理，即符合用户需要的“简单、自然、友好、一致”界面设计基本原则的基础上，结合网页界面设计的原则和游戏界面设计原则三方面综合分析得出网页游戏界面设计的原则。分析了每一种游戏的特殊性，阐述了现在主要的6种游戏类型的特点,提出了基于游戏不同类型的界面设计原则。根据所要达到的可用性目标和用户体验目标，得出了用户参与的迭代式的界面设计方法。该方法的主要特征为用户参与性设计与迭代设计。即在整个界面设计过程中，用户要全程参与设计过程；通过迭代，进行重复的“设计评估再设计再评估”的过程，就能利用反馈来改进设计。迭代是不可避免的，因为设计人员不可能VI一次就找出正确地解决方案。在用户数据的收集、分析、最初的概念设计、正式模型设计、评估等各个阶段都需要不停和用户进行交流反馈。迭代设计是一个有目的的设计过程，通过几次设计迭代克服完全需求所规范的固有问题，每一次迭代都可以改进最终的游戏界面。该方法的流程为确定软硬件环境、设计调研、游戏任务分析设计，以设计原则为基础的建立模型、游戏界面的图形设计、用户参与的迭代式设计测试和评估，详细分析了在每个环节的具体实施方法以及该环节中应该注意的问题。根据先前得出的设计原则来作为对网页游戏具体评价的依据来进行设计功能和设计效果评价。评价一款网页游戏的方法主要有实验方法、检测方法、调查方法。选取一定的样本用户，让用户使用游戏，观察其反应，在所有用户完成游戏界面测试过后，分别考察使用新版和旧版本的用户，对用户进行满意度调查。用论文所得出的原则和方法来对网页游戏界面进行指导和规范设计后，较原版本游戏用户更加认可，有更好的满意度。认为基本上符合用户之前在需求调查中所提出的要求，取得用户较好的评价。验证了论文提出的设计原则以及设计方法的科学性。是的确符合以用户为中心的界面设计理论，是可以用来指导未来的网页游戏的界面设计。关键词网页游戏，人机交互设计，游戏界面设计，可用性，用户体验，迭代设计VIIIRESEARCHANDAPPLICATIONONUIDESIGNOFWEBGAMEABSTRACTUSERINTERFACEWHICHASABRIDGEBETWEENWEBGAMEANDUSERHASGREATDIFFERENCEWITHOTHERGAMESININTERFACEDESIGNTHISPAPERFIRSTINTRODUCEDANDANATOMIZEDTHEDOCTRINEOFWEBGAMEANDHUMANCOMPUTERINTERACTIONTECHNOLOGYTHENPRESENTSOURRESEARCHWORKTHEPRINCIPAL,ANDWORKFLOWWHICHCANSERVEASAGUIDEFORFUTUREGRAPHICUIDESIGNWEBGAMEISONEOFONLINEGAMINGWHICHMADEWITHWEBPAGEPROGRAMMINGLANGUAGESUCHASJAVA,ASPANDACTIVEXGAMEPLAYERCANPLAYITINWEBBROWSERDIRECTLYANDDONOTNEEDDOWNLOADANDINSTALLANYCLIENTSOFTWAREINTHEIRPCCONTRASTTOWEBGAME,THETRADITIONALONLINEGAMESNEEDTODOWNLOADMORETHAN300MSOMEEVENMORETHAN1GOFTHECLIENTSOFTWAREALLPEOPLEWHOCANCONNECTTOINTERNETCANPLAYGAMENOCOST,NOWAITINGWITHURLINWEBBROWSERANDNEEDDOWNLOADNOTHINGALONGWITHTHEINTERNETTECHNOLOGYUNCEASINGDEVELOPMENT,WEBGAMEGETARAPIDDEVELOPMENTOVERTHEPASTFEWYEARSANDWILLBELIKELYTOREPLACETRADITIONALONLINEGAMESINTHEFUTURERECENTLY,THEINDUSTRYOFGAMEREGARDSBROWSERASAVIRTUALOPERATINGIXSYSTEM,WHICHMAKESTHEPROSPECTOFWEBGAMEEVENBETTERALTHOUGHTHEDOMESTICGAMEISINFULLSWINGPAGEANDCARRIEDOUT,BUTTHELACKOFSYSTEMSTHEORYASAGUIDE,LEADINGTOMANYCASESOFFAILUREOFTHEGAMEATPRESENT,ITISONLYASHORTINTRODUCTIONONWEBGAMEUIDESIGNABROAD,ANDLACKOFSYSTEMATIC,COMPREHENSIVE,SPECIFICDESCRIPTIONANDANALYSISOFTHEDOMAINOFWEBGAMEINTERFACEDESIGNINTERFACEISTHEEXTERNALPERANCEOFTHEGAMEITHASADIRECTIMPACTEACHOTHERBETWEENGAMEANDUSERANDHASAVERYIMPORTANTPOSITIONINTHEENTIREGAMEDESIGNINTHEINTERFACEDESIGN,FROMDETERMININGCULTURALBACKGROUNDTOREALIZINGDESIGNIDEA,FROMFEASIBILITYANALYSISTOPROJECTPRESENTING,FILTER,AMENDMENTANDUATION,ITMUSTBEARATIONAL,ORDERLY,SYSTEMATICPROCESSANDSHOULDBEACORRESPONDINGSYSTEMTHEORYTOGUIDETHISARTICLEFOCUSEDONTHEWEBGAMEGRAPHICINTERFACEDESIGNWEANALYZETHECURRENTUIDESIGNINWEBGAMEANDDEEPRESEARCHAVAILABILITYANDUSEREXPERIENCE,ANDTHENBRINGFORWARDPRINCIPLES,SANDPROCESSTOGUIDETHEFUTUREOFTHEWEBGAMEUIDESIGNACCORDINGTOAVAIL