网站可用性设计中不容忽略的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解决方案。在网络中,这种方式准确地描述了用户的满意:用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。

  二、可用性背后的心理学

  婴儿鸭综合症

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

  无视广告

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


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

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

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

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

  视知觉的格式塔原则

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

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


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

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

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


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

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

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


  我们知觉到字母‘I’,‘B’,和‘M’,虽然我们事实上看到的形状,只有几行不同长度的白色空格彼此空悬。

  自我参照效应

  自我参照效应在网络写作中尤其重要,可以显著改善作者和读者之间的沟通。与我们个人观念相联系的事物要比那些和我们没有直接联系的事物记得更清楚。例如,阅读一篇文章后,用户能更好地记得他们个人经验中相关的人物,故事或事实。在可用性中自我参照效应通常被用在网络写作的表达和网站内容陈述。

  三、可用性术语表: 术语和概念

  眼球追踪

  眼球追踪是测量我们凝视的点(我们看着的地方)或者相对于头部来说眼睛移动的过程。眼球追踪监测记录眼球每次的运动,并在网站最活跃的区域高光显示。眼球追踪研究可以帮助估计浏览网站的用户是否舒适地使用网站,以及他们理解网站背后的架构和系统有多快。在最近的眼球追踪研究Eyetrack07 中,你可以找到一些有趣的可用性结果。


  折叠位置(Fold)

  折叠位置是指一个网站在屏幕上可见区域的最下方位置。当然折叠的位置也取决于你访客的屏幕分辨率。网页可见区域(也称为screenful)是指网页上不需要拉动滚动条就能看到的区域。既然折叠位置是不需要滚动就能看到,它常常被视为可能可以保证最高广告点击率和利润的区域。然而,折叠位置并没有那么重要。[Usability.gov]

  中心凹视(中心凹区)

  中央窝,人类眼睛的一部分,负责敏锐的中央视力,对于人类在阅读、看电视或电影、驾驶以及其他任何需要高度注意视觉细节的活动中,是非常必要的。中央窝是你的眼睛在瞄准时的一块小范围空间,它是你可以感知最高级别细节的唯一地方。中心凹区相当于两度视野或者放在你眼前的两个缩略图大小的紧密区域。这是你为游客传递最重要信息的地方。

  中心凹视是非常重要的,因为在这个宽屏区域外你的访客如何看你的网页变化非常大。在这部分区域内,是你的视线注意力最大的唯一区域——只有在这里没有眼睛扫描是必要的。

  注释

  注释是一个自动的行为,它在链接链向的地方和用户一旦点击会链向的地方提供提示和摘要信息。提示可通过链接的标题特征来提供。从可用性的角度来看,用户希望有充分控制一切正在发生在网站上的事情的权利;清晰和准确的内外部链接解释,合理的连接源头标签,都可以提高一个网站的可用性。

  优雅降级(容错系统)

  优雅降级是指一个网站即使在它的部件(部分或完全)已经无法显示或者无效的情况下还能展示内容和基本的功能的这种能力。在实践中这意味着网站在每一个可能“过失”的情况下显示内容,可在用户可能的每种配置下(浏览器、插件、连接、操作系统等等)被使用。为“骨灰级用户”提供的仍然是丰富的、增强的页面版本。例如,典型地为多媒体内容提供可替代的显示,以确保在图片无法显示的时候内容仍然可以感知。[维基百科:容错系统]

  粒度

  粒度是指一个大的、复杂的数据集或信息分成何种程度的更小的单位。

  热区

  热区是网站可点击的区域,一旦被点击时会改变它们的形式或者/和外观、这是典型的:当链接或者任何其他网站元素被点击时的焦点效应。


  Smashingmagazine.com上的热区和注释

  易读性(Legibility)

  易读性是指文章在视觉上是否明确。

  扫雷

  扫雷是指那些要确定网站链接的用户与网站的交互大多数情况下。在大多数情况下,扫雷是可用性问题中一个明确的警报信号。通常扫雷涉及用户在网页上快速移动光标或者指针,注视光标或指针在哪里有显示链接的变化。[Usability.gov]

  肉之谜导航系统(MMN)

  网络中的肉之谜导航描述了那种用户要想发现导航链接的目的点或者确定链接在哪里极其困难的设计。

  物理一致性

  这个概念描述了网站外观的一致性,-如logos的位置、导航、图形元素和版式的使用。物理一致性对于更好的方向和有效的网站导航是至关重要的。

  逐步强化(PE)

  逐步强化是一个设计战略,网站是以多层次的方式创建的——从适合所有浏览器的最基本的功能,再到更多的适合现行浏览器的加强的功能。逐步强化的主要优势在于它的“普遍可用性”——比如,事实上,它允许使用任何浏览器或者网络链接工具的人访问网站的基本内容和功能,同时它也提供使用更好网络带宽和更先进浏览器软件的用户更强版本的网页。[维基百科]

  可读性

  可读性描述了基于复杂句子和困难词汇的文字的可理解的程度。可读性的指标通常可以划分可用性层级,通过一些人轻易理解一篇阅读文章所需的年龄和级别来定。可读性不是易读性。[可用性的术语]

  用户为中心的设计(UCD)

  用户为中心的设计是这样一种设计理念,用户需求、偏好和行为决定了网站的基础,就是网站架构、导航和获取信息的方式。UCD被视为现代网络应用的标准方式,尤其是由于用户创造内容的兴起。在web2.0游客必须积极参与,因此需要最佳化他们需求的条件。

  警惕(持续关注)

  警惕是在长时间单调的任务中仍能持续关注的能力,比如校队文章查找拼写错误,提醒约会,自行修改文字处理机文档等。在现代网络应用中警惕的任务主要体现在后台、自动化和提供系统的可用性。

  走来即用的设计

  一个走来即用的设计是不言自明和直观的,所以第一次和一次性用户可以有效的使用它,而不需要实现介绍或培训。

  线框图

  线框图是一个网站基本的结构——骨架——描述了一个网站的思想、概念和结构。线框图可以被设计成介绍陈述,用来向股份持有者解释网站是如何设计的,提供了什么功能,用户是如何完成他们的任务的。线框图通常不会有任何视觉元素,或者一个完整的页面布局;他们往往是设计者画在纸上的初稿和草图。(作者:译言 shelafly )

