對(duì)于Web瀏覽器，對(duì)按鈕控件的一些更改可以說是一種熟悉的機(jī)制：使用鼠標(biāo)瀏覽時(shí)容易感覺到的三種效果是Normal，Hover和Archive，它們是常用的按鈕。狀態(tài)，鼠標(biāo)光標(biāo)移動(dòng)到頂部的效果，以及單擊按鈕時(shí)的效果。

還有一種我們稱之為Focus的效果。焦點(diǎn)主要指的是當(dāng)使用鍵盤的標(biāo)簽按鈕“定位”網(wǎng)頁(yè)上的控件時(shí)所針對(duì)的狀態(tài)。雖然鼠標(biāo)現(xiàn)在是操作電腦的主要設(shè)備，但在某些情況下，如填寫表格，讓用戶直接使用鍵盤的標(biāo)簽來切換輸入字段，而不是不斷地在鼠標(biāo)之間來回移動(dòng)和鍵盤。它會(huì)變得更加順暢。因此，在注重用戶體驗(yàn)的表格系統(tǒng)設(shè)計(jì)中，輸入框的焦點(diǎn)效果將受到關(guān)注：

　　網(wǎng)頁(yè)上常見的互動(dòng)效果：Hover

在網(wǎng)頁(yè)中，懸停效果是經(jīng)常應(yīng)用的效果。除了有效地向用戶提供消息“我現(xiàn)在準(zhǔn)確地瞄準(zhǔn)鼠標(biāo)”和“這可能是一個(gè)交互式控件”之外，Hover Effects還經(jīng)常用于提供大量額外信息：例如，在Dribble的瀏覽中，我們經(jīng)?？吹阶髌返膱D片，作品的名稱和描述都是用懸停效果設(shè)計(jì)的：/p>

常見提示：當(dāng)用戶不知道按鈕的功能時(shí)，Hover可以提示用戶描述按鈕的功能而不改變?cè)疾季郑?/p>

合理的布局懸?？梢允共季值脑O(shè)計(jì)更簡(jiǎn)潔，并且許多易于使布局混亂的文字和描述可以暫時(shí)消失在布局上，但可以在適當(dāng)?shù)臅r(shí)間向用戶提供必要的信息。

　　然而在觸控式螢?zāi)恢?，Hover 卻變得寸步難行

與桌面操作系統(tǒng)不同，觸摸屏設(shè)備由于其操作特性而沒有鼠標(biāo)光標(biāo)。因此，操作是用手指或觸控筆直接點(diǎn)擊感測(cè)面板，以便用戶可以執(zhí)行動(dòng)作。外部：?jiǎn)螕?，雙擊，長(zhǎng)按和向各個(gè)方向滑動(dòng)（多指手勢(shì)屬于某些系統(tǒng)的特殊操作，因此這里不再討論）。

例如，iOS系統(tǒng)中App圖標(biāo)的控制旨在單擊匯海應(yīng)用程序，長(zhǎng)按可以刪除或移動(dòng)操作：

另一種常見的基于觸摸的操作模式是iOS中熟悉的下拉刷新功能。單指滑動(dòng)手勢(shì)取代了傳統(tǒng)的刷新按鈕：

因此，在開發(fā)App時(shí)，設(shè)計(jì)者必須考慮設(shè)備本身的特性，并且必須改變觸摸系統(tǒng)操作的設(shè)計(jì)。例如，Plant Nanny設(shè)計(jì)了一個(gè)按鈕，必須按下2秒才能完成任務(wù)：一方面，避免了錯(cuò)誤。一方面，觸摸可以在這2秒內(nèi)匹配聲音效果，營(yíng)造出“飲用水”的感覺。

　　在觸控設(shè)備中，該怎麼達(dá)到 Hover 的效果呢?

由于觸摸設(shè)備上的操作特性完全不同，并且使用觸摸設(shè)備瀏覽信息的用戶比例越來越高，許多網(wǎng)站必須考慮如何調(diào)整觸摸設(shè)備瀏覽的需求：

