第九章UI界面设计原则.ppt

《第九章UI界面设计原则.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、交互设计的核心一切以用户为中心的设计。UI设计原则UI设计的宗旨：1、减少用户的认知负担2、保持界面的一致性3、满足不同目标用户的创意需求4、用户界面友好性5、图标功能的一致性6、建立界面与用户的互动交流UI的主要应用领域：手机通讯移动产品、电脑操作平台、软件产品、PDA产品、数码产品、车载系统产品、　　智能家电产品、游戏产品、产品的在线推广等。UI设计原则空间记忆当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉。同样，当新用户打开一个全新、陌生的软件时，用户也希望有个类似站点地图的东西。但

2、如果想让用户更加自如的使用软件，让用户毫无顾及的去尝试，不怕迷路，我们必须为用户建立起空间记忆模式。它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样.当人们使用东西或文档时，他们经常通过回忆它们在哪里来再次找到它们，而不是它们的名字。很多软件把它们的表单按钮——确定、取消等——放在预定的位置上，部分原因是由于它们的空间记忆依赖性。在复杂的应用系统中，工具条上的工具、层级结构中的对象等，也可以由记忆它们的相对位置找到；因此，我们应该小心使用像响应式展开这样的模式。把某个东西添加到界面上通常不会引起麻烦，但

3、是把控件重新排列会打乱空间记忆，从而难以找到。空间记忆和习惯之间的关系很密切。和习惯一样，空间记忆也是一个在应用中及在应用间保持一致性会带来好处的理由。人们会期望在类似的地方找到类似的功能表现。顺便说一句，网站导航菜单列表的顶部和底部都是很特别的区域，从认知的角度说，与处于菜单中间的项目相比，顶部和底部的项目会获得用户更多的注意力，记忆也更持久。如果他们发生改变，对用户的重新建立空间记忆势必会造成影响，请慎之。不论软件是升级还是改善。交互方式不能随意改变，当用户建立起空间记忆对公司软件产品的长期发展是很有必要的。一、

4、图形界面设计的基本原则用户原则是图形界面设计最基本和最重要的设计原则。所谓用户原则，就是在软件界面设计中，要充分体现出“以人为本”、“用户友好”的基本要求，做到：易懂、易学、易用。1.1图形界面设计的“黄金法则”用户原则是大原则，人们在长期的图形界面设计过程中，总结出了图形界面设计中一些有用的法则，这些原则被称作软件界面设计的“黄金法则”。这些法则进一步丰富了用户原则，使用户原则变得实在、可操作。1、图形界面的一致性原则一致性原则是“黄金法则”中最重要的原则，也是界面开发人员最容易忽略和违反的一个原则。一致性原则有利

5、于减少用户的学习量和记忆量，用户可以把局部的经验和知识推广到其他应用场合。一致性原则要做到：界面外观上的一致：具有相似的外观布局和信息显示格式。例如Office和Adobe软件。操作次序上的一致：例如不同命令操作后的显示效果一致。概念、语义、命令语法一致：例如同一功能的命令名称要一致，例如“复制”命令。不同软件开发商之间的界面设计要保持某种一致：例如Windows操作系统下的各种软件都具有一致性。Dreamweaver界面Flash界面AfterEffects界面Premiere界面2、图形界面的简洁性原则简洁不仅是

6、界面设计的美学原则，而且也是显示屏幕大小所要求的。复杂化是界面设计的一大误区！简洁性原则主要表现在：内容归类合理、内容排列整齐一致3、图形界面的快捷方式原则用户希望能减少人机对话的次数以减轻操作的频率，快捷方式就是一个较好的办法。Windows常用的快捷方式有：删除、查找、插入、保存、打开、复制、粘贴、帮助、打印、关闭、剪切等。Windows操作操作系统下的应用程序基本都遵循一样的快捷方式原则。4、软件信息的反馈原则软件界面对用户的每个操作都应当提供及时的信息反馈，尤其是简明的错误处理和帮助功能是软件界面的重要反馈信

7、息。例如光盘刻录程序在工作的时候提示进度，结束的时候告诉任务完成、如果没有光盘提示插入光盘等反馈信息；手机信息发送成功失败提示等。5、软件界面的在线帮助原则软件界面的友好性还体现在为用户提供有好的帮助界面，帮助用户学习和使用本软件。如下图：6、软件界面的操作可逆性原则操作的可逆性对用户来说，是一种有效的鼓励。如果用户知道操作是可逆的，即使发生错误也能恢复到原来的状态，用户就能大胆地对不熟悉的功能进行探索和学习。如下图：7、图形界面的最少记忆项目原则好的图形界面应该尽量减少用户的记忆量，用户必须记住的任何信息应该是和

8、当前操作有关的，而不是和计算机相关。为减少记忆量，应该通过菜单设计及联机帮助等形式帮助用户记忆，一般地说，用户的短期记忆不要超过7个项目。8、图形界面操作序列的完整性原则界面中每个操作序列都应该清楚地标明开始和结结束，其余的操作应插在中间。操作序列的结尾应该给用户完成的感觉，并指示下一个任务的开始。想象一下发送手机信息的整个操作过程。1.2图形