增强功能在网页设计中的作用及应用实例描述

2022-05-14    分类: 网站建设

如果你是一名程序员,你可能听说过“渐进式增强”。尽管早在2003年就引入了这一概念,但随着响应性和适应性网页设计的出现,这一概念的受欢迎程度激增。渐进式增强指的是向所有用户提供基本功能和内容的网页设计策略,同时通过支持这些功能的平台(例如浏览器)上的特定附加功能增强用户体验。例如,所有平台上的所有用户都可以键入搜索框,但如果设备支持语音识别,则用户也可以口述其查询。仅支持语音查询且不键入内容的多设备接口将无法使用,因为它会阻止一部分用户使用该功能。

但是,在网站建设中增强的概念超越了编码,可以更广泛地应用于可用性,当我们设计任何涉及不同类型的用户的体验时,无论是使用不同平台或设备的用户,还是具有不同专业知识和网络知识的用户。增强功能是一种用户界面功能,可加快或丰富某些用户在某些平台上的交互。增强功能利用特殊的用户或设备功能,需要以更传统的方式进行备份,以实现相同的交互。本文列举一些增强功能在网页设计中的作用及应用实例描述,希望可以给你希望了解此项用户体验的人们带来一些帮助。

何时使用增强功能?

答案取决于两个因素:(1)技术及其可用的特性;(2)用户的能力。

技术可用性

如果您的软件将在具有不同功能的多个设备上运行,则可以在这些设备上使用某些增强功能来加快交互速度。例如,如果设备有摄像头,它可以快速扫描条形码。但对于那些没有摄像头的设备,应该仍然可以通过其他方法输入条形码。(这是最初的Web开发增强视图。)。类似地,3D Touch只能在iPhone6S上使用,因此手势只能用于访问界面的增强功能。

用户的知识和能力

如果用户不熟悉某种类型的交互(如手势),则该交互所支持的功能也应可通过界面中的其他路径访问。例如,在Safari for IOS中,背面功能是通过在左侧边缘水平滑动(增强)或点击屏幕底部的可见箭头来实现的。刷卡是一种增强,因为不是所有的用户都熟悉它作为这一点。

偶尔,用户可以熟悉一个手势,但可能很难准确地执行它。例如,使用垂直滚动条向下滚动是大多数成年人熟悉的功能;但是,将鼠标放在狭窄的滚动条内并不是一项简单的运动技能。因此,除了在小通道中移动鼠标外,大多数现代界面都支持其他向下滚动的方式。在大多数界面中,滚动条起到了增强的作用:它的值通常不是用于支持滚动,而是它的可视状态(A)提醒用户滚动,(B)通知用户已向下滚动了多远的页面。

增强功能使用的一些原则

增强的概念使我们能够快速回答以下问题:


  • 我是否应该隐藏右键单击时触发的上下文菜单中的重要功能?
  • 如何在响应站点中使用悬停状态?
  • 当触摸屏显示时,我是否应该使用水平滚动来模拟响应式站点中的触摸屏滑动?

所有这些功能的答案几乎是一样的:这些特性可以作为界面的增强来实现,但UI不应该依赖它们来完成任何一项任务-或者是因为一些用户不知道它们或者不想使用它们(在右键单击、摇动或其他新的手势,甚至是水平滚动的情况下),或者是因为一些用户会使用这些特性来完成任何一项任务(如右键单击、摇动或其他新的手势,甚至是水平滚动)。无法在某些平台上访问它们(在悬停的情况下)。换句话说,虽然我们通常不会在用户界面中提倡冗余,但是像这样的增强功能是值得欢迎的:您可以将它们作为UI快捷方式提供,但是人们应该能够使用其他界面功能来执行类似的任务。增强概念为我们提供了一个统一的、多设备和跨用户的用户体验指南-增强规则:可以提供利用特定用户或设备功能的增强交互,但它们不应成为访问界面功能的主要方式。

名称栏目:增强功能在网页设计中的作用及应用实例描述
本文网址:https://www.cdcxhl.com/news/153337.html

成都网站建设公司_创新互联,为您提供网站排名微信小程序品牌网站制作静态网站营销型网站建设做网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设