基于用户体验的界面设计(UI)研究

天津工业大学

硕士学位论文

基于用户体验的界面设计（UI）研究

姓名：刘春花

申请学位级别：硕士

专业：设计艺术学

指导教师：肖畅

20071201

ui用户界面设计课程设计报告

UI用户界面设计大作业课程设计报告题目：依依旅行系统前台应用及后台管理院别：信息与控制学院专业：计算机科学与技术学生姓名： 7宋依依指导教师：孙丽云成绩： 2015年 6 月 12 日一、系统概述 1.1课程设计题目：依依旅行系统前台及后台管理 1.2 课程设计运行环境： Java，MyEclipse6.5，Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术：基于HTML，CSS，JSP等技术的应用二、依依旅行系统需求分析 2.1系统功能需求：

系统的功能需求包括一下几个方面（1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。（3）游客登录后还可以进行各种订单的退订，个人信息的修改。（4）系统管理员可以查看游客的预定请求和取消预定的请求。（5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。三、依依旅行系统概要分析 3.1旅游系统模块介绍满足以上需求的管理系统主要包括以下几个模块。（1）旅游数据维护模块基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。（2）旅游业务模块基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。（3）数据库管理模块在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。（4）旅游信息查询模块信息查询模块主要用于查询景点的信息和游客的预定信息。下图所示表示了旅游开发管理系统的功能需求： 3.2旅游数据维护模块数据维护模块包括如下图所示的几个方面：（1）修改更新景点信息：系统管理员可以更新和修改景点信息。（2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。（3）添加景点信息：系统管理员可以添加景点及景点信息。（4）删除景点信息：系统管理员可以删除景点及景点信息。 3.3旅游业务模块旅游业务模块包括一下几个方面：（1）注册登陆后，更改个人信息（2）查询信息：游客查询景点使用信息及景点概括信息。（3）预定取消景点：游客预定景点票。（4）酒店预订：游客可一根据情况预定酒店。（5）出行方式：游客可以根据自己的情况选择出行方式。 3.4数据库管理模块数据库模块包括一下一个方面：（1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。

UI界面设计规范标准

. .. . WI-PSMIS-DJ-B008 02.01.000 （部资料） ECE项目图形用户界面设计规自2012年8月日起正式生效从兴电子开发编制：审批： .. .. .. ..

目录 1引言 (4) 1.1目的 (4) 1.2围 (4) 1.3参考资料 (4) 2概述 (4) 3原则 (5) 3.1易用性 (5) 3.2规性 (5) 3.3合理性 (6) 3.4美观与协调性 (6) 3.5独特性 (7) 4设计规 (7) 4.1登录界面 (7) 4.2首页 (7) 4.3框架设计 (7) 4.4按钮设计 (8) 4.5对话框 (8) 4.5.1一般对话框 (8) 4.5.2有模式对话框 (9) 4.5.3无模式对话框 (9) 4.6面板设计 (9) 4.7菜单设计 (9) 4.8图标设计 (9) 4.9滚动条 (10) 4.10换肤功能 (10) 5保留字 (10) 5.1常用保留字 (10)

电力营销图形用户界面设计规 1引言 1.1目的统一和规软件界面。 1.2围电力营销改造。 1.3参考资料 2概述界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。微软公司和苹果公司是这方面的典。微软公司的所有产品包括Office、Windows、MSN Messenger和其所有的都是我们追随的对象。而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。苹果公司更是这方面的鼻祖，它的所有产品无不表露着它在这方面是无人能及的。我们考虑GUI设计时应该遵循基本的规则然后参考成熟的设计，并能够添加自己的独特性。在一个时期很流行的界面风格在另外的时期可能已经落后，所以我们要有创新和超前的意识。

UI设计分析

