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

上海交通大学硕士学位论文网页游戏中界面设计的研究和应用姓名：李晓蕙申请学
位级别：硕士专业：数字媒体艺术与技术指导教师：杨旭波20080901 V摘 要 论文
介绍了主流的网页游戏界面设计的特点，根据人机界面设计的原理，综合网页界面
设计和游戏界面设计的各自特点给出网页游戏界面设计的原则、方法，流程，并应
用于实际开发中来指导网页游戏的界面设计。 论文主要阐述了人机界面设计的基本
原理，包括界面设计原理，认知心理学和视觉习惯基础理论，具体分析以上要素在
网页游戏界面设计中的作用。根据网页游戏的目标用户的心理特征模型和网页游戏
的网络特征模型对游戏界面设计原则进行了深入研究。根据人机界面设计基本原理，
即符合用户需要的“简单、自然、友好、一致” 界面设计基本原则的基础上，结合网
页界面设计的原则和游戏界面设计原则三方面综合分析得出网页游戏界面设计的原
则。分析了每一种游戏的特殊性，阐述了现在主要的6种游戏类型的特点提出了基于
游戏不同类型的界面设计原则。 根据所要达到的可用性目标和用户体验目标，得出
了用户参与的迭代式的界面设计方法。该方法的主要特征为：用户参与性设计与迭
代设计。即在整个界面设计过程中，用户要全程参与设计过程；通过迭代，进行重
复的“设计——评估——再设计——再评估”的过程，就能利用反馈来改进设计。迭
代是不可避免的，因为设计人员不可能 VI一次就找出正确地解决方案。在用户数
据的收集、分析、最初的概念设计、正式模型设计、评估等各个阶段都需要不停和
用户进行交流反馈。迭代设计是一个有目的的设计过程，通过几次设计迭代克服完
全需求所规范的固有问题，每一次迭代都可以改进最终的游戏界面。 该方法的流程
为：确定软硬件环境、设计调研、游戏任务分析设计，以设计原则为基础的建立模
型、游戏界面的图形设计、用户参与的迭代式设计测试和评估，详细分析了在每个
环节的具体实施方法以及该环节中应该注意的问题。 根据先前得出的设计原则来作
为对网页游戏具体评价的依据来进行设计功能和设计效果评价。评价一款网页游戏
的方法主要有实验方法、检测方法、调查方法。选取一定的样本用户，让用户使用
游戏，观察其反应，在所有用户完成游戏界面测试过后，分别考察使用新版和旧版
本的用户，对用户进行满意度调查。用论文所得出的原则和方法来对网页游戏界面
进行指导和规范设计后，较原版本游戏用户更加认可，有更好的满意度。认为基本
上符合用户之前在需求调查中所提出的要求，取得用户较好的评价。验证了论文提
出的设计原则以及设计方法的科学性。是的确符合以用户为中心的界面设计理论，
是可以用来指导未来的网页游戏的界面设计。 关键词 网页游戏，人机交互设计，
游戏界面设计，可用性，用户体验，迭代设计 VIIIRESEARCH AND APPLICATION
ON UI DESIGN OF WEBGAME ABSTRACT User Interface which as a bridge between
WebGame and user has great difference with other games in interface design. This paper
first introduced and anatomized the doctrine of WebGame and Human-Computer
Interaction technology. Then presents our research work: the principal method and
workflow which can serve as a guide for future Graphic UI design. WebGame is one of
Online Gaming which made with web page programming language such as JAVA ASP
and ActiveX. Game player can play it in web browser directly and do not need download
and install any client software in their PC. Contras t to WebGame the traditional online
games need to download more than 300 M some even more than 1 G of the client
software. All people who can connect to Internet can play game no cost no waiting with
input URL in web browser and need download nothing. Along with the internet