界面设计高手不会告诉你的8条UI设计基本准则

 

用户界面(user interface)简称ui，它是指用户与网站内容进行互动的一个界面。如果将一个网站比喻成一个房子，那么用户界面就是这个房子的门面和装潢，决定着用户对网站的第一印象。良好的用户界面可以带来极佳的感官效果，流畅的浏览体验，让用户更容易与网站进行互动，有利于网站流量的提升。好的用户界面设计是用户体验的前提。不过，什么才是好的用户界面设计呢?用户界面设计的潮流风向一直在变，如何能够兼顾设计的美感和实用性?怎样在众多同行的设计中脱颖而出呢?小飞特地总结了8条关于用户界面设计的准则，快来看看吧!

用户界面设计的基本准则：

1.通用性(响应式)

随着手机等移动设备用户的不断增多，只针对某个设备的网站已经过时了。当你在做网站的时候，记得要让用户界面适应于不同尺寸的屏幕：不管是高频宽还是低频宽，用户界面都能很快的加载，不管是ipad还是iphone，界面的格式都能很好的呈现。

由此可见，一个响应式的用户界面是必需的，响应式能够确保用户界面在任何设备、不同分辨率上都可以呈现良好的视觉体验。 过去人们做网站时总是更加注重如何面向pc端，认为适应pc端的用户界面才是最好的。但是，早在2014年，使用手机浏览网页的用户已经超过电脑用户了。不过，我们现在应该将重心全部转移到移动端吗?答案是否定的，pc端的用户仍旧占据市场42%的份额，所以千万不要顾此失彼。

 

2.简单易用

保持用户界面的简单易用，网站界面上出现华而不实的装饰或是不必要的元素只会干扰用户，让他们分心。简单易用的用户界面意味着我们应该在网站的字、词、句或是关键概念上使用通俗易懂的语言，避免因一些行业术语或特殊称呼，让用户摸不着头脑。网站的信息也应层次清晰，目标明确，不要让用户去猜你想让他们做什么，不是所有用户都有足够的耐心和时间的。

还有，简化用户的行为。如果你想要用户在界面上进行注册登录、填写信息，最好将这过程分成几个步骤。这就像跑马拉松一样，将远距离的路程分解为一个个的小目标，更易完成。举个栗子来说，如果你正在做一个银行系统的网站页面，在用户进行注册填写信息时，将"联系方式"、"账户信息"、"个人信息"分开，一步一步来，将它们都放在一个页面上可能会让访客因过长的表单而退缩。不过，分开的表单也不要太多，小飞就曾有过填表填到想要吐的状况。

3.一致性

保持用户界面的一致性是指保持色彩、风格、布局和设计等元素的和谐统一。界面色彩最好能与品牌的整体形象保持一致，主色调和辅色调种类不要太多，色彩明度和亮度要恰当，这能提供给用户舒适的感官体验，有效提升品牌的知名度;而保持布局和设计的一致，能让用户在学会某项操作以后，更快迁移到其他元素上，提高用户操作的熟练度和效率。

保持用户界面的一致性是基于一定的心理准则的：最小惊讶原则(pola，principle of least astonishment)。它是指用户界面上类似元素的效果应该保持一致，尽可能减少给用户意想不到的惊讶。在《巧用5个心理学现象优化用户体验设计，提高网站转化率》中谈用户体验的心理学现象时，小飞也有提到用户对于网站中一些元素的布局或设计是有一定的预期的，太多意料之外的效果并不总是惊喜，也可能是惊吓，太多的设计元素也会让页面看起来更复杂。聪明的读者，你们一定能够看出下面这个网站的问题所在吧!

 

4.避免错误

在用户界面上要避免出错。这是因为网页上的错误会直接影响用户对于网站的认知，加载速度等方面的问题还会让用户耐心耗尽，直接离开。所以，严谨一点，尽量避免一些影响用户体验问题的出现，定期给网站来个"体检"，如果存在问题的话，请尽快解决。

