提高网站的设计可用性及有效性的十条原则（精选8篇）由网友“小灰狼”投稿提供，以下是小编帮大家整理后的提高网站的设计可用性及有效性的十条原则，欢迎大家分享。
篇1：提高网站的设计可用性及有效性的十条原则
决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性.访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标...
决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性.访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向.总之,用户不用的功能,就不该存在.
我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上.这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取.
网页设计有效性原则
为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的.
用户是怎么思考的?
通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样.来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接.事实上,页面的绝大部分,他们根本不看.
许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击.如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索.
用户看重质量和信誉.如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计.这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量.内容重于形式.
用户不是阅读,而是浏览.用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容.
用户不是阅读,而是扫视浏览.主要“高亮”区域在页面内容的中间断开了
互联网用户是无耐心且必须立即被满足的.非常简单的原则:如果一个网站没有达到用户的期望,设计师的工作就失败了,公司也会有经济损失.认知负荷越高、导航越不直观,用户越倾向于离开这个网站,寻找它的替代品.
用户不做最优的抉择.用户不会寻找最便捷的方法找到他们需要的信息.他们也不是线性浏览一个网页,按顺序从一个站点跳转到另一个站点.相反,用户是很容易满足的,他们通常选择第一个让他们满意的选项.只要他们找到一个他们觉得能指向期望目标的链接,他们通常会立即点击.最优的抉择是有难度的,需要花费很多时间.满意即可非常高效.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇2：提高网站的设计可用性及有效性的十条原则（2）
两个图片都显示网页阅读模式是非线性.右下方路径图显示用户浏览一个网页的视线轨迹 用户遵从他们的直觉.在通常的情况下,用户杂乱无章地...
两个图片都显示网页阅读模式是非线性.右下方路径图显示用户浏览一个网页的视线轨迹
用户遵从他们的直觉.在通常的情况下,用户杂乱无章地扫视而非阅读设计师们呈现的信息.根据Steve Krug的研究,最根本的原因是:用户不关心.“如果我们发现一些东西奏效,我们就会被吸引.这些东西是怎么运作的对我们来说不重要,我们只要能够使用它们就足够了.如果你的受众喜欢大的公告栏,就要做的就是设计一个更大的,公告栏.”
用户希望有可控感.用户想控制他们自己的浏览行为本身,且依赖网站呈现的连续的内容.例如,他们不想一个新窗口出乎意料地弹出,他们希望用“后退”按钮返回刚刚的页面;因此,从不在一个新的浏览窗口中打开超链接是一个好的行为.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇3：提高网站的设计可用性及有效性的十条原则（4）
2. 别浪费用户的耐心 在任何一个你想向用户提供服务或者使用工具的项目工程了,尽量使你的门槛降低,对用户的要求减少.一项服务要求用户...
2. 别浪费用户的耐心
在任何一个你想向用户提供服务或者使用工具的项目工程了,尽量使你的门槛降低,对用户的要求减少.一项服务要求用户付出的越少,越有可能被一个随机进入的访者真正尝试.如果不用填那些他们以后都不会再次用到的长长的网页表格,首次来访的用户都会愿意尝试服务.请让用户自由浏览网页,让他们不用交换私人信息就能尝试你的服务.强迫用户填写电子邮箱地址来测试用户特征是不合理的.
正如37Signals team的开发者Ryan Singe所言,用户们如果在看到产品之后被要求留下电子邮箱地址的话,可能是愿意的,因此他们对于留下电邮的回报是有想法的.
Stikkit是一个用户友好的极佳例子,它清晰易懂,且几乎不向访客索取任何东西.这也是你在你的网站应当使你的用户体验到的.
很明显,Mite就索取很多.但是整个注册表可以在30秒之内完成--因为网页是横向的,用户不需要滚动页面.
如果要理想化地去除所有的障碍,首先就是不需要贡献些什么或者填写注册.仅仅一个用户注册表本身就足以阻碍用户在网站的随意浏览行为,且会对网站浏览产生很大不利影响.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇4：提高网站的设计可用性及有效性的十条原则（5）
3. 抓住用户的注意 因为网站都是通常既提供静态的内容又提供动态的内容,一些用户界面就会比另一些更加吸引人.很明显,图像比文本更吸引...
3. 抓住用户的注意
因为网站都是通常既提供静态的内容又提供动态的内容,一些用户界面就会比另一些更加吸引人.很明显,图像比文本更吸引眼球--就好像加粗的句子比未加粗的更容易引起注意.
人类的眼睛是一个高度非线性运作的设备,网页用户能够直觉地识别边界、模式和运动.这是为什么视频广告特别容易引起反感,但是从市场营销的角度来说,他们的确完美地吸引了用户的注意.
很好地利用了焦点原理.这个页面上直接呈现给用户的视觉元素只有一个“free”,它非常地吸引注意力,当仍然非常简洁且信息传递单纯.细小的线索给用户提供了充分地信息去找到“free”的产品.
使用中等强度的视觉元素来将用户的注意力吸引到网页的特定区域,能够使你网站的访客不假思索地从A点轻松到达B点,忽略背后可能存在的逻辑关系.访客遇到的问题越少,就越会具有良好的方向感,且会更加信任这个网站呈现的公司.换言之:对于这个屏幕呈现的内容需要琢磨的越少,可用性的首要目标 --用户体验,就会越好.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇5：提高网站的设计可用性及有效性的十条原则（6）
4. 尽量使特征明显呈现 当代网页设计总是嘲笑用鲜明视觉效果的大按钮指示用户:第一步--第二步--第三步……但是从设计的角度来说,这些元...
4. 尽量使特征明显呈现
当代网页设计总是嘲笑用鲜明视觉效果的大按钮指示用户:第一步--第二步--第三步……但是从设计的角度来说,这些元素事实上并非化石.相反的,这些导航是极其有效的,因为他们能够以一种非常简单和友好地方式带领网页的浏览者在网站内容间穿梭.
将视觉的宜人性和清晰的网站结构相结合.这个网张有9个主要的导航选择,都放置在一眼能够看见的位置上.尽管,这些导航的颜色也许有些太浅了.
让用户看清楚功能的合理性是成功用户界面的基准.这个是否达到了,实际上并不重要,重要的是内容是否被很好地理解了,而用户是否觉得他们与这个系统的交互非常舒服.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇6：提高网站的设计可用性及有效性的十条原则（3）
1.别让用户思考 根据Krug的可用性第一原则,网页应当清晰且不言自明.当你创建一个网站的时候,你的工作就是避免问题--那些需要用户反复慎...
1.别让用户思考
根据Krug的可用性第一原则,网页应当清晰且不言自明.当你创建一个网站的时候,你的工作就是避免问题--那些需要用户反复慎重考虑前因后果才能做出决定的选择.
如果网站的导航和结构不是直观的,产生的问题就会数量大增,且使得用户很难理解系统是如何工作的,怎样才能从A点跳转到B点.一个清晰的架构,中等强度温和的视觉引导,易于识别的链接,可以帮助用户找到实现目标的途径.
让我们来看一个案例.Beyondis.co.uk 宣称自己是“超越栏目,超越产品,超越分布”的.这是何含义呢?自从发现用户倾向于“F”模式的网页浏览习惯,以上提到“栏目、产品、分布”是用户浏览网页时,首先必见的三元素.
虽然设计本身非常简单且直观,但用户仍然需要去找寻才能明白这个网页是做什么的.这就是所谓的不必要的问题.设计师职责是要让问题降到0.具有视觉效果的解释已经放在右边.只要交换左右模块的位置,可用性就会增加.
ExpressionEngine 使用了与Beyondi非常相似的结构,但避免了不必要的问题.更进一步的是,宣传性的口号起到了效果,用户们会选择尝试服务,下载免费使用版本.
通过减少认知负荷,你可以使访客更容易获取系统背后的思想.只要你做到了这一点,你就可以理解为何这个系统是有用的,而用户又是怎样从中获益的.如果人们在你的网页上迷路的话,他们是不会使用你的网站的.
厚诚集智 成长无限 企业大学网 www.51hlht.com
篇7：提高网站设计可用性(有效性)的10条原则
决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性，访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。
我们并不打算重复探讨操作细节(比如：“搜索工具栏”应当怎么放置)，相反，我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当，可以催产出更丰富的设计作品，且使呈现的信息更容易被获取。
网页设计有效性原则
为了能够合理利用这些原则，我们首先需要理解用户是怎样与网页交互活动的，是怎么思考的，行为的基本模式又是怎样的。
用户是怎么思考的?
通俗地讲，用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面，浏览其中的一些文本，点击他们最感兴趣的链接，或者隐约觉得能带他们找到他们想要内容的链接。事实上，页面的绝大部分，他们根本不看。
许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息，只要一些看起来符合期望的目标出现，用户就会去点击。如果新页面没有满足用户的期望，用户将点击“后退”，继续搜索。
用户看重质量和信誉。如果一个网站向用户提供了高质量的内容，用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平，但提供了高质量内容，就年复一年拥有着骄人的流量。内容重于形式。
用户不是阅读，而是浏览。用户分析一个网页的时候，寻找一些重要的节点或者锚点，目的是希望这些链接能够指引他们到期望的内容。
用户不是阅读，而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。
互联网用户是无耐心且必须立即被满足的。非常简单的原则：如果一个网站没有达到用户的期望，设计师的工作就失败了，公司也会有经济损失。认知负荷越高、导航越不直观，用户越倾向于离开这个网站，寻找它的替代品。
用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页，按顺序从一个站点跳转到另一个站点。相反，用户是很容易满足的，他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接，他们通常会立即点击。最优的抉择是有难度的，需要花费很多时间。满意即可非常高效。[ 视频 ]
两个图片都显示：网页阅读模式是非线性的，
右下方的路径图显示了用户浏览一个网页的视线轨迹。
用户遵从他们的直觉。在通常的情况下，用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究，最根本的原因是：用户不关心。“如果我们发现一些东西奏效，我们就会被吸引。这些东西是怎么运作的对我们来说不重要，我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏，就要做的就是设计一个更大的，公告栏。”
用户希望有可控感。用户想控制他们自己的浏览行为本身，且依赖网站呈现的连续的内容。例如，他们不想一个新窗口出乎意料地弹出，他们希望用“后退”按钮返回刚刚的页面;因此，从不在一个新的浏览窗口中打开超链接是一个好的行为。
1.别让用户思考
根据Krug的可用性第一原则，网页应当清晰且不言自明。当你创建一个网站的时候，你的工作就是避免问题——那些需要用户反复慎重考虑前因后果才能做出决定的选择。
如果网站的导航和结构不是直观的，产生的问题就会数量大增，且使得用户很难理解系统是如何工作的，怎样才能从A点跳转到B点。一个清晰的架构，中等强度温和的视觉引导，易于识别的链接，可以帮助用户找到实现目标的途径。
让我们来看一个案例。Beyondis.co.uk 宣称自己是“超越栏目，超越产品，超越分布”的。这是何含义呢?自从发现用户倾向于“F”模式的网页浏览习惯，以上提到“栏目、产品、分布”是用户浏览网页时，首先必见的三元素。
虽然设计本身非常简单且直观，但用户仍然需要去找寻才能明白这个网页是做什么的。这就是所谓的不必要的问题。设计师职责是要让问题降到0。具有视觉效果的解释已经放在右边。只要交换左右模块的位置，可用性就会增加。
ExpressionEngine 使用了与Beyondi非常相似的结构，但避免了不必要的问题。更进一步的是，宣传性的口号起到了效果，用户们会选择尝试服务，下载免费使用版本。
通过减少认知负荷，你可以使访客更容易获取系统背后的思想。只要你做到了这一点，你就可以理解为何这个系统是有用的，而用户又是怎样从中获益的。如果人们在你的网页上迷路的话，他们是不会使用你的网站的。
2. 别浪费用户的耐心
在任何一个你想向用户提供服务或者使用工具的项目工程了，尽量使你的门槛降低，对用户的要求减少。一项服务要求用户付出的越少，越有可能被一个随机进入的访者真正尝试。如果不用填那些他们以后都不会再次用到的长长的网页表格，首次来访的用户都会愿意尝试服务。请让用户自由浏览网页，让他们不用交换私人信息就能尝试你的服务。强迫用户填写电子邮箱地址来测试用户特征是不合理的。
正如37Signals team的开发者Ryan Singe所言，用户们如果在看到产品之后被要求留下电子邮箱地址的话，可能是愿意的，因此他们对于留下电邮的回报是有想法的。
篇8：提高网站的设计可用性及有效性的十条原则（9）
7. 别怕留白 事实上,在网页上留出空白区域的好处怎么估计都不过分.它不仅使网页访客的认知负荷减少,而且更容易获取网页所呈现的信息.新...
7. 别怕留白
事实上,在网页上留出空白区域的好处怎么估计都不过分.它不仅使网页访客的认知负荷减少,而且更容易获取网页所呈现的信息.新用户浏览网页时要做的第一件事情,通常是扫视全页,将内容区域在心理上划分成合适的组块,然后再对信息进行加工.
复杂的结构不易于阅读,扫视,分析和使用.如果有两种选择,一是用明显的竖线将两个区域隔开,另一个是使用一些空白达到这种效果,通常比较好的选择是后者,即留出空白.分层减少页面复杂感(Simon法则):视觉上的层次感觉越好,你网页上的内容信息就越容易被获取.
空白区域是很好的.Cameron.io用空白区域作为设计的主打元素.这样就使得主要信息被层次鲜明地突出了.
8. 用“可视化”语言有效交流
Aaron Marcus在“有效的视觉表达”一文中,曾经提及过三个基本原则,其中一个就“视觉语言”,即用户在屏幕上所看到的内容.
组织:为用户提供清晰稳定的概念结构.一致性,页面布局,模块关系和页面导航是组织中的重要概念.同样的表达方式和规则适用于所有元素.
经济化:尽量少地使用视觉元素.简约、清晰、区别性和重点突出,这四个要点需要被权衡.简约的含义是:只有表达需要的重要元素才可以被呈现.清晰则指的是:所有的组件都应当与它们传递的意义相吻合,不要引起歧义或者表达含糊.区别性是非常重要的,它要求所有元素都应当是独一无二的.重点突出则是指:关键的元素要能够被认知轻易捕获.
表达:使用用户能力能够接受的表达方式.为了使得表达顺畅,用户界面必须在可读性,易读性,结构,象征性,许多的观点,颜色和材质效果之间来找到一种平衡.在一个页面里最多只能用三种字体,最多只能用3种字号--文本每行最多呈现18个字或者50-80个字符.
厚诚集智 成长无限 企业大学网 www.51hlht.com
★ 关于日皮的作文
★ 师说教学反思
★ 广告宣传方案
★ 新闻宣传工作计划
【提高网站的设计可用性及有效性的十条原则（精选8篇）】相关文章：
网络营销服务协议2023-06-15
网络管理员协议书2022-05-07
档案员自我鉴定2023-02-28
公司年工作计划2023-07-31
高职院校毕业生就业工作探索教育论文2022-10-17
如何制好一个企业网站？2022-07-22
学校实施远程教育工作部署计划2023-06-22
全市共青团工作计划要点2023-07-17
教育局信息中心工作总结2023-02-17
科普工作总结2022-08-08