你必须了解的18个Web能用性标准

2021-01-20 22:18 jianzhan

你能够有全球上最好是的视觉效果设计方案工作能力,但假如你创建1个不容许浏览者舒服地1页1页或1项1项浏览的网站,那你就了解错了好的网站的关键点了。因而,在今日的文章内容我会将告知你必须了解的18件可做不能做Web能用性事儿

应用网格线来做网站网页页面构造

在你为1个有艺术创意的网格网页页面框合理布局激动并尖叫的情况下,你要确保你的全部网站的网页页面合理布局都在框子(Box)里面。网格构造能让浏览者视野流固定不动在本网页页面,这是很重要的。1旦你将网页页面拉下来,网页页面也是很清楚简约的 - 造就趣味的物品你必须放进出色的设计方案放到网格里面。

不必忘掉检索表单

在你为1个有艺术创意的网格网页页面框合理布局激动并尖叫的情况下,你要确保你的全部网站的网页页面合理布局都在框子(Box)里面。网格构造能让浏览者视野流固定不动在本网页页面,这是很重要的。1旦你将网页页面拉下来,网页页面也是很清楚简约的 - 造就趣味的物品你必须放进出色的设计方案放到网格里面。

让导航栏维持可寻性与可读性

假如你正在设计方案1个网站,你的导航栏若是要正确引导客户从点A到点B,你会应用甚么方法来做呢,你是不是会运用1些较为奇异文本或照片而并不是1般传统式联接(比如:1座房屋标志首页,可是1个圆圈里面放1条闪电就并不是甚么好主张)。尽可能维持导航栏非常容易阅读文章的,使浏览者能够轻轻松松访问你的网站。

 

不必把联络信息内容连接应用“Mail to”连接

 

在点一下1个连接以前,许多人(包含我自身在内)会在1个连接上悬停,随后看1下大家的访问器情况栏,非常是联络信息内容连接,一些人觉得联络信息内容连接立即向电子器件电子邮件详细地址来开启1个电子邮件程序流程是1个好主张。但我要告知你这并不是1个好UX的做法。建立1个联络信息内容网页页面,它把你的电子器件电子邮件详细地址,并加上1个联络报表 - 您的客户会谢谢你 - 并且具体上会更常常地向您推送电子器件电子邮件。

 

尽量应用UX的运用程序流程为Web检测

假如你对內容都还没掌握,纪录各种各样各种各样方式数据信息是个非常好的主张。Google Analytics是1个完善的能看到你的网站访客都来自甚么网页页面,她们在你的网站那上呆多久。你一样可使用1个网站像Feedback Army去检测客户如何访问和应用你的网站。掌握这些网站纪录能让你尽可能运用你的站点展现好的內容给有必须的人。

 

不必在网站的侧面栏上乱用小专用工具

倘若你正在应用1个blog,里面有1widgets,你将会会应用在其中的1些widgets,但并不是所有。你能够把blog想像成1间卧室,若里面有许多脏物,很乱沒有逻辑性,将会你的顾客就不喜爱停留。因此必须维持干净整洁,且有逻辑性。blog浏览者不(在大多数数状况下)必须看到你的Google的朋友,mybloglog 的朋友,FriendFeed的朋友和别的各种各样社交媒体状况,因而这些都无需关注,关键的是你的站点的客户体验,而并不是别的网站的物品。

你要保证在各种各样访问器显示信息您的网站

大家都了解的IE6早已举办过了葬礼,沒有人埋怨,可是不必忘掉,也有许多客户在IE7IE8的,OperaSafariFF等访问器。仅仅由于你的网站有1两个亮点看起来非常好,但这其实不代表着浏览者能容忍应用别的访问器时展现出来的乱78糟的页面。花1两个小时,剖析编码并保证它在各种各样访问器都一切正常显示信息。

 

不必想象客户会为你表单披荆斩棘

站点的联络方法表单不可该太长,申请注册表单也1样。把事儿尽可能简化。把表单简化到只剩3个难题(姓名,Email,內容)极可能能够把之前遗失的客户拉回家。

要保证各个网页页面在构造1致

