主标题：如何提高设计的可用性(如何提高设计的可用性ppt)

如何提高设计的可用性,如何提高设计的可用性ppt

内容导航：

• 结合设计实践结合审美评价及可用性分析思考如何
• 寻找两项可用性存在缺陷的设计
• 10个提高网站可用性的经验指南
• 如何提高网站设计的可用性

一、结合设计实践结合审美评价及可用性分析思考如何

结合设计实践,结合审美评价及可用性分析,思考如何提高设计的审美与可用性。跟好的产品对比，找到更好的设计方案，提高审美能力。

二、寻找两项可用性存在缺陷的设计

如何提高设计的可用性产品设计是以客户和设计师为中心的，为什么要设计产品，设计的目的是什么，是为了得到自己的心里满足和别人的认同，而别人最主要的的是指设计对象。

专业用语可以是：设计师(主体)心理和设计对象(用户或消费者)心里两类，并且基于设计的目的性（实用性和情感体验），一切设计的核心的核心最终可概括为“使用”于“情感”，因此设计心里的研究的重点归结为——提高可用性和有目的的情感体验。

可用性设计是“以用户为中心”的设计，它是“可用性”理念在设计中的体现，也是可用性工程作为一套工具与方法在设计中的运用，是设计中“合理性”要素的集中运用。

可用性是设计师首先应该考虑的问题，是设计的第一步，从消费人群的可用性需求获取、可用性问题分析、设计方案的开发以及测试评估在内。可以说，可用性是产品设计的核心。但是一个新产品的开发，不可能一开始就很完美，总会有一些缺陷，然后经过市场反应，反馈给设计师，再次不断完善；也有些新产品刚开始时很完美，但是随着社会的发展，慢慢的不再适应消费者需求，也得要经过不断完善。

例如；白炽灯，开始时外形是圆的，外材料是玻璃做的，可以向四周发散光亮，但是圆形的灯泡放在桌子上总是滚动，容易打破，并且圆形灯泡占据很大地方，不利于运输和携带；再比如圆珠笔，现在的种类很多，外壳设计时运用了很多曲线，使得手握笔写字呈现最舒适的状态，但是刚开始有笔的时候并不是如此，笔道都是直直的，消费者把关注都放在其写字的功能上，并不会想到其他方面，自然也不会对其他方面要求很多，但是随着生活水平的提高，人们越来越关注舒适度了。

如何提高设计的可用性，是设计师应该深入研究的问题：首先，要按照人的尺度设计，设计的产品是针对哪一类人的，他们的主要特征是什么，其生理、心理的尺度在哪个范围内，尽可能充分的考虑人的身心极限，避免超出目标用户悠闲地能力范围；设计要符合目标用户的心理需求，即使是隐在的需求，用户并不一定在初始的时候考虑到，但是使用时总是希望更顺手些，更舒适些，这些需要设计师在设计的时候就研究好；设计产品时，要使用户可以方便的自己操作，设计物品使用、性能相关的部件必须显而易见，设计的使用最好要经过反馈，有反应的产品对用户的刺激性总会大于一些无变化的产品；设计最终的趋向应该是简单化，设计在保证用户清楚地前提下应保持尽量简单。可用性设计是设计师为用户服务，作为设计师，要想其用户考虑到的，考虑不到的，尽最大可能提供用户最好产品。

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

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

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

这是第一步：

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

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

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

二、表格的最理想位置

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

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

第一印象很重要!栗子：

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

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

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

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

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

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

让我们看看优秀范例：

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

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

网站的名称

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

与用户相关的导航设计

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

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

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

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

链接该选什么颜色?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

干货福利：

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

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

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

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

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

最佳的字/行是55——75

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

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

四、如何提高网站设计的可用性

答：

1屏幕布局

1）内容应占据网页的大部分空间，至少应占一半，最好接近80%，导航部分应不超过20%。

2）使用空白区而不是粗线条或广告来分隔不同内容。

3）颜色选择

除了图片和图像之外，不要使用太多的颜色来修饰某个对象。正文和背景色的对比度要大。正文区和其它的功能区（如工具条、菜单条等）应使用不同的背景色。

