小谈用户体验：让访客反感的12种网页设计
Time：2017-10-13 09:13:17 Views：用户体验在网站建立进程中的被注重水平，在近些年失掉越来越大的提升。很多从事网页设计的冤家都会在设计网页的时分思索到用户体验这一关键要素，由于不注重用户体验的网站，很难在当下愈发成熟的互联网环境中失掉用户的喜爱与一定。
十二年前的网站都是这般的，复杂的table布局，能够如今那些抱着ipad上网的00后小冤家很难想象会有这麼丑的网页吧。但如今div+css布局方便了我们设计很多精巧的网页，界面上的丑化从很大水平上提升了网站的用户体验。不过，除了界面呢？影响用户体验的要素还会有哪些？
注释开端，我们从用户体验的角度聊聊，让访客恶感的12种网页设计。
总有那麼些网页，让我们一翻开就刻不容缓想要分开的。留不住用户的网站，花再多的心思导入流量也都是白费。想要添加网站的用户粘性，提升网站用户体验，这12个要素千万要留意了。
来，从最蹩脚的开端说吧……
影响用户体验的网页设计要素一：漫长的加载工夫；
这是自己以为最蹩脚的一个要素，网页加载工夫太漫长。要是在十二年前，翻开一个网页要一两分钟的话能够大家情愿忍耐，毕竟这是很正常一件事；但在十二年后的明天，假如还要我破费一两分钟去等候你的网页加载，我是相对没这个耐烦忍耐这一切的，不晓得你们是不是赞同。
因而，提升网页加载速度，是提升用户体验的一个十分重要的要素。影响网页加载速度的要素也有很多，袁程旭在之前的文章中屡次有提及这方面知识。你可以买一台配置好点儿的效劳器，当然不建议买港台或海内的，局部地域的访客阅读网页时加载会很费劲；除了效劳器以外，网站顺序的选择也很有考究，不过这不是一两句话可以说完的。另外，诸如网页延迟加载（点击阅读），或图片异步延迟加载（点击阅读）之类的技术运用可以很好地提升网页加载速度，感兴味的冤家可自行理解。
影响用户体验的网页设计要素二：自动播放的声响；
说假话，这样的网站常常会吓到我，尤其是在中午的时分。请试想一下，你翻开一个网页，忽然就听到了一些乌七八糟的声响，没有心思预备的话是不是会被这东西给吓到？这样的网页设计罕见于那些搞销售类的页面，一进入网页就自动播放音乐或许广告宣传，真实让人抓狂。
玩QQ空间的时分觉得设置一个自动播放的背景音乐很酷炫，但设计网页的时分假如采用自动播放声响的设计其实是很影响用户体验的。你大可以在网页某处放置音频或视频文件，让用户自主选择能否翻开播放，我想这样更尊重用户选择的设计才会更受用户欢送吧？
影响用户体验的网页设计要素三：弹窗&广告；
能够如今有很多阻拦广告的插件，但这并不影响我们对广告的讨厌。最厌恶的广告方式就是那些永无尽头的弹窗了，这是对用户十分不敌对的一种广告方式。当然，弹窗这一让人恶感的东西也不一定表如今广告上，很多企业的官网常常弹出“点击征询”类窗口，封闭了没几秒又自动翻开，这是很让用户恶感的一个设计。信息还没阅读多少，你就不时要我点击征询，我只好加入你的网站了。
再说说广告，最恶心的广告方式是那些假装着骗你去点击的，罕见于那些下载站，你常常不晓得哪个才是正确的下载链接，是不是常常就下载了一些莫明其妙的软件上去？袁程旭并不是说网站不能投放广告，是希望大家在用户体验的思索前提下合理设计广告位，比方代码君网站的广告位散布。
影响用户体验的网页设计要素四：关键信息不在显眼地位；
设计网页的时分，你必需要晓得用户第一眼看到网页时，视野的集中点会落在哪里。能够你以为网页设计只是往页面上堆砌信息那般复杂，但其实信息的分配布局是很有考究的。页面的关键信息必需要在显眼的地位突出展示，才干更方便地被用户获取，不然的话其实很影响用户体验。
就这麼说吧，之前我阅读过一个主题酒店的网页，但找了半天没发如今哪里检查房型、价钱这些用户比拟关怀的信息和资讯，反倒是其企业文明引见、开展历程这些并不太重要的信息，摆在了十分分明的地位。这样的设计是反人类的，在显眼地位放置用户关怀的关键信息，才是正确的设计。
影响用户体验的网页设计要素五：过早地要求注册；
我去一个网站寻觅一张设计图，你要我注册会员才干检查，那我一定不干了。这些过早地要求注册的网站也是很让用户恶感的，除非你是那种什麼真爱、相亲类的网站。比方百合网这类，你要我注册了才有权限检查更多会员的信息，爲了找到真爱那我也认了。但假如只是下载一张图片或许一首歌就要求我注册的话，哪儿有那闲时间理睬你，网上的收费资源多得是。
从用户体验的角度动身，就应该给予用户更多的自主选择权。比方我一局部资源是收费对外提供应一切用户阅读或下载的，但还有很多精品资源是会员才有权限阅读和下载，只需资源足够优秀还怕吸引不到用户来注册麼？别强迫用户去做他们不喜欢做的事情，不然很容易蒙受用户恶感。
影响用户体验的网页设计要素六：蹩脚的导航设计；
网站的导航栏往往是爲了更好地引导用户，假如导航栏设计得太过蹩脚的话，还怎样能起到引导用户的作用呢？设计网站导航栏的时分，普通要遵照鼠标的最短途径准绳，还要尽能够的方便用户去到他们想要去的页面。网站设计的每一点一滴其实都有考究，要不然怎样配得上设计二字？
还是以那个主题酒店的网页爲例，试想一下，假如你如今迫切需求预定一个房间，但找了半天没找到订房的链接入口，内心会不会很解体？一边是行将喷涌而出的荷尔蒙，一边是对这蹩脚网页体验上的各种差评，两者无论哪一个都够让你疯狂的，内心难免会大骂道：这都TM什麼网站啊！
影响用户体验的网页设计要素七：Flash（特别是主页只要Flash展示）；
在之前的SEO类文章中，袁程旭屡次提到，Flash的使用很不利于网站SEO。目前爲止，搜索引擎爬虫还不可以很好地爬取Flash文件内容，对网站的收录会有一定的影响。而网站主页恰巧是SEO进程中十分值得注重的一个页面，假如只要一个Flash文件在网站主页展示的话，那就不免太搞笑了。
撇去SEO的要素不谈，假如你进入一个网站主页发现只要一个Flash文件展示，会不会有种摸不着头脑的觉得？普通这样的网页设计也多见于那些商品推行、企业推行类站点，而展示的Flash文件内容多半是对商品或企业停止引见的。这是一种强硬推行手法，很容易让用户发生对抗的逆反心思。
影响用户体验的网页设计要素八：颜色搭配太过耀眼；
网页颜色搭配给用户视觉上的冲击是十分强的，袁程旭团体还是比拟喜欢采用那些繁复朴素的颜色搭配方式来设计网站。我可不喜欢进入一个网站看到五颜六色的模块，颜色搭配太过耀眼会让眼睛很容易感到疲倦。假如你网站的文字信息比拟多，就更不能采用太艳丽的颜色了，不然用户视觉疲劳了还怎样有心思去阅读资讯呢？多参考一下大型互联网公司的网页配色，或许值得你去学习模拟。
袁程旭激烈建议各位冤家，设计网页时要保证页面的主色彩搭配不超越三种，除非你有特殊的需求而不得不将网页设计成万花筒那般。各位可以阅读《三分钟带你疾速入门极简颜色学》这篇文章来学习一些根本的颜色学知识，我想会十分有利于你在网页设计进程中停止合理配色。
影响用户体验的网页设计要素九：table布局or界面过丑；
正如文章扫尾所言，如今的网页之所以可以设计得比十二年前精巧，是由于div+css的布局构造可以营建出很多table布局完成不了的效果。假如你还沉浸于table布局的网页中无法自拔的话，那麼请原谅我真实看不下去，只好默默加入你的网站了。table布局的网页十分好看，总之我是忍耐够了。
不过，就算是div+css布局，居然也有人可以把网页设计得十分丑的。这样的网页普通多是采用相似于dreamweaver的软件拖动设计出来的，没有代码写出来的网页来得精致。界面过丑的网页总之不会太让人喜欢，毕竟大家还是更乐于追求美感的，没有人会喜欢在那些漂亮的界面上多加停留。
影响用户体验的网页设计要素十：网站太过“专业”；
这里所谓的专业，不只表现在网站资讯表达上，也表现在网站一切者的运营上。假如网站的主题不够明白，网站文章对某件事物所表达的观念也不是很让大局部人赞同，那麼就可以说这样的网站很是专业。网站一切者在日常运营任务中，假如未及时更新网站资讯，或许甚至连网站的关于我们和联络我们等重要信息都未及时更新，那麼这样的网站也可以称爲专业网站。
假如我进入一个网站，发现首页最新引荐的文章还是2002年的，那我一定不会多看就马上加入这个网站了。你假如在编码技术上或许SEO根底知识上略显专业，我还是可以忍耐的，毕竟那跟我没有多大的关系。但假如我想获取的东西找不到，或许找到了但却很专业可笑的，那一定也不会有好感。
影响用户体验的网页设计要素十一：设计上的一些瑕疵；
这些要素能够不会招致少量用户对你的网站发生恶感心情，但假如能留意到这些成绩并且有针对性地停止改良，一定能更好地提升网站用户体验。接上去我们就复杂聊聊，这些设计上的瑕疵。
这些要素能够不会招致少量用户对你的网站发生恶感心情，但假如能留意到这些成绩并且有针对性地停止改良，一定能更好地提升网站用户体验。接上去我们就复杂聊聊，这些设计上的瑕疵。
1、分页阅读图片
罕见于一些图片类站点，阅读一张图片就要转向下一页才干持续阅读，但真的有必要吗？明明可以在一页阅读完十张图片，我却不得不翻十页阅读完，虽然网站的流量失掉了很好的提升，但用户体验真的会十分差，阅读起图片来真的好累啊；
2、字体选择和布局
特别是关于文字信息比拟多的站点来说，良好的阅读体验很是重要。代码君网站的文章页字体是经过严厉实验后，综合用户反应停止改良的。字体类型的选择、大小、行高和段落之间的间隔等等要素，还有字体的右对齐，只要都做精密了才干到达更好的感官效果；引荐阅读：《中文网页设计：关于字体的那些事儿》；
3、网页过窄或许倾向一侧对齐
如今大屏的设备越来越普遍，宽度爲800px的网页设计显然曾经跟不上时代了。建议PC端网页宽度至多要坚持在1000px至1200px左右，当然可自顺应布局。而网页假如倾向一侧对齐也是十分好看的，虽然联系屏幕的做法很新颖，但不合适整站倾向一侧对齐；
4、构造混乱
这个想必也不必多说了，跟蹩脚的导航设计给人觉得差不多。网站构造混乱很容易让人出来就找不到出来的路，只好封闭阅读器间接加入了。关于普通的小站点来说，没有太多的东西拿来分配，自然不会有太复杂或许混乱的构造。一旦网站做大了，思索构造的合理布局就很必要了；
5、阅读器兼容成绩
不写代码的人能够就会容易疏忽这个成绩，访客在运用IE阅读器和谷歌阅读器辨别对你网页停止阅读的时分，看到的效果能够是不一样的。从用户体验的角度动身，这个成绩是很有必要思索的，但你也可以疏忽这个要素，祷告用户别用高等级的IE等阅读器，或许祷告这些高等级阅读器晋级。
影响用户体验的网页设计要素十二：没有wap端入口或没有自顺应布局；
web端网页在屏幕较大的电脑设备上欣赏起来能够还不错，但换了屏幕较小的平板电脑或许手机等挪动设备阅读时，难免会让内容布局显得过于局促。手机端网站开发设计在很早前就被大家提出但却不断没被注重，不过随着近些年百度等搜索引擎对拥有wap端入口或自顺应布局的网页表现得更爲敌对，让大家开端注重wap端网站建立。而挪动设备的普及和挪动端搜索流量的提升，则促进了更多人下定决计要建立wap端网站或许间接采用自顺应布局来设计网页。
团体还是比拟建议大家采用自顺应网页布局的，比拟合适各种不同配置的阅读设备，契合当下的用户阅读状况。假如想理解自顺应网页布局的，可自行检查本栏目之前宣布的系列文章。
最初总结：
各种各样的缘由让人们在还没有真正理解一个网站的时分就把网页间接关掉了，所以用户体验的思索其实是十分重要的。比方这篇文章，其实是不太尊重用户体验的，写了一大堆文字却没见几个插图合理布局一下，能全篇看上去的人一定很累。但图片多了的话，网页加载又会变慢，本文开篇拿了五张大图来作展现曾经够影响网页加载了，爲了尽能够地提升网页加载速度，只好少放几张图片了。
当然这十二点也不完全是用户进入网站后马上又分开你网站的必定要素，比方我是点错链接才进的你网站，那我一定会马上分开，这也是一种能够。那麼，你是为何分开一个网页的？