用户界面上可能出现的错误不仅包括那些简单明显的，比如错别字、格式问题，还有一些难以察觉的、但却严重阻碍访客达成某种行为(如购买、订阅等)的。举个栗子来说，如果用户在界面上进行注册，需要输入一个8位数的密码，且必须包含一位数字，但某位访客不知道这项规则，创建的密码太短了，你会在用户填完所有信息点击提交时提醒他们，还是在不适合密码输入时就直接给他们提示?很显然，第二种方式是比较好的设计，按第一种方法来做，用户在以为大功告成时反而前功尽弃，用户的愉悦度会大大降低。另外，错误处理的方式越简单越好。在上述案例中给你两种错误提示："输入有误"和"密码有误"，你觉得哪一个更加合适?答案很明显吧，在用户犯错时，提供一个简单明了的提示更能赢得他们的"芳心"。

 

5.灵活性

用户界面上的元素应该足够灵活、方便用户使用。这意味着我们应该给用户提供多种操作方式，支持pc端的鼠标、快捷键以及手机等移动设备上的手势操作。还要记得设置恢复默认、回到上一级、或取消等按键，在用户想要修改时能给他们提供灵活方便的操作，这能降低用户的担心和焦虑，鼓励他们去探索一些不熟悉的事物，同时对我们的网站也会更有好感。另外，用户界面定制化方面也应该足够灵活，虽然有一些用户倾向于保留类似"出厂设置"这样的默认值，但还有一些用户喜欢根据自己的习惯定制化界面，满足不同用户的多种需求很重要。

6.最小化用户认知负担

人脑不是电脑，在设计用户界面时，我们要考虑到用户大脑处理加工信息的限度。研究表明，人类的短期记忆不稳定，24小时之内存在25%的遗忘率，太多的信息会加重用户的阅读负担，影响信息的获取和储存。所以怎样安排用户界面元素很重要，合理有序的界面元素可以让用户更易消化网站内容，适当的留白可以突出界面的重点元素，吸引用户的注意力。

怎样才能做好用户界面各元素的合理安排呢?不断的测试才是王道，好的用户界面设计不是一蹴而就的，只有根据测试结果不断进行修改才能做出用户真正满意的网站。

 

7.恰当的引导

网站的用户界面还应该包含恰当的引导。研究表明如果站长不要求访客做出某种行为，大多数用户都是无动于衷，不会有所行动的。这也是为什么行为引导按钮的突出显示常常能够带来比较高的转化率。

不过我们在引导用户做出某种行为的时候，一定要足够友好，考虑时机和语境。比如，用户正在认真浏览某一区块的内容时，弹出一个弹窗邀请他们浏览另一个页面或完成某项行为，在这种情况下，大多数用户是不会予以理睬的。相比而言，在用户浏览到网页的底部后再跳出邀请弹窗可能更加有效，这就是时机的重要性。

说到恰当的引导，理想的用户界面还应该有隐藏的"帮助"选项，能够有效地指引用户学习。作为设计者，只有用户知道如何使用你提供的界面，能在界面中得到指导，这样才是成功的。

8.提供反馈

用户界面旨在实现用户与网站的互动，而反馈沟通就是互动过程中最重要的一环。假如你打开一个发现房间的门，发现一片漆黑，按了开关，灯却没有亮，你可能就会假定哪里出了问题，不会迈进房间。网站上的用户界面也是一样，用户做出了某项行为，却没有任何反馈行为，他们可能就会选择退出离开。所以不管用户行为的对错与否，我们应该随时给用户一些提示，比如状态更改、输入有误或信息异常等。无论是视觉还是文字提示，都能给用户一定的反馈，能让该用户体验更佳，重点是要提供反馈。

 

网站用户界面的设计趋势总是在不停变化，小飞相信未来关于实现用户界面功能与形式的完美结合的设计也会层出不穷。目前我们已经见证了了极简主义和响应式网站的兴起，新技术的到来势必会带来新的改变。不断的测试和实验才是学习掌握新设计的最佳渠道，但我们总需要先掌握一些准则作为基础，以上这些就很靠谱，希望大家能够从中吸取经验和教训，做出更好的用户界面，吸引更多的访客。快来起飞页自助建站平台（）做一个网站吧!