除非你是1个blog,你的构造是为许多人设计方案,适用多客户的,要不你就得要记牢,浏览者期待看到熟习1致的构造。假如她们感觉自身不一样的地区时,它们载入了新的1页了,她们就会很迅速的点一下后退按钮。

 

不必忘了复印內容用的款式表

 

这1点是对于blog/內容等网站而言的。假如你的浏览者要复印內容(坚信我,很多人依然这样做,特别是年纪较大的旅客),你不可该规定她们复印全部网页页面,上边包括了评价和全部广告宣传。这是很乱的,没必要。假如看了《better blogging equals better business for freelancers》这篇文章内容,你会了解复印出来的文正,很整洁,很清楚,沒有黑色和白色,沒有图象,沒有评价,沒有专用工具栏。內容是包装印刷的难题,因此保证它突显。

 

 

要确保你的內容合理布局合适扫描仪并合乎视角线路

1般来讲,人的留意力保持没多久。因而,运用章节题目(h2H3的或H4的标识)隔开你的文章内容,让浏览者迅速扫描仪的文章内容,寻找他所关注的內容。当你写你的內容,你也应当留意,客户将会看到20+行的1个段落伍,眼睛视力将会就疲惫了,1般5⑴0行较为适合。

 

 

不必把物品塞得满满的

 

简化。拥堵的1个小室内空间,其实不能让客户双眼集中化于关键的物品反而得不偿失。是的,你有很多的信息内容,但其实不是说要把这些信息内容折起来?尽可能让你的设计方案和內容能维持吸气。你的客户会谢谢你的。

 

1定要应用面包屑导航栏

面包屑是针对客户来讲,能告知她们在哪儿,下1步能够去哪。假如她们浏览的是网站子页,你的面包屑导航栏将会这般(主页>子网页页面题目>)。这告知客户她们更是网页页面上,和怎样各级回去,假如她们想。

 

 

不必忘了运用色调比照度,迁移聚焦点

 

假如您应用的大题目,和1个栏总体目标题,能够尝试各种各样色调的浓淡,让浏览者了解第1关键的物品(即:为题目和副题目为#c1c1c1464646)。这些转变的色调和比照度将决策你的客户了解下1步去哪。

 

 

保证站点沒有失效连接和图象

在你的旧文章内容照片查验失效的连接和照片是1件很关键的事儿,由于将会有浏览者从检索模块来到你的网站,假如有断掉的连接,她们即将担负1两件事儿:1,你是1个老网站,再不容易被升级;2,你沒有竭尽全力去确保你的网站內容使用价值,因此她们将去别的地区。假如你是1个WordPress的客户,有1个软件:Broken Link Checker。您还能够到iwebtool and use their free broken link checker应用其完全免费毁坏的连接查验器(每小时数最多5个恳求)。

 

 

不必忽略你的页脚和功效

 

所当客户拉动翻转跳到网页页面底部,看到的是1个平平淡淡,单写作本的网站版权表明是1件很无聊的事儿。为何不装点1下你的页脚,把它加上1些附加的內容,如受欢迎的文章内容,1个检索框,电子器件电子邮件定阅,等。假如您想掌握怎样设计方案1个网站杀手页脚1些念头,你应当看看Footer Fetish,不必与别的的混为1谈。

 

 

设计方案全过程中尽可能应用线框图

 

在纸上应用线框图能让你可视性化的看出最关键的內容,并如何将她们展现出来。根据这样做,你还可以随便的实验各种各样合理布局,而无须担忧破坏设计方案。针对线框设计灵感,我看了《I love Wireframes - 线框图是很惊人的。

 

 

为你的读者写內容而并不是检索模块

你应当为你的读者客户而写,而并不是检索模块。重要字将会在以往(并且将会還是今日)有效,但假如1个真正浏览者浏览了你的1面,发现3个段落就有100次“设计方案师”的情况下,你感觉她们的点一下后退按钮,還是再次看?无疑,点一下后退的将会性十分高。

你能够在写內容的情况下前高声读,假如你感觉不足当然顺畅,那就推倒重新写过,直至顺畅为止。当人们会阅读文章你的內容,是期待它像1个真的人在和她们沟通交流,因此保证的确这般。