软件开发中的用户界面设计

Ｓｏｆｔｗａｒｅ　Ｄｅｖｅｌｏｐｍｅｎｔ・软件开发　试析计算机软件用户界面的人性化设计　计算机软件的用户界面设计　非常重要，其中人性化设计是最　为关键的部分。要使软件做到人　性化，就必须从网页中的文字、　图片、动画以及色彩等方面入手，　本文就这些元素进行探析。　【关键词】计算机用户界面人性化设计　用户界面是浏览信息的载体，是一种重　要的媒介。通过这种媒介，用户可以进行工作、　学习以及生活。人们每天都会上网，浏览网页，　查询资料。精美的网页浏览的客户多，有的网　页则很少人问津。造成这种现象的原因是设计　不出彩，要想获得较多的客户点击浏览量，需　要对网页进行人性化设计。因为许多人对网页　的第一印象就是视觉印象，视觉印象在可视化　程序设计中是非常重要的。网页可以进行视觉　的传达，如果其设计比较美观，那么访问量就　很大。如何让用户界面的设计更加人性化，满　足用户的需求，已经成为目前设计师们关注的　焦点问题之一。　１人性化设计的概念　人性化设计的出发点是尽最大的条件方　便用户，以人为本。设计时主要从生态学、美　学以及人体工程学人手。将人的心理作为圆心，　半径则是人的生理，这样就能建立起人和物的　最佳和谐关系。人性化的设计是为了方便人的　使用，保护用户的健康，充分发掘人的潜能，　最终目的是将人和物统一，使工作效率提高。　人性化设计并不是盲目追求程序的花哨、　复杂，也不是追求软件功能的最大化以及视觉　上华丽多彩。人性化设计的中的每一个元素都　有其真正的用途，都有其存在的理由，这些元　素存在的目的就是为了方便用户操作，实现科　学、快捷、舒心的操作。人性化设计需要站在　用户的角度上，认真把握用户的需求、心理特　点以及思维方式。只有从用户的角度去审视和　开发软件才会让用户满意。　２人性化设计需要考虑的元素　人性化设计需要考虑的首要元素是人，　首要目的就是满足人的各式各样的需求。因此，　人的不同层次的需求是设计时首先要考虑的因　素。通过引人瞩目的视觉因素才能更快捷的传　文／江涛　递信息和功能。在视觉元素的设计时一定要参　照用户的视觉要求。视觉要求包括：大小、颜　色以及形式等。在进行视觉的设计时，需要考　虑到不同年龄段的用户需求是不一样的。因此，　要做好调研和分析工作，充分了解不同年龄段　用户的视觉要求。只有这样，设计出的程序才　会真正的符合“人性化”的要求。　其次，是机的影响。“机”主要是指输　出设备以及网络的技术，它会影响人性化设计　的深度和广度，比如：显示器的屏幕的尺寸、　Ｗｅｂ安全色、网络传输速度。因此，在进行设　计时需要注意以下问题充分考虑界面的大小。　目前较多使用的分辨率是１０２４ｘ７６８，颜色至　少采用真彩２４位。在设计时要参考这些标准，　以满足用户的视觉要求。　３视觉化设计　在计算机的初级发展阶段，用户的界面　比较单一，只是由一些简单的文字组成。互联　网技术经过几十年的发展，目前已出现了很多　新的元素，如图像、声音、动画以及视频等。　文字是用户界面最基本的信息，也是传　递信息的基础。可以说文字的地位不可取代，　在视觉设计方面占据核心的位置。实现在文字　方面实现视觉设计，需要从以下几个方面人壬　（１）字体。中文宋体和英文Ｔｉｍｅｓ　Ｎｅｗ　Ｒｏｍａ　字体一般会被默认。如果没有特定的设置，一　般的界面会显示这两种字体。Ｗｉｎｄｏｗｓ中有　４０多种英文字体和５种中文字体。通常情况　下显示器对这些字体都可以显示，而有的系统　就不能，比如Ｕｎｉｘ。为了让网页信息可以展　现在每一个用户面前，需要设置３种字体，分　别是宋体、黑体以及楷体。　（２）样式。文字　的样式有：正常体、斜体、粗体以及粗斜体这　４种。设计时为了突出一些内容可以使用斜体　和粗体，这样便于区分。需要注意的是，斜体　和粗体不能使用太多，否则影响用户的阅读。　（３）色彩。选择色彩的标准是满足用户的视　觉要求。为了引起注意，一般会使用饱和度高、　视觉跳跃率较高的颜色。为了便于阅读，可以　让文字和背景产生较大的对比。但是，颜色不　能太深，否则会让用户的眼睛产生疲劳感。例　如为了匹配浅色背景会使用黑色。　（４）图形　和图像。大的图形比较容易形成视觉焦点，感　染力也较大；尺寸小的图形则可以起到点缀的　作用。大小的对比如果比较强烈，主角就会更　加突出，跳跃感就会产生，如果对比比较弱，　那么页面就显得比较稳定和安静。　・课题：基于自主学习模式的教学资源建设研究与实践，重庆市教改项目（编号：１１　３２８１）　４其他设计　界面的切换要灵活。用户的工作方式是　不同的，因此就需要应用程序具有很强的灵活　性，这样才能支持不同的工作方式。假如从一　个界面到另一个界面的转换很简单、快捷，那　么用户会很满意。如果不方便切换，那么用户　就会放弃操作此软件。　界面上的布局要以用户的需求为出发点，　且应符合用户习惯。通常，使用者都习惯从左　到右，从上到下的浏览方式。因此，要将重要　的信息置于屏幕的左上方。　关于区域排列及数据的对齐方式。屏幕　上的编辑区域比较多，因此在组织这些区域时　要考虑视觉效果以及效率。最佳的方式是编辑　区域左对齐，标签需要右对齐；而对于数据来　说，单个的数字和日期需要左对齐。　对于出错信息的处理。各种不同类别的　问题会在用户的使用过程中出现。因此，设计　人员要充分将这些问题考虑到内，并想出解决　的方法。比如，可以使用对话框来进行提示，　同时使用用户熟悉和方便使用的语言。　用户的操作不应过多。操作越少，出错　的机会就少。要尽量避免多余和大量数据的输　入，采用一次按键和鼠标选择。　５结束语　一个好的用户界面不仅要方便用户使用，　更要具有美观的界面和人性化的特点。因此，　需要软件开发人员具有扎实的专业基础和一定　的美学素质，方便用户操作，这样开发出的软　件程序才会具有更好的学术和商业价值。　参考文献　［１］周东红．浅论设计中的人机工程学［Ｊ］．　合肥工业大学学报【Ｊ］．２０１　３（６）．　【２】李克．色彩感情的艺术分析［Ｊ］．文艺研　究，２０１２（５）．　［３］李华林．网页界面的视觉导向设计初探　［Ｊ】．华章，２０１１（２２）．　［４］翁律纲，李世国，吴民桂．绿色设计的重　构与解读【Ｊ］．大众文艺，２０１２（７）．　作者简介　江涛（１９７４一），男，重庆市合川人，重庆工　商职业学院副教授。主要研究方向：计算机应　用技术、职业教育教学管理。　作者单位　重庆Ｘ－商职业学院重庆市４０００５２　Ｅｌｅｃｔｒｏｎｉｃ　Ｔｅｃｈｎｏｌｏｇｙ＆Ｓｏｆｔｗａｒｅ　Ｅｎｇｉｎｅｅｒｉｎｇ电子技术与软件工程・７１