UI设计 UI 到底是啥？当你打开电脑时，是否想象过你熟悉的这些界面是怎么来的？当你用媒体播放器播放音乐时，你是否会选择一个你喜欢的界面？你是否曾因为漂亮的手机操作界面而决定买下手机，又或者你是否总喜欢下载最新的各种表情和图标？要知道，这一切都是因为有了UI设计师。用一句话概述：UI 是连接机器与人沟通的桥梁。 UI 的中文名是用户界面（User interface），是指对软件的人机交互、操作逻辑、界面美观的整体设计。举例来说，开车的时候方向盘和显示器就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。因此，UI设计师的工作范围非常庞杂，涉及软件界面设计、即时通讯软件界面设计、媒体播放器界面造型设计、游戏界面设计、桌面主题定制、软件图标设计、工具栏图标设计、logo设计、表情头像图标设计、手机界面设计、PMP播放器界面设计、TV端界面设计、PDA界面设计、车载设备界面设计等等。我们现在使用的大多数设备界面也是现在大多数设计师所做的工作都是图形用户界面，即 GUI( Graphical user interface）。我们通过这些可视化的图形界面来理解计算机，进行工作。

UI的由来 UI在中国真正兴起发展到现在不过短短的几年时间，对于UI的行业标准在不同的公司不同的行业也不相同。可能很多人的对UI的认识还停留在传统意义上的“美工”，但实际上UI并不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。我们最早使用的计算机，最初的界面可不像现在这么友好，那时的界面还是命令行界面，CLI（Command line interface）。计算机只是被政府或大型机构使用，在普通人眼中是完全不能理解的存在。（命令行界面，Bourne shell interaction on Version 7 Unix）而乔布斯一直渴望计算机能进入寻常百姓家。在1979 年，他「命运般」地参观了施乐公司，然后做了一回搬运工……使得图形界面被应用在

基于用户体验的智能手机 APP 界面设计研究外文文献翻译

文献出处: Lane N D, Miluzzo. RESEARCH OF SMART PHONE APP INTERFACE DESIGN BASED ON USER EXPERIENCE [J]. Communications Magazine, IEEE, 2015, 8(9): 140-150. 原文 RESEARCH OF SMART PHONE APP INTERFACE DESIGN BASED ON USER EXPERIENCE Lane N D, Miluzzo ABSTRACT In today's information age, as a kind of new media, mobile devices play an important role in people's life. Smart phone lead the future development direction of mobile phone, smart phone APP become an important industry in the mobile Internet, people pay more and more attention to the user experience of a smart phone APP interface design. Because smart phone APP an intense market competition, the user experience to become the decided to smart phone APP development the important lifeblood of the height, strength and speed, is an important indicator of success for the APP product. However, smart phone APP as a newly emerging things produce time is shorter, the designer can't make the change of the agile, according to market feedback in the process of its design and development of the lack of a complete set of design process and theoretical support, to provide users with a good interface design become the key of the user experience. How will the user experience design process into the smart phone APP interface design research and development of every link will be this article to solve the problem. In this context, on the one hand, on the user experience from the level, structure, process, measurement and design point of view to explore the structure of the user experience, on the other hand, the smart phone APP interface design of the user experience to analyze, to build smart phone APP interface design user experience level model. Keywords: User experience, Smart phone, APP, Interface design 1Introduction The rapid development of mobile Internet has become an indispensable part of people's life; it changes in the world of the Internet also changed people's way of life.

UI界面设计规范模板

A、需求阶段软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。因此在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比她作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。 B、分析设计阶段经过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。调研阶段需要从以下几个问题出发：用户对各套方案的第一印象

从UI 和UX对比,谈谈对用户界面和用户体验的理解

佳音校区北大青鸟告诉你UI与UX之间最大的区别可以概括为：UI 是通过视觉的维度去解决效率问题；UX是偏向于功能的维度去解决需求问题。本文章是结合作者个人的多年经验，和大家（尤其是新人PM）一起分享下对UI和UX的对比理解。 UI与UX之间的差异对刚刚入职不久的新人PM而言，可能略有混淆。我个人也在工作中碰见过新人在这方面的疑问或者失误，故而就以自己的经验和理解在这里总结下UI与UX的区别，供大家借鉴、讨论。UI与UX的定义从最基本的层面上来说，用户界面（UI）是用户和产品互动之后产生的的一系列视觉感受，比如界面中的按钮和图标等，用户看了之后会有如何的认知；用户体验（UX），相对来说，则是一个人在与一家公司的产品、服务等各方面互动之后产生的体验感受。大家会看到，UI与UX都是最终落到用户主观的感受层面上来，这点的总结意义在于：其实两者都是带有根本的主观性质的，服务用户其实服务的就是用户的主观。那么我们在思考UI与UX的设计时，都要从用户的主观角度去换位思考。 UI——用户界面上溯到上世纪七十时代，如果你想使用一台电脑，就必须使用命令行界面。那时，买不到一台使用图标、按钮、或鼠标的电脑，为了让电脑行使你的指令，你必须用编程语言和它交流。之后在1981年，Xerox PARC的一帮电脑科学家开发了Xerox Star，一台配置了最初的图形用户界面（GUI）的个人电脑。它使用了窗口、

图标、下拉菜单、单选按钮、复选框等元素，还允许用户打开、移动、删除文档。苹果公司的团队继续在图形用户界面这点上开发创新，1984年，他们发布了Macintosh。Macintosh是第一款成功商业化的使用鼠标点击和多窗口界面的桌面电脑，当然大家最早接触的可能绝大部分都是Windows系列的系统界面。图形界面的出现也带来了对新型设计师的需求——专门设计个人电脑图形界面的设计师，用户界面设计师就是在这样的背景下诞生的。这一学科在过去的几十年中不断演化，还会在将来继续进化。如今的用户界面设计师主要围绕软件、网站、移动应用、可穿戴设备和智能电器等进行设计。他们需要负责设计数字产品界面的布局，以及一个系统各个页面上的视觉元素，当然这里指的是视觉设计师，平面设计师要起步更早，这两个职位可大不相同。 UX——用户体验用户体验这个术语是由认知科学家Don Norman在上世纪九十年代创造的，那时，他正担任苹果公司高新科技组的VP。他是这么定义用户体验的：用户体验包涵了终端用户与一家公司及其服务、产品进行交互的所有层面。在解释这一术语起源的电邮中，Norman写道：我发明这个术语主要是因为我认为人机界面和可用性这两个概念太过狭窄：我想要覆盖一个人使用某个系统的所有层面，包括工业设计、

用户界面(GUI)与UI设计关系的相关探讨

用户界面（GUI）与UI设计关系的相关探讨【摘要】交互设计越来越受到人们的关注，交互设计的成功与否，关系到交互过程中是否方便使用者的操作，更直接关系到产品的成功与否。本文主要阐述图形化用户界面（GUI）的定义及操作方法，并分析探讨了其与交互设计的关系，以更加科学的运用相关理论，做出更好的交互设计作品。【关键词】人机交互；用户界面；图形用户界面；用户研究 1 人机交互界面 UI的本意是用户界面，是英文User和Interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，它们分别是：用户研究、交互设计、界面设计。UI实际上是体现在我们生活中的每一个环节，例如我们切菜的时候刀把手是这个界面，开车时候方向盘和仪表盘是这个界面，看电视的时候遥控器和屏幕就也这个界面，用电脑的时候键盘和显示器还是这个界面。于是我们可以把UI可以分成两大类：硬件界面和软件界面。 UI也可以被看作是一个系统，在这个系统中用户可以和机器（软件）进行良好的交互。用户界面包括硬件部分（物理因素）和软件部分（逻辑因素）两个元素，它存在于各种各样的系统当中，它的存在主要有这两方面的意义：1）输入——允许用户对系统进行操控。2）输出——允许操作系统显示用户操作之后的效果。对于工业设计领域中的人机交互设计就是指人和机器之间发生交互的时候能够高效率、舒适的对机器进行操控，在操作者需要对机器的操作做出决定的同时也能够帮助机器快速的给用户以反馈。当我们设计一个用户界面的时候一定要考虑到用户界面的适用性，同时也会运用到人机工程学以及设计心理学等学科的内容。界面设计不是单纯的美术绘画，它需要考虑使用者、使用环境、使用方式，并且最终实现为用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，最终为用户设计出一个高效、舒适人性化的交互界面。 2 图形化交互界面（GUI） 2.1 GUI定义及各组成元素 GUI（GraphicalUserInterface）是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调“人——机——环境”三者作为一个系统进行总体设计。GUI是人机交互图形化用户界面设计，准确说就是屏幕产品的视觉体验和互动操作部分。GUI的出现则是意味着更加的用户友好型界

关于用户体验的五要素分析

老渔哥总结出用户体验要素包括五个层面：战略层、范围层、结构层、框架层和表现层。同时将产品分为功能型产品和信息型产品，针对不同的类型产品，用户体验要素也有差别。用户体验要素的五层架构：一、战略层-产品目标和用户需求

战略层通常需要明确两个问题：产品目标和用户需求。即我们要通过这个产品得到什么？我们的用户要通过这个产品得到什么？这两个问题，无论功能性产品或是信息类产品都会要涉及到。 1、产品目标；产品目标通常包括商业目标、品牌识别和成功标准三个方面。同时，建立一个可实现的成功标准也代表是对我们产品目标的补充，它通常能够细化我们的目标。使公司有个明确的方向。比如说马云常说：阿里巴巴的愿景是：“让天下没有难做的生意”。这些细化的目标就是我们前进的方向。 2、用户需求；在谈到用户需求时，以微信为例，满足了用户的社交需求。但是这句话太笼统，在做产品的时候一定要精细化。比如这款产品的用户有哪些，这就是书中说的用户细分，同时还要作可用性和用户研究，并根据这些创建人物角色。套用哲学上的一句话：“世间万物都是不停的变化”。一家公司，一个产品在战略层面也要随着市场的变化而变化这些就是随着市场的变化战略层也在不断的变化。二、范围层-功能规格和内容需求 1、功能规格在这里，范围层被“功能性产品”和“信息型产品”分为两个部分。在功能型产品方面，我们考虑的是功能需求规格——哪些应该被当成软件产品的“功能”以及相应的组合。在信息型产品方面，我们考虑的是内容，这属于编辑和营销推广传统领域。

2、内容需求内容需求常常伴随着功能的需求。现在，真正的内容常常是通过一个内容管理系统来进行管理的。一个内容管理系统可以实现自动化流程，能展示和交付给用户。三、结构层-交互设计与信息架构 1、交互设计在传统的软件开发行业，涉及“为用户设计结构化体验”的方法被称为交互设计。交互设计关注于描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。 2、信息架构在内容建设方面，主要通过信息架构来构建用户体验。这个领域涉及多个学科，包括组织管理、分类、顺序排列，以及内容呈现有关的：图书管理、新闻

用户体验UI设计心得

最大返利用户体验UI设计心得做为一名设计者，设计产品的最重要的方针就是如何做到产品适合大众化。首先想到，用户需要什么？用户想要什么？我们可以做些什么？我们设计该产品的目的是什么？用户体验设计并不只是一个人或者一群人的事情，也不是准则和规范，而是需要一产品设计为导向不断健全和完善的。只有打造良好用户体验的产品，才能迎接市场的用户

最大返利和考证！接下来我们谈谈用户体验的自我心得：1、产品初衷的想法： A：这不是一个人或者一部分人的事情；B：这不是准则也不是规范； C：要做到不断健全和完善产品； D：瞄准好用户与市场； E：团队的沟通协作能力；

最大返利 F：努力打造最牛最好的用户体验，不断去完善； 2、设计思想与原则： UCD a：用户、环境、市场； b：目标、行为、观点； c:认知、情感、学习；产品化：考虑产品的外观、使用以及内涵；可行性策略

最大返利 a:保持简单； b：安全性； c：运行情况是否正常； d：异常处理； e：与同类差异化； f：可扩展性； 3、各部门沟通协作：从文档的沟通；流程图的沟通、其他一些分享与交流；

最大返利 4、品牌设计的延续化： a.风格概述； b.LOGO； c.色系的选择； d.元素与图标以及字体； 5、用户设计体验注意点： a：布局排版；b：字体、内容文本、界面文本；c：菜单、表单；d:按钮型链接；e：窗口类型；f：修饰元素、图标、

最大返利标题栏、404； 6、人机交互：快捷键、输入； 7、产品体验、产品测试： A.你发现了什么问题； B.用户在说些什么； C.用户觉得那些不合理； D.开发者设计者自己的体验；总之，我们在设计产品的时候要不断完善和健全产品。

UI的设计界面规范

UI设计(流程/界面)规范一：UI设计基本概念与流程 1.1 目的规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。．除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。 B、分析设计阶段通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。调研阶段需要从以下几个问题出发：用户对各套方案的第一印象用户对各套方案的综合印象用户对各套方案的单独评价选出最喜欢的选出其次喜欢的对各方案的色彩，文字，图形等分别打分。结论出来以后请所有用户说出最受欢迎方案的优缺点。所有这些都需要用图形表达出来，直观科学。

UI设计概述

阅读使人快乐，成长需要时间 UI设计概述 UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、海市蜃楼。一、界面设计 1)深入用户分析要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练