放棄懸停效果并使用檢測(cè)瀏覽器的設(shè)備提供不同的布局

例如，Behance的網(wǎng)絡(luò)版和移動(dòng)應(yīng)用程序顯示不同的布局配置

單擊一次以觸發(fā)懸停效果，再次單擊以觸發(fā)單擊

例如，網(wǎng)格網(wǎng)站也使用鼠標(biāo)懸停來顯示標(biāo)題和信息設(shè)計(jì)。使用觸摸設(shè)備瀏覽時(shí)，機(jī)制會(huì)自動(dòng)更改為按順序顯示懸停效果，然后再按第二次實(shí)際點(diǎn)擊：

另一種類似的方法是App Store中的購(gòu)買按鈕，它使用兩階段按鈕來提示用戶“更多額外信息”。例如，顯示應(yīng)用程序的價(jià)格。當(dāng)用戶單擊一次時(shí)，按鈕的外觀會(huì)發(fā)生變化。描述更改為按下印刷機(jī)后實(shí)際執(zhí)行的操作（購(gòu)買和下載并安裝）。當(dāng)然，它還有一個(gè)兩階段按鈕設(shè)計(jì)，可防止用戶意外觸摸應(yīng)用程序并購(gòu)買應(yīng)用程序。

我不知道它是否符合設(shè)計(jì)的一致性。雖然桌面上按鍵誤觸的情況不太明顯，實(shí)際上，OSX桌面版的App Stroe也設(shè)計(jì)了這個(gè)兩階段按鈕，但iTunes 11卻沒有這樣做。也許它將在下一個(gè)版本中統(tǒng)一。

使用長(zhǎng)按和滑動(dòng)來模擬鼠標(biāo)光標(biāo)的進(jìn)度

然而，該方法的學(xué)習(xí)成本相對(duì)較高：普通觸摸屏用戶不熟悉UI操作模式，并且在瀏覽完整布局的情況下，用戶不斷按下觸摸屏并滑動(dòng)全屏。這是一件非常困難的事情，手指很容易阻擋視線，而是覆蓋您想要向用戶顯示的信息。

因此，這種長(zhǎng)按和滑動(dòng)操作模式主要用于游戲中，并且主要用于控制某個(gè)區(qū)域（例如憤怒的小鳥，水果忍者等，或模擬傳統(tǒng)操縱桿的游戲，例如Minigore）。等一下。

提供特殊功能來模擬鼠標(biāo)的效果

雖然觸摸設(shè)備沒有鼠標(biāo)光標(biāo)，但仍然可以通過使用筆記本電腦來模擬觸摸板來模擬鼠標(biāo)光標(biāo)的效果。例如，Puffin瀏覽器提供“虛擬觸摸版”的功能。模擬鼠標(biāo)光標(biāo)的存在。然而，仍然存在缺點(diǎn)：虛擬觸摸版本的設(shè)計(jì)嚴(yán)重影響觸摸設(shè)備體驗(yàn)的直觀性和平滑性。

不同的瀏覽設(shè)備具有不同的瀏覽方法，并且在設(shè)計(jì)期間自然需要考慮各種情況。如此簡(jiǎn)單的是網(wǎng)頁(yè)上的懸停效果，您如何在觸摸設(shè)備上進(jìn)行排列？是否要更改布局并讓Hover的信息直接顯示？?jī)刹近c(diǎn)擊是否會(huì)影響用戶的瀏覽體驗(yàn)？實(shí)際上，Hover的顯示信息根本不重要。最好直接丟棄它嗎？

并且不存在可應(yīng)用于所有設(shè)計(jì)的解決方案。每個(gè)人都應(yīng)根據(jù)產(chǎn)品的特點(diǎn)進(jìn)行設(shè)計(jì)，并為產(chǎn)品選擇合適的解決方案。 “觸控設(shè)備不一定會(huì)改變世界，但有些設(shè)計(jì)已經(jīng)改變?！薄！?/p>