如何設計手勢驅動的用戶界面

深圳網站制作還記得那些用鼠標懸停和點擊的時間是與站點或應用程序交互的最常用的觸發器嗎？那些日子過去了。當蘋果推出第一款iPhone時，多點觸控技術成為主流，用戶了解到，他們不僅可以在界面上點擊和點擊，還可以進行壓縮、擴展和刷卡。手勢成為新的點擊。

今天，移動UI的成功可以通過它如何有效地使用手勢來實現。

如何選擇好的手勢

當在你的UI中加入手勢時，了解你的市場和你的目標用戶可能使用的其他應用程序是很重要的。嘗試在應用程序中使用相同類型的手勢。這樣，你不僅可以根據目標市場的行為優化用戶界面，而且從一開始就為用戶設計了一種更舒適的方法。

教學的手勢

手勢在每個移動應用程序中都是必須的，但對于用戶來說，這顯然是一個挑戰。觸摸界面提供許多機會使用自然的手勢，如點擊、刷卡和捏來完成事情，但不同于圖形用戶界面控件，基于手勢的交互常常隱藏在用戶中。因此，除非用戶事先知道手勢存在，否則他們不會嘗試。

因此，設計發現是至關重要的。你需要確保你提供正確的線索，視覺藝術的價值，幫助用戶發現很容易他們怎么能與界面相互作用。

避免在入職輔導和演練

教程和演練手勢驅動程序相當流行的做法。在許多應用程序中包含教程，意味著向用戶顯示一些指令來解釋接口。然而，UI指南并不是解釋應用程序核心功能的最優雅的方法。前期教程的主要問題是，用戶一旦進入應用程序，就必須記住使用這些應用程序的所有新方法。過多的信息可能會導致更多的混亂。例如，明確的應用程序從一個強制性的7頁的教程和用戶有耐心地閱讀所有的信息，試圖把它自己的記憶。這是一個糟糕的設計，因為它要求用戶在實際試用應用程序之前就要進行前期工作。

在行動的背景下教育

當教用戶使用UI時，我建議主要通過在動作的上下文中進行教育（當用戶確實需要它的時候）。為了給人們一個新的姿態，你必須慢慢地開始。給定一些迭代，指令可以轉換成一個更漸進的發現。使用即時提示，專注于解釋單個交互，而不是試圖解釋用戶界面中的每一個可能的操作。通過提供明顯的上下文線索暗示手勢。

下面你可以看到一個手勢教育屏幕從YouTube應用程序的Android。該應用程序具有基于手勢的交互，但不使用教程來指導用戶。相反，它使用在第一次啟動時出現的新用戶的提示，當用戶到達應用程序的相關部分時，每次都會出現一個。該技術基于文本命令，提示用戶執行手勢，并用簡短而清晰的描述描述交互的結果。

使用動畫來傳達手勢

如果沒有動畫，手勢就可以用得上。作為一名設計師，您可以利用動畫來傳達關于可用操作的信息。例如，為了讓用戶意識到它們可以與某個元素交互，可以在交互元素上創建一個文本命令，并對交互結果進行動畫處理，如下面的示例所示。

根據動畫的使用，有三種流行的技術來幫助教育用戶。第一個是提示動作。提示動作，或動畫視覺提示，顯示了在執行動作時如何與元素交互的預覽。它的目的是在手勢和觸發動作之間建立關聯。例如，布丁怪物的游戲機制完全是基于手勢，但他們允許用戶知道該怎么做，而不必猜測。動畫傳達functionality-a情景信息展示與動畫，它立即變得清晰，用戶要做什么。

第三個和最后的技術，我想提及的是啟示。你可以給你的UI高啟示點用戶功能界面中的一些元素，并利用反彈或脈沖作為一個可用的姿態指示器。這種技術的一個例子可以在蘋果iOS中找到。當用戶輕敲相機圖標時，鎖定屏幕會反彈，露出攝像機應用程序。

結論

雖然觸摸手勢在我們身上幾乎看不見，但是有很多設計技巧可以讓用戶看到可能發生的事情。只是在時間的提示，動畫的線索和內容逗是一些隱藏的姿態可以的方式
拼音 雙語對照