程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如：对于科学用户和对于电脑入门用户的设计重点就不同。 2)设定合理的交互方式软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者

用户体验测试与评价

用户体验测试与评价产品的用户体验测试评价就是把构成产品的软、硬件系统按其性能、功能、界面形式、可用性等方面与某种预定的标准或者预想进行比较，对其做出评价。用户体验测试与评价是产品开发设计的一个重要步骤。产品的成功与否需要通过评价以及用户的实践，才能得到最终的判定。 8.1概述从体验的过程角度来讲，用户体验评价大致可分为两类：一类是在产品完成之后做出的最终评价，称为总结性评价（Summative Evaluation）；另一类是在设计过程中的评价，称为阶段性评价（Formative Evaluation）。这两类评价在产品的开发过程中都起着重要的作用，是整个用户体验设计的有机组成部分。其中，阶段性评价强调在评价中采用的是开放式手段，如访谈、问卷、态度调查以及量表技术；而总结性评价则大多采用较严格的定量评价，如反应时间和错误率等。从被试选择来看，用户体验也可以分为两类：一类是用户评价（User-Based Evaluation），有时也称用户测试；另一类是专家评价（Expert-Based Evaluation）。如图8.1所示。图8.1 用户体验测试与评价的分类可用性评估可以分为三个类别：可用性测试（Usability Test）、可用性调查（Usability Inquiry）和可用性检验（Usability Inspection）（Karat，1997；Zhang，2003）。