时间: 2024-09-27 10:02:47

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

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

中介交易 SEO诊断 淘宝客 云主机 技术大厅 你不必在每件事情上取得别人的同意.作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂的网站架构下你的访客仍可能找到他们的路径.这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法.事实上,你的工作就是妥协处理错误的思想和误导的概念,而不是盲从它们. 在这种境况下,没有任何东西可以帮助你,除了和你工作中根本问题相关的深刻知识.但是,即使你知道这些知识,重要的是你还要知道如何称

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

网站界面设计中应该避免的六个错误

网站的界面设计是否精美决定着你的网站是不是足够吸引客户?很多设计师很迷茫,到底网站该重功能还是重设计,无法去满足所有用户的需求.下面小编为你总结了在网站界面设计中应该避免的六大错误,教你怎么留住客户. 避免程序太过复杂:必须使你的客户从打开网站到完成交易的整个过程都非常简单.安格瓦斯基表示,评估网站设计优劣时首先要站在顾客和浏览者的角度思考.从用户的角度出发,是作为一个网站最先应该考虑的.要让客户买得舒心才是最终目标. 避免全而不精:一个网站不可能面面俱到.仔细挑选要放上网的内容,精心组织,做到

网站BANNER设计中 中英文字体的结构分析

本来想写"Advertisemen中的字体结构分析",后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工作中对banner设计上的一点浅见,仅起抛砖引玉的作用. Banner的传达方式 [TOPIC] 针对网站中的banner Banner的本身形状:形状决定了其固定的构成方式,一般为矩形,横幅,左右结构和居中; Banner的文字特点:主题式,一般分为主标题和副标题,文字较多;设计的时候还需要考虑应用到网站各种尺寸推广图的可读

用户体验:10条有用的网站可用性设计参考

每个人都会赞同可用性是网站的一个很重要的方面的说法.无论你是在做一个作品集网站.网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键.这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值.这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. Form标签最好放到字段的上面 UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面.在很多的表单中,标签被放到字段的左边,

从10个方面来提高网站可用性设计

不论是企业网站.个人博客,或者购物网站.游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验. 可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述--无论是通过自身知识还是通过学习新方式来完成这种功能.我认为Jakob Nielson的解释非常到位,他说: 可用性是评估网站易用程度的一种属性.同时"可用性"这个词也指在设计过程中提高易用性的方法. 在本文中我希望能够提供一个可用性清单,内容覆盖了从视觉设计,到可以用在任何项目中的简单导航提示等多个方面. 1.

网页设计中最常见的30款英文字体

  关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外网站的时候,大家一定都会有或多或少的认识.其实不单单是在网页中,很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体. 想必大家也都能猜出来像 Arial.Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧! 首先,补充个小知识: 1.网页设计中的英文字体,一般有以下五类: serif(衬线) sans-serif(无衬线) monospace(等

网站界面设计中要如何为网站创建风格指南

旅途归来,一切安好.五天很短暂,回想起来基本只有将就算是蓝色的大海和天空,还有白花花的沙滩;有兴趣的朋友可以到我的微博中看看风景照什么的. 还好,回来之后并没觉得无法适应惯常生活一类,它们之间的区别只是"状态1"与"状态2"这样;把该做的事情立刻开始做起来吧,心里会安一些.之前一篇是"iOS Wow体验 - 第六章 - 交互模型与创新的产品概念"的前半部分.今天插播小文一篇,怎样为网站创建风格指南.进入正文,锵锵锵. 什么是风格指南?简单的说,就

阿里云数据库,破解大型网站架构设计中的数据存储难题

摘要:3月10日,2017阿里云网站行业热点问题和解决方案线下研讨会在上海举行.在本次研讨会上,阿里云数据库团队产品专家王义成(花名挚尤)针对于大型网站的数据库架构设计以及阿里云ApsaraDB所提供的服务管理和解决方案进行了深入介绍. 分享者简介:王义成(花名挚尤),阿里云数据库团队产品专家,负责阿里云NoSQL数据库的产品规划.加入阿里巴巴近5年的时间,参与过多种云数据库的产品设计工作.目前主要负责阿里云的MongoDB.Redis以及MemCache产品,旨在为广大客户提供安全可靠的数据库