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

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

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

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

常見提示：當(dāng)用戶不知道按鈕的功能時，Hover可以提示用戶描述按鈕的功能而不改變原始布局：

合理的布局懸停可以使布局的設(shè)計更簡潔，并且許多易于使布局混亂的文字和描述可以暫時消失在布局上，但可以在適當(dāng)?shù)臅r間向用戶提供必要的信息。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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