用户界面设计规范

1. 简介

软件用户界面的重要性。

软件用户界面的重要性。

一般地，成功的Web应用软件至少有三个卖点：

1) 应用软件的功能符合用户需求。

2) 用户容易使用该软件。

3) 用户觉得该软件界面美观。

基于第1项，是用户需求方面的事情，2和3都是用户界面的事 情，可见用户界面对于一个软件是多么的重要！所以用户界面设计是Web 应用软件开发

过程中的关键工作之一，而不是次要工作。

1. 1.目的

本文档以用户界面(UI)设计理念和用户操作习惯为原则，为了保证 界面设计的一致性、美观性' 扩展性、安全性等，对WEB应用软件用户 界面设计的原贝I］、标准、约束和界面元素等内容提出详细要求，便于用户 界面原形设计' 用户界面开发' 以及用户界面测试等角色使用和交流，并 为以后的用户界面评估制定一套评价体系。

同时规范界面(UI)开发人员在设计、制作、开发用户界面行为，通 过本文档来约束界面开发人员的随意性，避免造成页面效果不统一、不协 调等问题。

1.2. 范围本规范适用于Web应用系统用户界面(UI)的设计、开发 和测试评估工作 1.2. 1.内容范围

本规范严格定义了 Web软件用户界面(UI)设计原则、要素和具体细则 内容，并且对页面元素进的应用范围、样式进行了详细的定义。

1.2. 2.适用范围

本规范适用于Web应用系统项目中所有界面(UI)设计开发工作。使用人 员包括：界面设计人员、制作开发人员、界面测试评估人员。

1.3. 术语释义

1.3. 1.用户界面

用户界面是人与软件系统进行交互的接口，实现用户与计算机之间的通 信，以控制计算机或进行用户和计算机之间的数据传送的系统部件，是用来接 收信息和向用户展示信息的窗口，是软件系统成功与否的一个很重要因素。

1.3. 2. UI

即用户界面，又称用户接口

1.4. 文档约定

本文档所指的页面，均基于1024X768的屏幕分辨率。

■■技术与■■亿　

１　引言　浅谈用户界面的设计　

Ｓｈａｌｌｏｗ　Ｄｉｓｃｕｓｓｉｏｎ　ｏｎ　ｔｈｅ　Ｄｅｓｉｇｎ　ｉｎ　Ｓｏｆｔｗａｒｅ　Ｄｅｓｉｇｎ　ｏｆ　ｔｈｅ　Ｕｓｅｒ　Ｌｎｔｅｒｆａｃｅ　

