提升Web可用性设计的4个原则！

更新时间：2024-10-16 10:20:40

网站就是为服务用户而存在的，所以 Web 可用性设计需要围绕用户服务展开。网站易用性是指用户在某种环境下对网站功能、视觉效果、运行速度等方面体验感的一种衡量，在 Web 可用性设计中起到非常重要的作用。今天分享 4 个提升网站易用性的原则，帮助你进行 Web 可用性设计！它们分别是：一致性原则、易看原则、撤销重作原则、留白原则，一起来看看吧！本文使用的提升网站易用性设计资源全部来自于在线设计网站 —— 即时设计。

点击图片开启 Web 可用性设计👇

1、一致性原则

所有的网站设计都需要遵从人类的使用习惯与经验，保持 Web 可用性设计的一致性，不仅可以使网站形象的统一规范性，并且可以增加网站易用性，降低用户对功能的理解和使用成本。

当用户面对新情景的时候，首先会先在脑海中搜索曾经见过的、跟眼前事物类似的东西，并形成心理预设：这个功能应该是这样工作的！直白点说就是让看起来相似的事物可以做相似的事情，同样的文字、按钮、元素，触发的内容应该是相同的，用户就能比较容易地理解系统是如何工作的。

本人比较建议的方法是建立通用组件库或者设计规范！在线设计工具即时设计中就提供了很多大厂都在用的组件集合和设计规范，推荐大家试试看！

点击图片使用同款 Web 可用性设计规范👇

2、易看原则

• 突出以及弱化：

无论是浏览移动端页面还是 Web 端页面，我们通常采用的办法都是大面积扫视，一目十行都是少说了吧！所以对于重要内容要以醒目的方式突出才行，而无关紧要的内容需要给予剔除或者弱化。突出内容的方式有很多，加粗、下划线、斜体、换颜色等等都可以，弱化可以使用灰色、细体字或者降低透明度等方法。

• 遵循阅读原则：

在上下排列的菜单栏中，应该把最重要、最常用的功能图标放在最上面，因为我们的阅读习惯是由上至下的。网上有一个非常经典的注视轨迹热力图大家可以参考一下哦 ~ 总的来说就是要遵循先左后右，先上后下的轨迹。

点击图片使用同款 Web 可用性设计👇

3、撤销重做原则

以我本人的使用经验来说，当误触一些按钮但是找不到撤销方式时，一种焦虑无措的感觉就会上来 ~尤其是做设计的时候，因为如果无法撤销就代表着这张图要重新画了！所以在合并图层的时候都会特别小心 ~

作为设计师好像更能理解撤销重做原则的重要性！哈哈哈哈！尤其是使用一个新网站时，出错率非常高 ~ 所以我们在进行 Web 可用性设计需要确保系统提供撤销和重做功能，以减少用户的焦躁情绪，把更多的精力集中到任务本身。

点击图片使用同款 Web 可用性设计👇

4、留白原则

“less is more”，流传在设计界多年的箴言！留白虽然可能降低阅读的速度，但确实增加了阅读的理解度。画面中元素越少，人们的视线就不会被各种繁复的无用元素所干扰，就越能够聚焦。适当的留白可以减轻用户对操作目标的记忆负荷，提升网站易用性。还有还有 ~ 对于展示大篇幅文章的网站，行距也是很有讲究的，最好保持在 1.5 倍 - 2 倍之间哦！

5、小结

今天关于提升网站易用性的原则相关内容就分享到这里啦！看到这里我相信对于一致性原则、易看原则、撤销重作原则、留白原则，大家心里都有数啦！如果你还想了解更多提升网站易用性方面的内容 ~ 可以去即时设计看看哦！超多的设计资源一键免费试用！