当前位置:编程学习 > html/css >>

网站可用性设计中 不容忽略的30个基础概念

  你不必在每件事情上取得别人的同意。作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂的网站架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法。事实上,你的工作就是妥协处理错误的思想和误导的概念,而不是盲从它们。

  在这种境况下,没有任何东西可以帮助你,除了和你工作中根本问题相关的深刻知识。但是,即使你知道这些知识,重要的是你还要知道如何称呼这些概念,如何在讨论中用到它们。此外,准备一些你可能需要的准确术语在手边作为论据,对你的讨论也是有帮助的。

  在这篇文章,我们陈述了30个通常被遗忘、忽略和误解的重要的可用性问题、术语、规则和原则。可读性(readability)和易读性(legibility)有什么区别?究竟80/20和帕累托原则是什么意思?扫雷与满意度是什么意思?逐步强化和优雅降级又是什么?你都可以找到答案。

  一、可用性:规则和原则

  7±2 原则

  由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元。根据乔治 A .米勒(George A. Miller)的研究,人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据;然而关于神奇的“7,加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究。

  2秒原则

  一个松散的原则,即用户没有必要对某些系统响应等待2秒以上的时间,比如应用程序转换和开始的响应时间。选择2秒有点武断,但确是一个合理的数量级。可靠的原则就是:用户等待时间越少,用户体验越好。[可用性优先]

  3次点击原则

  根据这个原则,如果用户在3次点击中无法找到信息和完成网站功能时,用户就会停止使用这个网站。换句话说,这个原则强调明确的导航,逻辑架构和后续站点的层次结构。在大多数情况下,点击的次数是无关紧要的;真正重要的是,游客总是能知道他们现在在哪,他们去过哪,他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话,甚至10次点击,用户都会觉得OK。

  80/20原则(帕累托原则)

  帕累托原则(也被称为重要少数法则和因素稀疏原则)指出,80%的效应来自20%的原因。这是商业中的基本经验法则(“80%的销售额来自20%的顾客”),但也可以应用于设计和可用性。举例来说,我们可以通过确定那些贡献80%利润的20 %的用户、客户、活动、产品或程序,并最大限度地注意对他们适用,来显著提高效应

  8个接口设计的金科玉律

  作为接口设计研究的成果, Ben Shneiderman提出并收集了一些从经验中启发而来,适用于大多数交互系统的原则。这些原则适用于用户接口设计,也适用于网页设计。

  1. 争取保持一致性

  2. 为老用户提供可用的快捷方式

  3. 提供有益的反馈

  4. 设计结束功能的对话框

  5. 提供简单的错误处理

  6. 允许简单的逆转功能

  7. 提供控制感。支持内部控制点

  8. 减少短期记忆

  费茨定律

  由保罗费茨(Paul Fitts)发表于1954年,费茨定律模拟了人类活动,以目标距离和目标规模大小为函数,预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动,访客就必须从A点移动到B点。例如,这个规则对于如何放置内容区域,以更实用的方式,最大化内容可及性和提高内容点击率,是非常重要的。

  倒金字塔

  倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”,新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头,接着是关键点,最后那些次要的细节,如背景资料。由于网络用户需要即时的满足,这种倒金字塔写作风格,对于网络写作和更好的用户体验是非常重要的。就像尼尔森的支持

  满意

  网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反,他们永远扫描他们认为“足够好”的quick’n'dirty解决方案。在网络中,这种方式准确地描述了用户的满意:用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。

  二、可用性背后的心理学

  婴儿鸭综合症

  婴儿鸭综合症描述了游客倾向忠于他们记住的最初设计,并且通过与最初设计的相似度来判断其他的设计。其结果是,用户通常倾向于那些与他们记住的最初设计相类似的设计,不喜欢陌生的系统。这些可用性问题是很多系统重新设计时存在的:用户,习惯了以前的设计,对新的网站架构会感到不舒服,他们必须找到自己的方式去使用网站。

  无视广告

  网络用户具有忽视一切看起来像广告的东西,有趣的是,他们非常擅于这。虽然广告是被注意到了,但几乎一直是被忽略的。由于用户已经为网站上不同的任务构建了相关联的图式,在网站上搜索特定的信息时,他们只将注意力集中在网页的部分区域,就是那些他们认为可能是相关信息的地方,也就是,小文本和超链接。在这个例子中,大的色彩缤纷的地方或动画横幅广告和其他的图形是被忽略的。

  

banner-blindness-examples.jpg

 

  [来源:无视广告 一些发现和一些新发现]

  扣人心弦效应(蔡加尼克效应)

  人类无法忍受不确定性。我们倾向于对感兴趣的、未回答的问题尽快找到答案。扣人心弦效应就是基于这一事实的;扣人心弦的电影,文章和情节总是有出其不意的结果,往往总是以一个突然的震惊启示或者困难的局面离开。这种效应经常用在广告上:广告主往往通过要求游客解答刺激的问题,来迫使他们阅读广告,点击横幅广告或者跟进一个链接。

  扣人心弦效应由布鲁玛 W. 蔡加尼克(Bluma W.Zeigarnik)在1927年发现,这个效应在读者间建立了情感联系,在营销学中极其有影响力。游客们可以更好地记住是什么广告,甚至是最小的细节都能记得更清晰确切。在web写作中,扣人心弦效应也被用来吸引游客进入网站。(如“抓取我们的RSS-Feed,以确保您不会错过文章的第二部分!”)。

  视知觉的格式塔原则

  这些原则是人机交互设计心理方面的基本原则。

  接近法则认为,当我们知觉物体归类时时,易于把相近的物体归于一组。

  

\

 

  MTV音乐颁奖的接近法则的真实例子.

  相似法则指当内容元素彼此相似的时候我们会感知它们为一组。

  Prägnanz法则(图像-背景)指在知觉某个的视野时,一些物体(图像)看起来突显了出来,视野中的其他东西则消退到背景中。

  

\

 

  苹果机的标志可以被看作是一个正规笑脸和一个侧面欢喜的脸庞(看着计算机屏幕)

  对称性法则指我们在知觉物体时倾向于把物体知觉为一个中心周边对称的形状。

  连贯性法则指我们倾向于知觉联贯或连续流动的形式,而不是断裂或都不连续的形式,事实上它们并不连贯。

补充:web前端 , HTML/CSS  ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,