赵红艳　

ＺＨＡＯ　Ｈｏｎｇ—ｙａｎ　

分析了软件设计过程中用户界面设计的重要性，讨论了软件开发中的用户界面设计存在的系统响应时　

间、用户帮助设施以及出错信息处理等问题，提出了用户界面设计的相似性、灵活性、直观性、实用性准　

则，并介绍了用户界面的设计技巧。　

用户界面准则技巧　

Ａｂｓｔｒａｃｔ　Ｔｈｅ　ｉｍｐｏｒｔａｎｃｅ　ｏｆ　ｔｈｅ　ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ　ｉｓ　ａｎａｌｙｚｅｄ　ｉｎ　ｔｈｅ　ｓｏｆｔｗａｒｅ　ｄｅｓｉｇｎ　ｐｒｏｃｅｓｓ　ｉｎ　ｔｈｉｓ　ｅｓ－　

ｓａｙ．Ａｎｄ　ｑｕｅｓｔｉｏｎｓ　ｓｕｃｈ　ａｓ　ｔｈｅ　ｓｙｓｔｅｍ　ｒｅｓｐｏｎｓｅ　ｔｉｍｅ．ｔｈｅ　ｆａｃｉｌｉｔｙ　ｔｈａｔ　ｈｅｌｐｓ　ｔｈｅ　ｕｓｅｒ　ａｓ　ｗｅｌｌ　ａｓ　ｔｈｅ　ｐｒｏｃｅｓｓ　ｏｆ　ａ．　

ｍｉｓｓ　ｉｎｆｏｒｍａｔｉｏｎ　ｗｈｉｃｈ　ｅｘｉｓｔ　ｉｎ　ｔｈｅ　ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ　ｉｎ　ｓｏｆｔｗａｒｅ　ｄｅｖｅｌｏｐｍｅｎｔ　ａｒｅ　ｄｉｓｃｕｓｓｅｄ、Ｔｈｅｎ　ｔｈｅ　ｆｏｒｍｕｌａｓ　

ｓｕｃｈ　ａｓ　ｓｉｍｉｌａｒｉｔｙ，ｆｌｅｘｉｂｉｌｉｔｙ，ｉｎｔｕｉｔｉｖｅｎｅｓｓ　ｉｎ　ｔｈｅ　ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　ｄｅｓｉｇｎ　ａｒｅ　ｐｒｏｐｏｓｅｄ．Ｆｉｎａｌｌｙ，ｔｈｅ　ｓｋｉｌｌ　ｉｎ　ｄｅｓｉｇ－　

ｎｉｎｇ　ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　ｉｓ　ｉｎｔｒｏｄｕｃｅｄ　ｉｎ　ｔｈｅ　ｅｓｓａｙ．　

Ｋｅｙｗｏｒｄｓ　Ｕｓｅｒ　ｉｎｔｅｒｆａｃｅ　Ｆｏｒｍｕｌａ　Ｓｋｉｌ　

受传统观念的影响，人机界面一直不为软件开发人员所重　

视，认为界面设计是取悦用户的低级活动，没有实用价值。评价　

第 1 页 共 12 页 软件用户界面设计规范

1.导言

1.1 目的

为开发人员提供界面设计和开发的指南，引导开发人员设计简洁美观的用户界面；

1.2 适用范围

适用于xxxxxx。

2.软件界面设计的重要性

2.1 发展趋势

软件用户界面的发展经历了从简单到复杂、从低级到高级的过程，用户界面在软件系统中的价值比重越来越高。

2.2 开发竞争

得益于互联网的发展和普及，软件开发的技术门槛在不断下降，大部分软件企业的技术手段也趋向于雷同，“软件设计”变得越来越重要。当大家都掌握了相似的技术和需求信息后，企业之间的开发竞争“比的就是设计”。

–软件用户界面设计要综合考虑“易用性设计”、“艺术设计”和“技术实现”，很有挑战性。

2.3 用户挑剔

用户界面在很大程度上影响着软件的命运，因为广大用户对软件的评价主要来源于他们操作用户界面的感受。同类软件越多，选择余地越大，购买者对软件

第 2 页 共 12 页 用户界面就越挑剔。

3.软件界面设计的现状、问题及原因

3.1 不容乐观的现状

尽管国内有很多技术出色、聪明过人的软件工程师，但是不少人开发出来的软件产品却既难用又难看，客户很不满意。导致经常要修改软件的用户界面，造成极大的生产力浪费。

到处是用户界面设计缺陷：

–界面措辞含糊，甚至有错别字。连简单的消息框都设计不好，可能存在文不对题的语病。

–界面布局混乱，缺乏逻辑，凡是能放的东西都堆集上去，让用户不知从何下手。

–没有防错处理，不对用户输入的数据进行检验，不根据用户的权限自动隐藏或者禁用某些功能。执行破坏性的操作之前，不提醒用户确认。

–不提供进度条、动画来反映正在进行的比较耗时间的过程，对于重要的操作也不返回结果，让用户干着急。