在信息时代,高等院校实验室必须充分利用互联网资源与时代和国际接轨,才能在日趋激烈的人才与科研竞争中取得优势地位,因此实验室网站的建设显得尤为重要。随着移动互联网的飞速发展,用户使用移动设备访问网站的需求量不断增大,高校实验室网站也需要为移动端设备提供较好的浏览体验。本论文的研究课题源于笔者攻读研究生期间,参与的湖南大学人机工程与交互体验实验室网站系统建设项目。项目以响应式的布局设计为基础,突破传统高校学术类网站用户体验有待提升的缺点,为增强网站的吸引力和信息可视化做了一定的创新性设计。论文围绕湖南大学设计艺术学院人机工程与交互体验实验室网站系统设计展开,对整个网站项目的设计、分析和研究过程进行归纳总结。在整个项目流程中,对同类网站交互界面设计进行对比研究；在此基础上通过一系列用户访谈和调研,挖掘实验室网站目标用户：高校学生、教师、企事业单位工作人员的基本需求,并对需求进行分析整理,建立用户的角色模型；然后使用以用户为中心的交互设计方法,进行网站的功能设计、流程设计、信息架构设计、交互原型设计以及视觉设计；最后配合技术人员进行响应式的网站开发,完成了湖南大学人机工程与交互体验实验室网站的设计工作。人机工程与交互体验实验室网站系统设计,对现有实验室网站的用户体验提升进行了创新和探索,满足了移动互联网的发展需求。将学术类实验室网站运用时下流行的响应式设计,做到了低成本、高效率的适配各种移动端浏览设备,对于未来同类产品进行响应式设计开发具有一定的借鉴意义。