4）可读性

标题区、标题行和正文区应使用不同大小的字体。使用静止的正文，而不要用移动、闪烁或变焦的文字。字体应足够大，字体太小（小于10个像素单位）会降低可读性。不要将字体设置成绝对尺寸，应尽量使用相对尺寸。使用统一的字体，不要混合使用多种字体，否则会降低阅读速度。

5）可浏览性

每个网页都应该有标题，且网页标题应该清楚地表明网页的内容。句子/段落应简短，每句不超过20个词，每段不超过5个句子。每个网页都应按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。使用排版印刷的设计风格，横向排列信息，以符合用户的阅读习惯。

2内容设计

1）范围

网站的内容应既能达到网站设计目标，又能满足用户的期望。网站的内容应及时更新，以反映当前的最新状态。

2）准确性

写作质量要高，没有语法、拼写和排版错误。文章应该分段，这样用户容易理解。那些既向用户提供信息，又允许用户进行评论的网页，应明确区分信息区和评论区。

3）著作权

每篇文章或文档应标明作者姓名等相关信息。应提供相应的参考文献。应介绍站点拥有者的背景资料，如公司图标、名字、地址、电话号码和email地址等。

4）实效性

应标明网站所用资源的产生日期。应指出网页的最近修改时间。

5）提供选择功能

应该有输出或打印的格式选择。让不同的用户选择不同的语言来显示网页。

6）链接

指明哪些链接指向本页面，哪些链接指向本站点的其它页面，哪些链接指向其它站点。应有指向相关网站的链接。应有指向网站主办单位的链接。

3网页设计

1）网页的大小

网页的大小不应超过字节，以使用户在10秒钟之内能打开网页。

2）链接

为链接加上描述信息。当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过。＆＃8226;在链接旁注明下载文件的大小，帮助用户预测下载时间。

3）框架只有在必要时才使用框架。

4）在每一页的相同位置放置本网站标志。

4可访问性

1）下载速度

下载网页的时间应使用户能够接受，一般来说在10-20秒之间。

2）浏览器的兼容性

保证网页能被所有主要的浏览器兼容。

保证网页能被同一浏览器的不同版本兼容。

保证网页能被不同类型的显示器（如单色显示器和数字电视等）兼容。

3）搜索功能

提供本网站内的搜索能帮助用户更快地查找到所需的信息。

4）网站的可访问性

利用META标记为搜索引擎提供本网页的关键词和描述信息。按照规范向搜索引擎提交信息以保证站点能够被搜索到。

5）网站内容的可访问性

为多媒体（声音、动画等）提供等价的文本形式，以便使那些只能使用纯文本浏览器的用户能够获得网页的内容。同样，应为那些不能阅读和阅读困难的用户（如盲人）提供与文字等价的内容（如声音文件等）。

5媒体的使用

1）音频，动画和视频

只有在必要时（如示范、教学、演讲等）才使用。＆＃8226;避免循环播放。下载时应显示文件的类型和大小，以便让用户决定是否有必要等待。

2）图形和图像

只有当图形或图像真正有助于用户对信息的理解时才使用它。使用图像的缩略图技术。不要在搜索页面中使用图形。在必须使用图形的时候，可多次使用同一个图形。

6与用户的沟通（交互性）

在网站上提供网站所有者的email地址和联机表单，以便获取用户对网站的反馈意见。提供网上论坛、网络会议等功能，让用户能够共享观点和进行讨论。

7导航

每页中都应设有返回主页的链接。

应该把站点的内容按类别分组（一般应为7组左右）。

用户找到所需内容的点击链接次数要尽可能少（一般不应超过3次）。

应该保证用户点击链接时不会出现网页不存在的情况。应提供站点结构图以帮助用户更快地找到所需的信息。为用户提供反馈信息，告诉他目前在站点中的位置。

8一致性

网页布局应一致。文本的字型、字体和颜色应保持一致。导航帮助（如菜单条、按钮等）应一致。更详细的可以参看原文