用户界面设计
用户界面设计
简介
在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
用户界面是人与机之间交流、沟通的层面。从深度上分为两个层次：感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面；情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面设计是以人为中心，使产品达到简单使用和愉悦使用的设计。
界面设计从流程上分为结构设计、交互设计和视觉设计三部分。
随着产品屏幕操作的不断普及，用户界面已经融入我们的日常生活。一个良好设计的用户界面，可以大大提高工作效率，使用户从中获得乐趣，减少由于界面问题而造成用户的咨询与投诉，减轻客户服务的压力，减少售后服务的成本。因此，用户界面设计对于任何产品/服务都极其重要。
在国外，用户界面设计人员有了一个新的称谓：Information Architecture,信息建筑师。它不仅仅是指美工，而是具有心理学、软件工程学、设计学等综合知识的人
用户界面设计工作流程
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。
·结构设计Structure Design
结构设计也成概念设计（Conceptual Design），是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型（Paper Prototype）可提供用户测试并进行完善。在结构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”，让用户很难找到。
·交互设计Interactive Design
交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下：
1)有清楚的错误提示。误操作后，系统提供有针对性的提示。
2) 让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。
3) 允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。
4) 允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够
找到刚才正写的新短信。
5) 使用用户的语言，而非技术的语言。
6) 提供快速反馈。给用户心理上的暗示，避免用户焦急。
7) 方便退出。如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。
8）导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。
9）让用户知道自己当前的位置，使其做出下一步行动的决定。
·视觉设计Visual Design
在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下：1）界面清晰明了。允许用户定制界面。
2）减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE进入界面地址可以让机器记住。
3）依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择
4）提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）：Where, What, Next Step 5）提供默认（default）、撤销（undo）、恢复（redo）的功能
6）提供界面的快捷方式
7）尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。
8）完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。
9）界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容摆放。
10）同样功能用同样的图形。
11）色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。
用户界面规范
良好的用户界面一般都符合下列的用户界面规范:
1. 易用性原则
按钮名称应该易懂，用词准确，没有摸棱两可的字眼，要与同一界面上的其他按钮易于区分，如能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则：
完成相同或相近功能的按钮用Frame 框起来，常用按钮要支持快捷方式。
完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
按功能将界面划分局域块，用Frame 框起来，并要有功能说明或标题。
界面要支持键盘自动浏览按钮功能，即按Tab 键的自动切换功能。
界面上首先应输入的信息和重要信息的控件在Tab 顺序中应当靠前，位置也应放在窗
口上较醒目的位置。
同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示。
分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab
默认按钮要支持Enter 操作，即按Enter 后自动执行默认按钮对应操作。
可输入控件检测到非法输入后应给出说明信息并能自动获得焦点。
Tab 键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
复选框和选项框按选择几率的高底而先后排列。
复选框和选项框要有默认选项，并支持Tab 选择。
选项数相同时多用选项框而不用下拉列表框。
界面空间较小时使用下拉框而不用选项框。
选项数较少时使用选项框，相反使用下拉列表框。
专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
对于界面输入重复性高的情况，该界面应全面支持键盘操作，即在不使用鼠标的情况下采用键盘进行操作。
2. 规范性原则
通常界面设计都按Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具箱。
规范性细则：
常用菜单要有命令快捷方式。
完成相同或相近功能的菜单用横线隔开放在同一位置。
菜单前的图标能直观的代表要完成的操作。
菜单深度一般要求最多控制在三层以内。
工具栏要求可以根据用户的要求自己选择定制。
相同或相近功能的工具栏放在一起。
工具栏中的每一个按钮要有及时提示信息。
一条工具栏的长度最长不能超出屏幕宽度。
工具栏的图标能直观的代表要完成的操作。
系统常用的工具栏设置默认放置位置。
工具栏太多时可以考虑使用工具箱。
工具箱要具有可增减性，由用户自己根据需求定制。
工具箱的默认总宽度不要超过屏幕宽度的1/5。
状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息、使用单位信息及软件开发商信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。
菜单和工具条要有清楚的界限；菜单要求凸出显示，这样在移走工具条时仍有立体感。
菜单和状态条中通常使用5 号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
右键快捷菜单采用与菜单相同的准则。
3. 帮助设施原则
系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。
帮助设施细则：
帮助文档中的性能介绍与说明要与系统性能配套一致。
打包新系统时，对作了修改的地方在帮助文档中要做相应的修改，做到版本统一。
操作时要提供及时调用系统帮助的功能。常用F1。
在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
最好提供目前流行的联机帮助格式或HTML 帮助格式。
用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式.
4. 合理性原则
屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。
合理性细则：
父窗体或主窗体的中心位置应该在对角线焦点附近。
子窗体位置应该在主窗体的左上角或正中。
多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
与正在进行的操作无关的按钮应该加以屏蔽。
对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。
非法的输入或操作应有足够的提示说明。
对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
提示、警告、或错误说明应该清楚、明了、恰当并且应避免英文提示的出现。
5. 美观与协调性原则
界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。
美观与协调性细则：
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。
按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
按钮的大小要与界面的大小和空间要协调。
避免空旷的界面上放置很大的按钮。
放置完控件后界面不应有很大的空缺位置。
字体的大小要与界面的大小比例协调，通常使用的字体中宋体9-12 较为美观，很少使用超过12号的字体。
前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows 界面色调。
如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
通常父窗体支持缩放时，子窗体没有必要缩放。
如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。
6. 菜单位置原则
菜单是界面上最重要的元素，菜单位置按照按功能来组织。
菜单设置细则：
菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows 风格。
常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置；重要的放在开头，次要的放在后边。
如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
菜单深度一般要求最多控制在三层以内。
对常用的菜单要有快捷命令方式，组合原则见8。
对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式—即只有需要的菜单才显示—最好。
菜单前的图标不宜太大，与字高保持一直最好。
主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
主菜单数目不应太多，最好为单排布置。
7. 独特性原则
如果一味的遵循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
独特性细则：
安装界面上应有单位介绍或产品介绍，并有自己的图标或徽标。
主界面，最好是大多数界面上要有公司图标或徽标。
登录界面上要有本产品的标志，同时包含公司图标或徽标。
帮助菜单的“关于”中应有版权和产品信息。
公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
应为产品制作特有的图标并区别于公司图标或徽标
8. 快捷方式的组合原则
在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些在西文Windows 及其应用软件中快捷键的使用大多是一致的。
菜单中：
面向事务的组合有：Ctrl-D 删除；Ctrl-F 寻找；Ctrl –H 替换；Ctrl-I 插入；Ctrl-N 新记录；Ctrl-S 保存Ctrl-O 打开。
列表：Ctrl-R ，Ctrl-G 定位；Ctrl-Tab 下一分页窗口或反序浏览同一页面控件；。
编辑：Ctrl-A 全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z 撤消操作；Ctrl-Y 恢复操作。
文件操作：Ctrl-P 打印；Ctrl-W 关闭。
系统菜单：Alt-A 文件；Alt-E 编辑；Alt-T 工具；Alt－W 窗口；Alt－H 帮助。
MS Windows 保留键：Ctrl-Esc 任务列表；Ctrl-F4 关闭窗口；Alt-F4 结束应用；Alt-Tab 下一应用；Enter 缺省按钮/确认操作；Esc取消按钮/取消操作；Shift-F1 上下文相关帮助。
按钮中：
可以根据系统需要而调节，以下只是常用的组合。
Alt-Y 确定(是）；Alt-C 取消；Alt-N 否；Alt-D 删除；Alt-Q 退出；Alt-A 添加；Alt-E 编辑；Alt-B 浏览；Alt-R 读；Alt-W 写。这些快捷键也可以作为开发中文应用软件的标准，但亦可使用汉语拼音的开头字母。
9. 排错性考虑原则
在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最小。如应用出现保护性错误而退出系统，这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因没有存盘而全部丢失。
排错性细则：
最重要的是排除可能会使应用非正常中止的错误。
应当注意尽可能避免用户无意录入无效的数据。
采用相关控件限制用户输入值的种类。
当用户做出选择的可能性只有两个时，可以采用单选框。
当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选择。
当选项特别多时，可以采用列表框，下拉式列表框。
在一个应用系统中，开发者应当避免用户做出未经授权或没有意义的操作。
对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
对错误操作最好支持可逆性处理，如取消系列操作。
在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
对可能造成等待时间较长的操作应该提供取消功能。
特殊字符常有；；’”><，｀‘：“［”｛、\|｝］+=）-(_*&&^%$#@!~，。?/还有空格。
与系统采用的保留字符冲突的要加以限制。
在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。
10. 多窗口的应用与系统资源原则
设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。
在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS 系统资源。
关闭所有窗体，系统退出后要释放所占的所有系统资源，除非是需要后台运行的系统。
尽量防止对系统的独占使用。
了解了良好的用户界面的规范，那么我们测试工作该如何下手？该注意那些方面呢？
1. 一致性
如果你可以在一个列表的项目上双击后能够弹出对话框，那么应该在任何列表中双击都能弹出对话框。要有统一的字体字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
2. 设置标准并遵循它
可以参数一些工业标准，如IBM的界面设计规范或MS的设计规则，它提供了90％你所需要的规范。
3. 设置向导
如果用户使用了一个功能后，不知道如何做下一个，他们就会放弃。如果*作流程和手工工作流程一致，用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。
4. 提示信息必须恰当且规范
提示信息必须容易理解并且口径统一，比如“您输入了错误的数据”、“用户数据不能超过8位”。一致的措词，提示信息还应该出现在一致的位置，如弹出提示窗口、窗口的上方或窗口的下方。对用户的称呼应该统一，比如有时提示“用户输入了错误的数据”，有时提示“您输入了错误的数据”，有时又提示“使用者输入了错误的数据”，这样会使用户无所适从。
5. 借鉴好的程序
多了解同类软件的界面，并加以分析与了解，直到能够区别好的用户界面与差的用户界面。但不能够简单的模仿别人的界面，而使得自己的软件没有特色
6. 功能的统一
有一些很常用的功能，如添加、修改、删除、查看，同一个软件中，这些功能应该有相同的处理方法。
7. 变灰的功能
有时一些功能不可用，最好不要删除这些按钮若项目，而是使他们变灰为不可用状态，这样有助于用户理解整个程序的功能。
8. 默认按钮
使用不具有破坏功能的默认按钮，在每个窗口中，为了方便用户，一般都定义了一个默认按钮，当用户敲回车键时可以快速执行某功能，但有时用户会不小心按错回车键，这时候执行了默认功能后，不能产生不可还原的操作，比如删除或保存。
按照上面的规范和测试的细则检验过被测试的软件。相信软件界面上能显得更加规范和容易被用户所接受。
用户界面测试用例
指标
检查项
测试人员评价
合适性
和正确性
用户界面是否与软件的功能相融洽？
是否所有界面元素的文字和状态都正确无误？
容易理解
对于常用的功能，用户能否不必阅读手册就能使用？
是否所有界面元素（例如图标）都不会让人误解？
是否所有界面元素提供了充分而必要的提示？
界面结构能够清晰地反映工作流程？
用户是否容易知道自己在界面中的位置，不会迷失方向？
有联机帮助吗？
风格一致
同类的界面元素是否有相同的视感和相同的操作方式？
字体是否一致？
是否符合广大用户使用同类软件的习惯？
及时反馈信息
是否提供进度条、动画等反映正在进行的比较耗时间的过程？
是否为重要的操作返回必要的结果信息？
出错处理
是否对重要的输入数据进行校验？
执行有风险的操作时，有“确认”、“放弃”等提示吗？
是否根据用户的权限自动屏蔽某些功能？
是否提供Undo功能用以撤销不期望的操作？
适应各种水平的用户
所有界面元素都具备充分必要的键盘操作和鼠标操作吗？
初学者和专家都有合适的方式操作这个界面吗？
色盲或者色弱的用户能正常使用该界面吗？
国际化
是否使用国际通行的图标和语言？
度量单位、日期格式、人的名字等是否符合国际惯例？
个性化
是否具有与众不同的、让用户记忆深刻的界面设计？
是否在具备必要的“一致性”的前提下突出“个性化”设计？
合理布局
和谐色彩
界面的布局符合软件的功能逻辑吗？
界面元素是否在水平或者垂直方向对齐？
界面元素的尺寸是否合理？行、列的间距是否保持一致？
是否恰当地利用窗体和控件的空白，以及分割线条？
窗口切换、移动、改变大小时，界面正常吗？
界面的色调是否让人感到和谐、满意？
重要的对象是否用醒目的色彩表示？
色彩使用是否符合行业的习惯？
图书信息
书名: 用户界面设计
作者：施奈德曼(BenShneiderman)
出版社：电子工业出版社
出版时间：2010年11月1日
ISBN: 9787121119125
开本：16开
定价: 69.80元
内容简介
《用户界面设计:有效的人机交互策略(第5版)(英文版)》为了适应因特网和各种移动设备迅猛发展的形势，在第四版的基础上始终以基于Web、桌面和移动设备的设计作为内容主线。新的设计实例涉及电子商务、在线社区、电子政府、图片管理、购物、交通、游戏和移动电话，选材新颖实用，切合目前的应用实际。同时，新版本扩展了社会媒体参与和用户生成内容的介绍，代表了人机交互著作的主流发展趋势。
《用户界面设计:有效的人机交互策略(第5版)(英文版)》面向的读者极为广泛，具有计算机科学、心理学、社会学、工业工程学、信息科学、信息研究、信息系统、商业、教育和通信知识背景的读者，都可以在《用户界面设计:有效的人机交互策略(第5版)(英文版)》中发现新鲜的、有价值的信息。
作者简介
作者：（美国）施奈德曼（Ben Shneiderman）（美国）普莱萨特（Catherine Plaisant）
图书目录
PART 1 INTRODUCTION 1
CHAPTER 1 Usability of Interactive Systems 3
CHAPTER 2 Guidelines, Principles, and Theories 55
PART 2 DEVELOPMENT PROCESSES 95
CHAPTER 3 Managing Design Processes 97
CHAPTER 4 Evaluating Interface Designs 131
PART 3 INTERACTION STYLES 171
CHAPTER 5 Direct Manipulation and Virtual Environments 173
CHAPTER 6 Menu Selection, Form Fill-in, and Dialog Boxes 225
CHAPTER 7 Command and Natural Languages 271
CHAPTER 8 Interaction Devices 303
CHAPTER 9 Collaboration and Social Media Participation 359
PART 4 DESIGN ISSUES 403
CHAPTER 10 Quality of Service 405
CHAPTER 11 Balancing Function and Fashion 433
CHAPTER 12 User Documentation and Online Help 477
CHAPTER 13 Information Search 513
CHAPTER 14 Information Visualization 537
Afterword Societal and Individual Impact of User Interfaces 563
用户界面设计模板
宽带收费管理系统用户界面设计报告 机构公开信息
- 2 - 新闻发布系统《用户界面设计报告》 版本历史
目录 0.1 文档目的 (4) 0.2 文档范围 (4) 0.3 读者对象 (4) 0.4 参考文献 (4) 0.5 术语与缩写解释 (4) 1. 应当遵循的界面设计规范 (4) 1.1：易用性： (5) 1.2易用性细则 (5) 2. 界面的关系图和工作流程图 (5) 2.1前台管理完成界面功能一览 (5) 2.3 界面关系及工作流程 (6) 2.3.1前台管理界面关系 (6) 3. 界面关系 (6) 3.1 登录界面 (6) 3.1.1 页面说明 (6) 3.1.2 页面迁移图 (6) 3.1.3 页面说明 (7) 3.1.4 前置条件 (8) 3.1.5 关联数据表 (8) 3.1.6 补充说明： (8) 3.2 前台管理主界面 (8) 3.2.1 页面说明 (8) 3.2.2 页面迁移图 (9) 3.2.3 页面说明 (9) 3.3 入网登记单界面 (11) 3.3.1 页面说明 (11) 3.3.2 页面迁移图 (11) 3.3.3 页面说明 (12) 4．总后总结：................................................................................................. 错误！未定义书签。
- 4 - 新闻发布系统《用户界面设计报告》0. 文档介绍 0.1 文档目的 宽带收费管理系统《用户界面设计报告》。是为了开发宽带收费管理系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。 本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。 0.2 文档范围 本文档主要包含以下几部分： 1. 文档介绍 2. 界面设计规范 3. 界面关系图 4. 主界面说明 0.3 读者对象 本文档的读者主要包含以下几类： 1. 界面设计人员 2. 美工人员 3. 编码人员 4. 测试人员 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [标识符] 作者，文献名称，出版单位（或归属单位），日期 例如： [AAA]作者，《立项建议书》，机构名称，日期 [SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期 0.5 术语与缩写解释 1. 应当遵循的界面设计规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设
实验三图形用户界面设计(汽院含答案)
实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进行 交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。 图AWT常用组件继承关系图 Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。 GridLayout（网格布局管理器）：规则的矩阵
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）景点信息管理：景点信息包括景点的名称，代号，概况等。
软件详细设计文档模板(最全面)
研发生产中心文档编号版本A1 密级商密A 项目名称Xx系统 项目来源 Xxx系统 详细设计说明书 (内部资料请勿外传) 编写：日期：检查：日期：审核：日期：批准：日期： XX公司 版权所有不得复制 文档变更记录
序号变更（+/-）说明作者版本号日期批准1 2
目录 1. 引言 (5) 1.1 编写目的和范围 (5) 1.2 术语表 (5) 1.3 参考资料 (5) 1.4 使用的文字处理和绘图工具 (5) 2. 全局数据结构说明 (7) 2.1 常量 (7) 2.2 变量 (8) 2.3 数据结构 (8) 3. 模块设计 (9) 3.1 用例图 (9) 3.2 功能设计说明 (10) 3.2.1 模块1 (10) 3.2.2 模块2 (11) 4. 接口设计 (12) 4.1 内部接口 (12) 4.2 外部接口 (12) 4.2.1 接口说明 (12) 4.2.2 调用方式 (12) 5. 数据库设计 (12) 6. 系统安全保密设计 (12) 6.1 说明 (12) 6.2 设计 (12) 6.2.1 数据传输部分 (12) 6.2.2 IP过滤分部 (13) 6.2.3 身份验证部分 (13) 7. 系统性能设计 (13) 8. 系统出错处理 (13)
1.引言 1.1背景 此文档的背景 1.2编写目的和范围 说明写这份详细设计说明书的目的。 本详细设计说明书编写的目的是说明程序模块的设计考虑，包括程序描述、输入/输出、算法和流程逻辑等，为软件编程和系统维护提供基础。本说明书的预期读者为系统设计人员、软件开发人员、软件测试人员和项目评审人员。 1.3术语表 定义系统或产品中涉及的重要术语，为读者在阅读文档时提供必要的参考信息。 序号术语或缩略语说明性定义 1 PM Project Manager,项目经理 2 1.4参考资料 列出有关资料的名称、作者、文件编号或版本等。参考资料包括： a．需求说明书、架构设计说明书等； b．本项目的其他已发表的文件； c．引用文件、资料、软件开发标准等。 资料名称作者文件编号、版本资料存放地点 1.5使用的文字处理和绘图工具 文字处理软件：[编写设计文档使用的文字处理软件，如RedOffice ] 绘图工具：[使用的UML工具，如Rose、Jude、Visio]
网站界面(UI)设计课程考试复习题(含答案)
精品文档 网站界面（UI）设计复习题 一、多选题 1．设计师在开展具体网站界面设计之前需要了解的信息包括（） A. 建站目标 B. 目标用户特征 C. 商业模式 D. 网站特征和优势 2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（） A. 对所服务的客户的认知，和客户保持良好的沟通 B. 对网站目标用户的深入理解 C. 对竞争对手的了解 D. 对网站目标用户的深入理解 3．关于网站策划书描述准确的有（） A. 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。 B. 网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。 C. 网站策划书由客户提供。 D. 网站策划书往往包含很多有效的指引设计方向的信息。 4. 对于网站界面设计起着决定性作用（） A. 视觉审美 B. 建站目的 C. 网站定位 D. 客户意见 5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（） A. 明确体现网站的核心功能和服务 B. 符合用户在使用网站时的心智模型和场景中的思维状态 C. 尊重人机交互中用户的生理特征 D. 符合用户的认知习惯 6．下列关于心智模型表述准确的有（） A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。 B. 人们通常基于自身经验和现有知识来理解新事物。 C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。 D. 重视情景因素对用户行为的影响。 7．保持一致性是提升网站的可用性的重要手段，它体现在（） A. 布局设计 B. 导航设计 C. 交互操作
用户界面设计说明书样本
用户界面设计说明 书
[键入公司名称] [键入文档标题] [键入文档副标题] [键入作者姓名] 2012/11/27
修订历史记录
目录 1 引言................................................... - 3 - 1.1编写目的............................................ - 3 - 1.2项目背景............................................ - 4 - 1.3定义、缩略词........................................ - 4 - 1.4参考资料............................................ - 5 - 2 应当遵循的界面设计规范 ................................. - 5 - 2.1用户界面设计原则.................................... - 5 - 2.2界面一致性.......................................... - 5 - 2.3布局合理化原则.......................... 错误!未定义书签。 3 界面的关系图和工作流程图 ............................... - 7 - 4 主界面................................................ - 10 - 4.1主界面............................................. - 10 - 4.2子界面A ........................................... - 11 - 4.3子界面B ........................................... - 12 - 4.4子界面C ........................................... - 13 - 4.5子界面D ........................................... - 14 - 4.6子界面E ........................................... - 15 - 4.7子界面F ........................................... - 16 - 5 美学设计.............................................. - 17 -
(完整版)UI设计师试题(带答案)
UI设计师试卷 试卷编号:(182) 试题总分：150分 ----------------------------------------------------------------------- 单选题共20题：（60分，每小题3分） 1. 题干：UI设计是什么意思？（A） A:User Interface的缩写，是指用户界面设计 B:User Identity的缩写，是指用户识别设计 C:User Ideal的缩写，是指用户目标设计 D:UserIntention的缩写，是指用户意图设计 2. 题干：网页设计中的网页界面栅格化是指（C） A:使用ps设计网页界面过程中，将所有的层都格式化图层 B:在页面制作时，将所有的层宽度统一 C:栅格系统英文为“grid systems”，是从平面栅格系统中发展而来，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。通俗点讲是在网页界面设计中，运用固定的格子设计版面布局，使页面风格工整简洁 D:网页设计中，使用背景是格子样式的背景图案 3. 题干：以下AB两组色彩中，哪组色彩体现了“安宁、平静”的感觉？（A） A:
B: 4. UI设计交付物都包含哪些？( C ) A.UI设计规范 B.产品原型 C.PSD效果图 D.HTML页面 5. 题干：网页设计Web UI中，针对现在主流浏览器的大小设定，最常见的页面宽度为 （A） A:960px、970px、980px、990px、1000px B:1680px、2400px、3200px C:180px、240px、360px、400px D:无相关具体数值要求 6. 题干：网页界面设计中，一般使用的分辨率的显示密度是多少dpi（C） A:300dpi B:200dpi C:72dpi
用户界面设计实验-系统界面设计实例完整版.doc
用户界面设计实例 ● 设计的系统名称：个人日常事务管理系统 ● 针对用户群是：广大电脑用户（有一定的电脑操作基础），officer 和广大学 生。 一、系统需求分析（The system requirement ） 针对officer 和学生们的需求分析，从我自身分析：对于我日常的安排我平 时会用专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带，现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer 和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义（The function definitions ） 个人日程管理系统主要是提供个人时间日程安排系统软件，它具有相当方便的操作接口，让用户能够对所安排的行程一目了然，除去主要功能还附带了更多功能和小工具，安排的行程可以生成通行路线，并会根据天气预报提醒当天安排是否影响。而且用户可以注册，注册后用户有更多的服务，安排的日程数据可以保存到本地同时可以更新到服务器，这样用户就算到外地也可以随时查看自己的日程安排，同时其他功能有：时钟提醒、通讯录、效率评估等。 实现功能（主界面导航）： 个人日常事 务管理系统
用户界面设计与答案
1.用户满意度=功能+___人机界面_____+响应时间+可靠性+易安装性+____信息____+可维护性+其他因素 2. ____人机交互（人机对话）____是指人与计算机之间使用某种语言、以一定的交互方式，为了完成任务进行的一系列信息交换过程。 3.软件界面设计分为____功能性设计界面____、____情感性设计界面____、____环境性设计界面____。 4.进行系统分析和设计的第一步是___用户分析_____。 5.使用较早，也是使用最广泛的人机交互方式是____交互方式____。 6.软件界面开发流程包括____系统分析____、____系统设计____、____系统实施____三个阶段 7.设计阶段包括界面的____概念设计____、____详细设计____、____原型建立____与界面实现以及综合测试与评估等8.VB 是以结构化___Basic_____语言为基础、以____事件驱动作____为运行机制的可视化程序设计语言。 9.菜单使用形式主要有____菜单操作____和____Tba控件操作____两种。 10.随着计算机图形技术的发展，以直接操纵、桌面隐喻以及所见即所得为特征的____图形用户界面____技术广泛被计算机系统采用。 11.在用VB 开发应用程序时，一般要布置窗体、设置控件的属性、___编写代码___。 12. 假定在窗体上有一个通用对话框，其名称为CommonDialog1,为建立一个保存文件对话框，则需要把Action 属性设置为__value__。 13. 计时器事件之间的间隔通过__interval__属性设置。 14. 语句“Print “5+65=”;5+65”的输出结果为__5+65=70__。 15. 设有下列循环体，要进行4次循环操作，请填空。 x = 1 Do x = x * 2 Print x Loop Until__x<=32__ 16. 下列程序段的执行结果为__2 3 5__。 x = 1 y = 1 For I = 1 To 3 F= x + y x = y y = F Print F; Next I 17. 以下为3个列表框联动的程序，试补充完整。 Private Sub Dir1_Change() File1.Path=Dir1.Path End Sub Private Sub Drive1_Change() Drivel.Path=File1.Path;Dir1.Path=Drivel.Path__[7]__ End Sub 18. 在下列事件过程中则响应该过程的对象名是cmdl，事件过程名是__窗口标题事件__。 Private Sub cmd1_Click() Form1.Caption=“VisualBasic Example” End Sub 19. 当将文本框的SelStar 属性设置为0时，表示选择第开始位置在第一个字符之前，设置为1时表示__[9]__。 20. 以下程序代码实现单击命令按钮Command1 时形成并输出一个主对角线上元素值为“-”，其他元素值为“+”第6*6 阶方阵。 Privas Sub Command1_Click() DimA(6,6) For I = 1 To 6 For J = 1 To 6 If I = J Then Print “-” Else __[10]__ End If Print A (I,J); Next J Print Next I End Sub 21. 字母B的KeyAscii 码值为65，其KeyCode码值___[11]__。 22. Visual Basic 中的控件分为3类：__[12]_、ActioveX 控件和可插入对象。
实验一：图形用户界面设计
实验一图形用户界面设计 一实验目的和要求 1）熟悉图形用户界面的设计原则 遵循用户友好原则、一致性原则、帮助和提示等原则设计用户界面。 2）利用一种设计工具完成图形化的用户界面设计 二实验内容与步骤 （一）实验内容 利用常用的设计工具（UI界面设计工具GUI Design Studio）完成一个通用图形用户界面设计，要遵循界面设计的一般原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会图标、按钮、屏幕布局、菜单和对话框的设计。 软件的界面如同人的脸一样,软件界面的好坏决定了用户对软件的第一印象。设计好的界面能够引导用户自己完成相应的操作，起到引导作用。设计合理的界面能给用户带来轻松愉悦的感受。一些专家指出：对于用户，人机界面就是系统本身。这充分说明了软件界面设计的重要性。请完成各自的系统用户界面的设计。 （二）实验步骤 1．设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色； 2．设计不同形式的菜单，完成对不同对话框的调用； 3．提供简单的错误处理、联机帮助。 GUI Design Studio主界面
三界面示例1、登录界面 2、主界面
3、聊天界面 4、QQ空间界面
四实验总结 1．界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致。 2．颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用；若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。 3．图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼镜对色彩和网点的空间混合效果，做出精彩图标。 1）设计按钮应该具有交互性，应该有3到6种状态效果（点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态），按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 2）设计屏幕布局（Layout）时应该使各功能区重点突出，应遵循如下几条原则：平衡原则、预期原则、经济原则、顺序原则、规则化。 3）菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。 设计菜单界面时应注意一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹出式菜单。 4）在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显示应美观、清楚，避免过分拥挤。
网站界面UI设计课程考试复习题含答案
网站界面（UI）设计复习题 一、多选题 1．设计师在开展具体网站界面设计之前需要了解的信息包括（） A. 建站目标 B. 目标用户特征 C. 商业模式 D. 网站特征和优势 2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（） A. 对所服务的客户的认知，和客户保持良好的沟通 B. 对网站目标用户的深入理解 C. 对竞争对手的了解 D. 对网站目标用户的深入理解 3．关于网站策划书描述准确的有（） A. 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。 B. 网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。 C. 网站策划书由客户提供。 D. 网站策划书往往包含很多有效的指引设计方向的信息。 4. 对于网站界面设计起着决定性作用（） A. 视觉审美 B. 建站目的 C. 网站定位 D. 客户意见 5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（） A. 明确体现网站的核心功能和服务 B. 符合用户在使用网站时的心智模型和场景中的思维状态 C. 尊重人机交互中用户的生理特征 D. 符合用户的认知习惯 6．下列关于心智模型表述准确的有（） A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。 B. 人们通常基于自身经验和现有知识来理解新事物。 C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。 D. 重视情景因素对用户行为的影响。 7．保持一致性是提升网站的可用性的重要手段，它体现在（） A. 布局设计 B. 导航设计 C. 交互操作 视觉要素D. 8．图片的挑选原则包括（） A. 使用能够有效传达信息的图片
基于LABVIEW的用户登录界面设计
基于LABVIEW的用户登录界面设计 Labview具有功能强大的数学工具,用在传感器设计上可大大降低软件的设计负担。对于一个实际的传感器使用,其用户数量有限,其登陆界面设计可以完全借助其数组函数与数据记录文件完成,而不就是数据库,这样既减轻了系统的重量,也减轻了系统的负荷。没有牵涉第三方的软件,系统的稳定性也大大提高。本文设计了一个简单的用户登录系统的2个模块,希望能对读者有所启发。 1)用户初始文件的建立 Labview的数据记录文件具有较强的功能,并且不能用写字本打开,因此作为一般的保密级别可以用来存储初程序运行环境数据,本文用来存储登陆系统的用户数据。 本程序采用两个套嵌while循环,用于批量产生用户名单,内While
采用三个文本输入框,分别输入用户姓名、用户初始密码、用户权限等内容,并用系统时间空间获取用户建立时间,通过数组创建函数创建成一维数组,点击确定键完成一个用户的建立,可以继续进行下一个用户的建立(当然您也可以只建立一个超级用户,在超级用户登陆后继续建立用户名单),用户建立完毕点击停止按钮完成用户名单建立,形成一个二维数组,由于点击停止键时,最后一个用户名单会重复建立,故采用数组删除函数去掉最后一行,然后创建一个文件,用数据记录函数将该名单存储在您希望的文件夹内(本例放在桌面上,面板上的数组就是为验证程序而建立的,可以去掉)。 2)登陆界面 登陆面板实际上只有两个文本输入控件:用户名与密码。程序首先将记录文件读入内存,让后将第一列(索引0列)的所有用户列出来,用一维数组搜索函数搜索该用户密码所在的行号,再用该行号将该用户的信息从记录文件索引出来。由于密码放在第二列(1列),直接从用户的记录信息索引第第二列(索引1列)取出该用户密码),直接用文本比较“等于”函数进行比较用户输入的密码就是否与其预设的密码一致。 至于修改用户名单、用户权限等内容可用“数组的删除、插入”
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、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
网页开发与设计课后习题答案.(DOC)
习题1 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A
… … B