可用性测试的方法比较多，如焦点小组、认知路径法（Cognitive Walkthrough）和启发式评价（Heuristic Evaluation）等（Nielsen and Mack，1994）。Santon和Young （1998）在文献回顾的基础上分离出了60余种可用性测试方法。根据产品的具体开发阶段，可用性测试方法可分为四类：探索性测试（Exploratory Test）、评估性测试（Assessment Test）、验证性测试（Validation Test）和对比性测试（Comparison Test）（张光强等，2001）。图8.2 社区类网站可用性测试场景示例针对测试方法，人们也在不断地探索和完善之中。周荣刚（2007）提出了一种用户体验质量综合评价的模型：首先建立了包括人－机交互角度、用户角度和观察者角度的用户体验质量的360o指标体系模型，然后针对可用性概念的模糊性及其综合评价中的问题，应用层次分析法确定了指标体系中相关因素的权重，并根据模糊隶属度函数对用户体验质量评价标准进行了模糊化处理，最后采用模糊评价方法对用户体验质量进行评价。 8.2 用户体验测试与评价的意义软件或系统正式交付前需进行严格测试，使用户进行评价。严格的测试方法和评价标准可以促进产品的设计。据统计，在开发新软件时，微软都要将其Beta版发往全世界上千个专业用户进行试用，以提出进一步的修改意见，仅此每年可以为软件开发节省数10亿美元。对用户体验的测试和评价可以起到以下作用：（1）更加贴近市场，通过市场反馈，进一步了解市场和用户的需求，改进产品的设计；（2）降低产品或者系统技术支持的费用，缩短最终用户训练时间；（3）减少由于用户界面问题而引起的软件修改和改版问题；

