首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 励志文章 > 正文

    【10个提高网站可用性的经验指南】如何提高设计的可用性

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

     一、善用人物配图，使用户专注于你想呈现的

    当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢?当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同!(见下图)

    这是第一步：

    10个提高网站可用性的经验指南1

    「根据眼球追踪的研究，我们先会关注这个直望着我们的小萌孩」

    10个提高网站可用性的经验指南1

    「现在，小萌孩是仰望着右边文字的，与此同时，你是不是也把注意力转移到右边的内容呢?」

    这里是原始的研究报告 → usableworld.com，实践证明，如果其他人往某个方向望，那么人们也会跟着望同一个方向(参照脑筋急转弯：大街上有，有一个人仰着头站着。旁边的人以为天空中有什么好看的东西，都跟着往天上看，可天空中什么都没有。你猜那人怎么说?答案附最后..)基于这个特点，我们可以利用人物配图来呈现你想要让用户关注的内容。

    二、表格的最理想位置

    一个来自UX Matters 的研究发现，最理想的表格置放应该是由上至下，因为人们通常会适应垂直的表格，这样通常易于阅读与填写。

    三、人们对网站的信任度取决于设计质量

    第一印象很重要!栗子：

    10个提高网站可用性的经验指南2

    这是一个展示手机应用的网站，可能我们不知道这个名为”fever”的APP究竟怎么样，可是看到一个这么干净圆润的用户界面，对它的好感理应大大提升了。

    一个有趣的研究发现，人们判断一本书的根据往往是它的封面…同样的，一个网站的布局、一致性、配色、排版等都在影响你的用户，他们会以此判断你将提供的东西。因此，你要确切保证网站的风格不仅要干净漂亮，更要适合你的受众用户。

    除了网站设计，其他影响用户对你的网站信任度的还有：网站内容的质量、出错的次数、更新的频率、操作的便捷性和网站站住的人品。

    四、大多数用户不会滚动浏览

    一份来自Jakob Nielsen的研究显示(研究在此 → nngroup)仅仅有23%的用户第一次进入网站时会滚动浏览，这意味着有77%的用户只会看那个区域(无须滚动的可见页面)，更重要的是，只有16%的用户会在第二次访问时继续滚动浏览。该数据突显出，将关键的内容放在首页的突出位置是多么的重要!

    不过，这并不意味着你要填满页面的上部区域，全部塞在那儿只会让内容难懂，当用户看到太多的信息时，他们不知道该从哪里开始看。

    让我们看看优秀范例：

    10个提高网站可用性的经验指南3

    basecamp 在这折叠线以上(768px高)，网站显示了一个巨大的截图，标语、价值主张、呼吁行动、客户列表、视频以及显示特点的小图。

    这些内容对于网站主页是至关重要的，所以我们需要提供的核心要点有：

    网站的名称

    网站的价值主张(即用户能得到什么，有什么好处，如何使用它)

    与用户相关的导航设计

    然而，自那时以来，用户习惯发生了很大的改变，最近的研究证明用户很喜欢视差滚动的效果，他们宁愿滚动到页面底部而不是翻页，对很多用户来说，最重要的信息也不须置放在首页，所以有个好主意，我们可以利用留白空间的方式将页面分成几段。

    五、可以独特，但不要难懂

    有一个独特设计的网站当然是好样的，但当你需要提高网站的可用性时，建议你最好遵守大多数网站采取的方式。因为当人们浏览一个新网站时，他们会启动自身的「经验模式」去理解这个网站的使用，例如：蓝色是链接的颜色，网站LOGO的位置、导航标签的下拉行为等。

    10个提高网站可用性的经验指南4

    谷歌之所以所有的链接都是蓝色是由缘由的，这个颜色适合大多数用户，也便于辨认。

    链接该选什么颜色?

    颜色够深/浅，能够与背景色有强烈地对比，易于区分

    不能与文字颜色相同，所以你可以看到，没有链接是黑色的

    研究证明，选用蓝色的链接是最好的，因为浏览器默认的链接是蓝色的。选择其他颜色也没问题，但可能会影响用户找到它

    六、理想的搜索框宽度是27个英语字符

    什么是理想的搜索框?有的，Jakob Nielsen针对可用性进行了一个搜索框宽度的研究，发现大多数搜索框都太短了，搜索框太短带来的问题是尽管你可以输入足够长的字符，但只有一部分文本字符可见，这导致你很难检查或者编辑。

    这项研究发现搜索框的平均长度是18个字符，27个字符的搜索框可能会太长而很难适应，不过，它能满足90%的搜索。记住，你可以用像素和点设置宽度，而不仅仅是em。小技巧，一em的宽与高对应一个英文字符”m”，所以你可以以此来检测搜索框是否有27个英文字符的宽度。

    10个提高网站可用性的经验指南5

    谷歌的搜索框宽度绰绰有余

    10个提高网站可用性的经验指南6

    相对而言，苹果就力不从心了。

    通常来说，搜索框稍长比稍短好，因为用户可以随时查看、核实、修改。这条经验非常简单，但是很不幸的是经常被人们忽略。其实在输入区域的一点改进也会带来更好地用户体验

    七、留白设计带来更好的阅读

    大多数设计师都知道白色空间在段落、图片、按钮以及其他项目中的价值，白色空间可以让各个项目自由地呼吸。当然，我们也可以通过空间的排列(组合、减少)来制造白色空间。对于在页面展示内容间的联系、建立层级关系非常重要。

    10个提高网站可用性的经验指南7

    注意：文本的边缘，段落的间隔这些细节都给阅读带来了舒适的感受。

    白色空间让页面内容的可读性相应提高。一个04年的研究表明，如果在段落与左右边缘间能够卓越地地利用留白，至少提高20%的阅读舒适感。读者可以更加容易地专注于阅读。

    八、不必进行广泛的用户测试

    Jakob Nielsen的研究显示仅需要5个用户就可以发现你的网站85%的问题，如果有15人就能找出接近全部的问题。

    10个提高网站可用性的经验指南8

    第一或第二个用户会发现最大的问题，其他人会确认这些问题并且发现其他小问题，只有2个用户能找到你网站50%的问题，这意味着其实你不需花很多钱去得到一个好的结果。当你开始测试时，你已经有巨大的收获了。任何小小的测试都比没有好

    九、有多少信息，就有多少青睐。

    大多数介绍产品的页面总是缺少足够多的信息，有些仅仅能让用户扫一眼。这是个必须正视的问题，因为产品的信息将帮助人们忖度购买的决定。在可用性的研究中，贫乏的产品信息这个失败的案例占据了8%甚至10%的网站。

    10个提高网站可用性的经验指南2

    Apple提供了详细的产品介绍页面，包括产品特点及规格等。请注意，不要让一点难懂的技术细节停留在介绍页面，给消费者看的懂的。

    提供关键的信息，而不要臃肿，让你的文案易于吸收。通过段落间隔和副标题使介绍能够一扫明了，给你的添加足够的图片，且不要使用行话，否则你的用户看不懂。

    十、大多数用户会无视广告

    Jakob Nielsen的研究表明大多数用户会直接无视广告的存在，如果他们在全神贯注地阅读文章，他们不会被广告转移注意力。

    这条经验要告诉你的是，人们会无视广告，并且与任何看起来与广告类似的东西，即使它不是广告。一些颜色风格强烈的导航会让他们误以为是广告，所以请仔细注意这个经验。

    10个提高网站可用性的经验指南9

    在左侧的方块图其实不是广告，但是看起来与广告很类似，所以可能会被一些用户误解。

    所以，广告看起来最好能像文章，那样人们才会去点击它，也能给你带来更多的收入，但无疑这将会损失你的用户信任度，当他们点击广告时他们以为会是文章，结果被你欺骗。因此当你决定这样做之前，考虑下这个交易：短期的利益与长期的信任。

    干货福利：

    在这些年，我们的杂志组为了确定最佳地设计方案，研究了很多案例。到目前为止，我们已经发现了很多有趣的模式，是的，它们可以作为你的下个设计项目的指导方针，希望这些标准能予你方便。

    行高(px)÷ 英文字符大(px)=1.48

    1.5通常被认为是最经典的排字方式，我们的研究决心为这个方式点个赞。几乎没有网站使用低于它的，那些高于这个标准的也会越来越少，特别是当你看完这篇文章后。

    行长(px)÷行高(px)=27.8

    行的平均长度是538.64px(排除边缘)，对于大多数还采用12px到13px大小字体的网站来说，这是最完美的安排。

    最佳的字/行是55——75

    根据经典的排版书籍，最佳的字/行应该是55到75，但现在流行的75——85，童鞋们自由斟酌(英文字符)

    注册页面通常很简单，是为了避免人们分心

    • 【10个提高网站可用性的经验指南】如何提高设计的可用性 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文【10个提高网站可用性的经验指南】如何提高设计的可用性由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.