当前位置:首页 >  站长 >  网站运营 >  正文

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

 2017-10-25 16:16  来源: A5企业专栏   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

用户界面(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.提供反馈

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

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

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
起飞页建站

相关文章

  • 响应式网站中优化用户体验的7个关键点

    随着移动设备的不断兴起,响应式设计越来越受到大众的喜爱,站长们在搭建网站时也更加倾向于选择响应式网站。不过,大多数站长们都认为既然响应式网站可智能根据设备屏幕大小呈现不同的展示效果,那就不用再对移动端的网站进行手动调整了。其实这种看法是片面的,响应式网站虽然自身具备一定的特质,但有时PC端网站和移动

  • 盘点2017年最受欢迎的10个商城范例:我们从中可以得到哪些启示?

    在电商和线上购物快速发展的今天,拥有一个商城网站很是必要,关于试水独立商城的好处大家可以浏览《有了淘宝京东,为什么还要自建商城网站?》查看。但是,搭建商城网站并不简单,庆幸的是目前市面上涌现了不少建站平台,起飞页自助建站平台就是其中一个,各位商家可以借助起飞页轻松搭建出一个好看、实用的商城网站。不过

    标签:
    起飞页建站
  • 让首页背景动起来是怎样一种感觉?8张图告诉你真相!

    现在越来越多的设计师开始在网页中使用循环视频作为背景,这种现象的出现主要有两个原因。一方面,移动设备性能不断完善,网速越来越快,用户能够且有条件在移动设备上浏览视频背景的网站;另一方面,随着HTML5技术的发展,很多主流浏览器的视频标签都支持循环(Loop)属性,网页上单个或一系列视频短片的循环播放

    标签:
    起飞页建站
  • 缺乏灵感?给你8个值得每天学习的顶尖设计网站

    网站设计是一种艺术,它离不开灵感和创意。但灵感与创意的涌现是需要碰撞、需要时机的,大多数设计师都不可能每时每刻都灵感爆棚。当您缺乏设计灵感时,不妨看一看下面这些网站,它们都收录了丰富的素材,都有许多独立设计师上传的优质作品,没准这些设计就能让你眼前一亮,获得一些想法或启发。赶紧和小飞一起看看这8个值

    标签:
    起飞页建站
  • 目前为止用户体验度最好的表单:浮动标签式的表单

    在当今这个互联网时代,填写表单对用户来说就是家常便饭,在网站进行注册登录时、在网上购物时,都免不了填写表单这一环。表单是网页设计中重要的组成部分之一,在获取用户信息方面发挥着不可或缺的作用,它是用户和网站的一种互动形式,这种形式的互动越顺畅,网站的用户转化率就越高。这也是为什么许多站长们一直在研究如

热门排行

信息推荐