用户体验与用户体验设计

用户体验与用户体验设计对于用户而言，他们的体验是连续的。他们所理解的情感，并不仅仅是他们所能完成的，而是产品吸引了他们，以及他们是如何理解的。如果一件产品或者一个网站在视觉上、内容上很具有吸引力，他们将会有目的地花费更多的精力来理解和使用它。如果他们感觉这一产品或者网站很容易使用，也许他们会经常用它，并形成忠诚和依赖。用户体验用户体验是指用户使用产品或者享用服务的过程中建立起来的心理感受，涉及人与产品、程序或者系统交互过程中的所有方面，对于产品生命周期的商业价值实现，用户体验是产品成功与否的关键。这里的体验包含了产品和由产品产生的服务于用户互动产生的所有体验。用户体验贯穿在一切设计与创作过程中，如用户参与建筑设计、室内设计、产品设计和服务等。在信息技术应用设计方面，用户体验主要是来自用户与人机界面的交互过程。人机界面设计是设计、艺术、技术和人机交互科学的高度统一，在早期的软件开发过程中并没有得到足够的重视，而仅仅是被看做为软件的“美化设计”，因此置于开发过程的最后阶段，往往难以获得令人满意的用户体验。用户体验并不是指一件产品本身是如何工作的，而是指“产品如何与外界发生联系并发挥作用”的，也就是人们如何“接触”和“使用”它。用户体验带有很强的主观性，因此就具有了诸多不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体而言，其用户体验的共性是能够由良好的设计来实现的。用户体验的概念最早兴起于20世纪40年代的人机交互设计领域，以可用性和“以用户为中心设计”为基础，ISO9241-11可用性指南中，可用性被认定为“产品在特点使用情景下被特定用户用于特定用途时所具有的有效性、效率和用户主观满意度”。但是可用性概念本身的模糊性和情境依然存在，为了产品的可用性指标，UCD是业界目前常采用的方法。UCD 已被国际标准化组织（ISO）作为正式标准——以人为中心的交互系统设计过程而发布。UCD 方法的主要特征是用户的积极参与，在设计中可以邀请用户对即将发布或已经发布的产品以及设计原型进行评估，并通过对评估数据的分析进行迭代式设计直至达到可用性目标。 2004年，Robert Rubinoff将用户体验分为四个要素：品牌、可用性、功能性和内容，并整合运用这四个要素来对产品的用户体验设计进行评价，如图。所示营销专家贝恩特·施密特通过“人脑模块分析”和心理社会学说研究了消费者的体验，提出了感官、情感、思考、行为、关联五大体验体系，如图所示感官体验是诉诸于视觉、听觉、触觉、味觉和嗅觉的体验；情感体验是顾客内心的感觉和情感创造；思考体验是顾客创造认知和解决问题的体验；行为体验是影响身体体验、生活方式并与消费者产生互动体验；关联体验则包含感官、情感、思考，以及与行动体验的很多方面。然而，关联体验又超越了个人感情、个性，加上“个人体验”，而且使个人与理解自我、他人或是文化产生关联。用户体验设计用户体验设计是一项包含了产品设计、服务、活动与环境等多个因素的综合性设计，每一项因素都是基于个人或群体需要、愿望、信念、知识、技能、经验和看法的考量。在这个过程中，用户不再是被动地等待设计，而是直接参与并影响设计，以保证设计真正符合用户的需要，其特征在于参与设计的互动性和以用户体验为中心，以提供良好的感觉为目的。

