第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-10-25 16:22来源:A5企业专栏 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
用户界面(User Interface)简称UI,它是指用户与网站内容进行互动的一个界面。如果将一个网站比喻成一个房子,那么用户界面就是这个房子的门面和装潢,决定着用户对网站的第一印象。良好的

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

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

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

  1.通用性(响应式)

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

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

  

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

  2.简单易用

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

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

  3.一致性

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

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

  

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

  4.避免错误

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

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

  

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

  5.灵活性

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