增強(qiáng)功能在網(wǎng)頁(yè)設(shè)計(jì)中的作用及應(yīng)用實(shí)例描述

2022-05-14    分類: 網(wǎng)站建設(shè)

如果你是一名程序員,你可能聽說過“漸進(jìn)式增強(qiáng)”。盡管早在2003年就引入了這一概念,但隨著響應(yīng)性和適應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)的出現(xiàn),這一概念的受歡迎程度激增。漸進(jìn)式增強(qiáng)指的是向所有用戶提供基本功能和內(nèi)容的網(wǎng)頁(yè)設(shè)計(jì)策略,同時(shí)通過支持這些功能的平臺(tái)(例如瀏覽器)上的特定附加功能增強(qiáng)用戶體驗(yàn)。例如,所有平臺(tái)上的所有用戶都可以鍵入搜索框,但如果設(shè)備支持語(yǔ)音識(shí)別,則用戶也可以口述其查詢。僅支持語(yǔ)音查詢且不鍵入內(nèi)容的多設(shè)備接口將無法使用,因?yàn)樗鼤?huì)阻止一部分用戶使用該功能。

但是,在網(wǎng)站建設(shè)中增強(qiáng)的概念超越了編碼,可以更廣泛地應(yīng)用于可用性,當(dāng)我們?cè)O(shè)計(jì)任何涉及不同類型的用戶的體驗(yàn)時(shí),無論是使用不同平臺(tái)或設(shè)備的用戶,還是具有不同專業(yè)知識(shí)和網(wǎng)絡(luò)知識(shí)的用戶。增強(qiáng)功能是一種用戶界面功能,可加快或豐富某些用戶在某些平臺(tái)上的交互。增強(qiáng)功能利用特殊的用戶或設(shè)備功能,需要以更傳統(tǒng)的方式進(jìn)行備份,以實(shí)現(xiàn)相同的交互。本文列舉一些增強(qiáng)功能在網(wǎng)頁(yè)設(shè)計(jì)中的作用及應(yīng)用實(shí)例描述,希望可以給你希望了解此項(xiàng)用戶體驗(yàn)的人們帶來一些幫助。

何時(shí)使用增強(qiáng)功能?

答案取決于兩個(gè)因素:(1)技術(shù)及其可用的特性;(2)用戶的能力。

技術(shù)可用性

如果您的軟件將在具有不同功能的多個(gè)設(shè)備上運(yùn)行,則可以在這些設(shè)備上使用某些增強(qiáng)功能來加快交互速度。例如,如果設(shè)備有攝像頭,它可以快速掃描條形碼。但對(duì)于那些沒有攝像頭的設(shè)備,應(yīng)該仍然可以通過其他方法輸入條形碼。(這是最初的Web開發(fā)增強(qiáng)視圖。)。類似地,3D Touch只能在iPhone6S上使用,因此手勢(shì)只能用于訪問界面的增強(qiáng)功能。

用戶的知識(shí)和能力

如果用戶不熟悉某種類型的交互(如手勢(shì)),則該交互所支持的功能也應(yīng)可通過界面中的其他路徑訪問。例如,在Safari for IOS中,背面功能是通過在左側(cè)邊緣水平滑動(dòng)(增強(qiáng))或點(diǎn)擊屏幕底部的可見箭頭來實(shí)現(xiàn)的。刷卡是一種增強(qiáng),因?yàn)椴皇撬械挠脩舳际煜に鳛檫@一點(diǎn)。

偶爾,用戶可以熟悉一個(gè)手勢(shì),但可能很難準(zhǔn)確地執(zhí)行它。例如,使用垂直滾動(dòng)條向下滾動(dòng)是大多數(shù)成年人熟悉的功能;但是,將鼠標(biāo)放在狹窄的滾動(dòng)條內(nèi)并不是一項(xiàng)簡(jiǎn)單的運(yùn)動(dòng)技能。因此,除了在小通道中移動(dòng)鼠標(biāo)外,大多數(shù)現(xiàn)代界面都支持其他向下滾動(dòng)的方式。在大多數(shù)界面中,滾動(dòng)條起到了增強(qiáng)的作用:它的值通常不是用于支持滾動(dòng),而是它的可視狀態(tài)(A)提醒用戶滾動(dòng),(B)通知用戶已向下滾動(dòng)了多遠(yuǎn)的頁(yè)面。

增強(qiáng)功能使用的一些原則

增強(qiáng)的概念使我們能夠快速回答以下問題:


  • 我是否應(yīng)該隱藏右鍵單擊時(shí)觸發(fā)的上下文菜單中的重要功能?
  • 如何在響應(yīng)站點(diǎn)中使用懸停狀態(tài)?
  • 當(dāng)觸摸屏顯示時(shí),我是否應(yīng)該使用水平滾動(dòng)來模擬響應(yīng)式站點(diǎn)中的觸摸屏滑動(dòng)?

所有這些功能的答案幾乎是一樣的:這些特性可以作為界面的增強(qiáng)來實(shí)現(xiàn),但UI不應(yīng)該依賴它們來完成任何一項(xiàng)任務(wù)-或者是因?yàn)橐恍┯脩舨恢浪鼈兓蛘卟幌胧褂盟鼈?在右鍵單擊、搖動(dòng)或其他新的手勢(shì),甚至是水平滾動(dòng)的情況下),或者是因?yàn)橐恍┯脩魰?huì)使用這些特性來完成任何一項(xiàng)任務(wù)(如右鍵單擊、搖動(dòng)或其他新的手勢(shì),甚至是水平滾動(dòng))。無法在某些平臺(tái)上訪問它們(在懸停的情況下)。換句話說,雖然我們通常不會(huì)在用戶界面中提倡冗余,但是像這樣的增強(qiáng)功能是值得歡迎的:您可以將它們作為UI快捷方式提供,但是人們應(yīng)該能夠使用其他界面功能來執(zhí)行類似的任務(wù)。增強(qiáng)概念為我們提供了一個(gè)統(tǒng)一的、多設(shè)備和跨用戶的用戶體驗(yàn)指南-增強(qiáng)規(guī)則:可以提供利用特定用戶或設(shè)備功能的增強(qiáng)交互,但它們不應(yīng)成為訪問界面功能的主要方式。

網(wǎng)頁(yè)名稱:增強(qiáng)功能在網(wǎng)頁(yè)設(shè)計(jì)中的作用及應(yīng)用實(shí)例描述
文章源于:http://www.bm7419.com/news37/153337.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、自適應(yīng)網(wǎng)站響應(yīng)式網(wǎng)站、微信小程序、網(wǎng)站建設(shè)、Google

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司