《UI界面设计》教案

教案课程名称：UI界面设计授课教师：制订时间：

UI界面设计第一章UI综述课题：UI综述授课教师：教学目标：通过本章学习使学生了解UI在中国的发展，以及UI的是什么。教学重点：掌握UI在中国的发展，以及UI是什么。教学难点：掌握UI是什么。教学准备：课本、参考图形教学方法：讲授、讨论、案例分析教材：教学时间：8课时教学内容：UI在中国的发展，以及UI是什么 UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。第一节UI是什么软件设计可分为两个部分：编码设计与UI设计。

编码设计大家都很熟悉，但是UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和interface 的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。第二节UI设计师是做什么的在中国，UI设计还是一个需要不断成长的设计领域，但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。 UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。研究界面图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。

UI界面设计包含哪些方面

UI界面设计包含哪些 UI即User Interface的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和Interface 的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。在飞速发展的电子产品中，界面设计工作一点点的被重视起来。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。与之相应，UI设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并

且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。研究界面图形设计师国内大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。随着时间的推移，美工这个词将渐渐淡出。交互设计师在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。。

UI(用户界面)设计规则和规范

UI(用户界面)设计规则和规范界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下十条规则是应该被重视的。 1：易用性：按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。易用性细则： 1)：完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 2)：完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 3)：按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 4)：界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。 5)：界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 6)：同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 7)：分页界面要支持在页面间的快捷切换，常用组合快捷键Ct r l+Tab 8)：默认按钮要支持Ent er及选操作，即按Ent er后自动执行默认按钮对应操作。 9)：可写控件检测到非法输入后应给出说明并能自动获得焦点。 10)：Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的