做好界面设计的几条原则.docxVIP

界面设计的几点分享我有几点通过学习、实践总结出来的，在界面设计过程中需要遵守的原则，这里分享给大家。统一、一致原则。统一、一致原则是说同类型功能要有相同的使用方法、布局方式，要有内在的规律性，能够让使用者“举一反三”，降低其学习成本和思考负担。“多不代表复杂，少也会难懂”，要通过规律性将分解复杂性。设计一致性的例子在生活中、软件上都有很多。先举一个开关门的例子。日常生活中，室内门的开关方向总会遵照一个固定的模式，或是向内推，或是向外拉，如若不然，要么等着碰头，要么打不开，给人带来极大的不便。这种的设计，即使只有几扇门，也不能说简单。大家可以想一下公司的门，开关都是有一定的规律，玻璃门双向开关，木门向内推。只是，木门的把手设计不好，总是让我误以为是向外拉的，当然这个瑕疵也被”一致地遵循了“。图1公司的门再举一个Office的例子。不管是Word还是Excel，设置文本的字体、颜色、背景等常见属性时，其按钮的位置、操作方法基本大同小异，这种一致性甚至被其它一些工具软件也都继承了过来，这样用户在使用同类的软件时就不需要再进行学习和思考。可以设想，如果word的字体设置在”开始“页，而Excel放在了”页面布局“页，则就会让用户感到复杂。图2Word与Excel的字体设置反观我们的BOSS系统，并不是很好的遵循了这个原则。比如，系统参数的设置就包括了系统参数表、数据字典、配置文件等，具体到每个参数生效的时机、生效范围都没有一个明确的规律，必须依赖于配置文件才能知道，从而给售后人员的使用带来了复杂性。再比如界面的提示，有些功能提交后会有成功或失败的提示，有些却只有失败的提示，这也让使用者对于操作是否成功的判断感到困惑。内容分类原则。内容分类是指将同类的功能、信息等分门别类的摆放，减轻使用者的理解难度，根据相关研究，用户在操作计算机时所消耗的负担从高到低分别为：认知、视觉、行动。其中，认知是指思考、记忆等行为；视觉是指用户看或找内容的行为；行动就是点击的动作。因此在设计的时候，要将同类的内容放在一个区域，起一个易于理解的标题，帮助用户理解。在Word中，同类的操作放在相同的卡片下，并有一个概括性的标题，如开始、插入等。图3Word菜单的标题设置字体属性的时候，也将属性根据不同的用途进行了归类：图4Word设置字体.当然在分类内容的时候，一致性原则是必须要遵循的，否则会给用户带来困扰。分类内容可以使用的手段很多，包括tab页、面板、区块等。渐近呈现原则。渐近呈现原则是说只给用户当前最需要的信息，这也是为了减轻用户的理解难度，通过点击动作逐渐呈现更多的信息。这个原则与我们通常听到另外一个准则相悖，即尽量减少用户的点击动作。根据相关的研究，更加的点击并不会让用户感到复杂，合理的引导反而会让用户感到轻松。对于这个原则，大家可以观察一下用户体验做地较好的互联网软件，包括网站和APP，都大量运用了链接手段，将非必需的功能或信息隐藏起来，给用户使用简单的感觉。例如，京东提交订单的页面，除了导向之外，打印发票、优惠券使用等选项，也都隐藏起来，仅将提交订单所必需的内容展现给用户。图5京东提交订单总体来讲，这三条原则都是为了设计出来的产品，有一个简单易懂的规律性，让用户有迹可循，举一反三。在这三条原则中，我认为”一致性原则“是最重要的一条，也是我们做的最不到们的地方，这也是软件易用性不足的主要原因。对于这条原则，说起来很容易，但在实际执行的过程中，由于需求、进度、理解等各方面原因，很容易出现不一致的现象，前文所提到的系统参数就是一个例子。其它的例子也很多，比如，同类功能是否有相同的操作模式。这条原则同样适用于此次新BOSS的界面设计，新旧BOSS的同一功能应该具有类似的操作习惯、操作步骤和操作反馈，这样既可以降低新BOSS的培训成本，也能让用户在眼前一亮的情况下，还能继续利用原有的知识操作新BOSS，就像word虽然升级了很多个版本，但我们很少会针对新版本去专门学习它的使用手册。最后，推荐大家一本书，这本书也是我最近正在读的书，《设计师要懂心理学》，里面讲了一些设计过程中要遵循的原则，其它同类的书也有不少，大家可以多看看，对于提高界面设计水平很有帮助。