商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:

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

发表日期:2017-10-25 16:16聚圣源浏览次数: 本文关键词:用户,用户界面,网站,设计,元素,界面,响应,互动

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

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

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

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.jushengyuan.com.cn/news/wzyy/10470.html

网站设计案例推荐

热门文章

网站到底为什么总是被黑被入侵...

1:用于做黑帽优化的网站漏洞扫描系统 用一些自动化技术的专用工具来扫描一些普遍开源代码版本号系统漏洞,例如dede,phpweb,discuz这些旧版常有一些管理权限各不相同的系统漏洞,有的软件能...

日期:2020-04-14 浏览次数:8000

wordpress网站地图设置方法...

一直想为我的wordpress博客增加一个网站地图,迟迟没有行动,一个原因是个人认为网站地图已经不重要了,加不加都一样,还有一个原因就是懒得去弄,那么为什么今天会主动和大家分享wordpress网...

日期:2020-11-04 浏览次数:7996

草根站长是如何成长起来并且赚...

https://ww 人人都想做赚钱的站长,但真正赚钱的却不多,笔者认为这取决于自身修养与心态,之前再朋友圈里询问了一些朋友,看到大家对站长已经不抱多大希望,想想也是,借用群友的话来说,...

日期:2020-03-25 浏览次数:7996

成熟网站运营需要从两方面做突...

一个网站从全新到投入使用初期,因为有专业的站长帮助运营,因此其排名和流量都上升的很快。这是从无到有的一个正常快速发展的阶段。然而网站进入成熟期之后,许多的SEO优化方法都运用了...

日期:2017-10-17 浏览次数:7990

网站代运营如何做好网站广告的...

我相信许多企业主在营销过程中会经常遇到这样的问题:做了很多平台的广告投放,也做了一些网络优化,每天投放的网站页面访问量和点击量都很高,但是最后获得的客户线索和询盘尤其不理想?导致...

日期:2021-07-30 浏览次数:7989

相关文章

解读潮流:在网站中怎样用好扁...

当你第一次听见"扁平化设计"这个词的时候,你是不是很不以为然?但事实上扁平化设计已经摇身一变,成为当下网站设计时尚圈的"宠儿"了。在过去几年的时间里,扁平化设计发展速度很惊人,越...

日期:2017-08-28 浏览次数:6285

玩转社区与社群:6句话,便让用...

这次要分享的是关于社区和社群的运营的那点事,当然干货不局限社区和社群的运营,关于用户和活动运营也会涉及到一些。 社群与社区 社区和社群的关系与区别 谈到社区和社交就不得不提一下...

日期:2017-09-04 浏览次数:6429

网站建设公司如何提高自己的信...

怎样让用户相信自己,这对绝大多数网站建设公司来说,是一个比较挠头的问题。尤其在网站建设价格相差如此之大的条件下,让用户相信自己还真的好好思考一下。 什么是信用,所谓信用,是指...

日期:2017-09-05 浏览次数:7586

如何预防和解决网站被劫持...

提到网站被绑架,许多站长并不生疏,可怎么才干有用发现并防止被绑架,是许多网站头疼的问题,小编具体为我们共享网站被绑架解决方案。 一、什么是网站绑架 网站绑架:是指翻开一个网址的...

日期:2017-08-29 浏览次数:6813

在网站中应该使用垂直导航菜单...

尽管目前大多数网站仍然采用传统的横向(水平)菜单,将菜单放在页面的上方,但不可否认的是垂直导航菜单正逐渐流行起来,将菜单放在网站的侧面(左边或右边都可以)。因此很多人在做网站时面...

日期:2017-08-29 浏览次数:5503

随机推荐

2017年响应式网站的10个设计趋势...

一个老站长创业定下的22条军规...

百度快照与网站权重之间的关系...

这样做可让降权网站快速恢复...

个人网站站长应了解的基础知识...

举例方法说明url重定向应该怎么...