移動端常見的手勢交互操做方式
上圖這張APP界面設計當中,包含了2種手勢流:
- 第一種手勢流是向下的。 只要用戶往下滑就會出現上面的三個菜單。 而後只要往上滑便可關閉。固然也能夠點擊關閉按鈕。
- 第二種手勢流是左右的滑動切換當前顯示的內容。
第一:常規設計的手勢操做分爲如下幾個重點來考慮:
首先,手勢自己或操做過程的設計應該可以體現並符合大多數或者特定文化表現的用法。特別是形象的、有意義的手勢更加容易記憶和學習。好比360瀏覽器提出的畫左迴旋表示返回上一頁。 其次,在設計過程當中,手勢自己的形狀或操做過程是從具體實物中簡化出來的,其內涵具備實物的隱喻意義。好比劃圈將某部份內容選中。 最後,將手勢設計完成後,要換位考慮用戶是否能夠適應和接受此操做。從而能夠檢驗用戶是否對容易上手。好比,將命令或品牌的中文或英文的首字母符號做爲該命令的手勢。 如用 「c」(copy)表示「複製; Baidu的小寫b來打開搜索。 基於幾個重點設計的手勢操做層出不窮,目前各類設備用戶均可以接受的操做除了在第一章提到的基本操做外,對對象的操做目前也有不少獲得了用戶的承認和接受。瀏覽器
第二:對於一些對象的操做也達成一些普適模式以下圖:
第三:對一些關於導航的操做也漸漸造成了一種約定俗成的手勢規則。
如ipad等大屏移動設備的觸摸手勢操做。 學習
最後,目前上面這些手勢都是大多數用戶被接受和承認:換句話說已經成爲移動用戶的使用習慣啦。
若是從方向上體現的功能來分析,能夠把手勢的功能大體這樣分類:字體
- 一、從功能上看,目前橫向滑動賦予的功能有:刪除、平級切換、返回首頁,,開關,滑塊,附屬功能。
- 二、從功能上看,目前豎向滑動賦予的功能有:下拉刷新,底部加載更多、全屏、上下篇切換、返回上一級,附屬功能。
- 三、拖動是更大力度的滑動,常見的是拉出附屬功能或其它隱藏內容。
- 四、 雙指收縮、拉開常見的功能是:圖片、字體放大,亮度調節,打開關閉,新增刪減等。
- 五、按住並拖動通常用於自定義(改變順序,加入,拉出等)。
因此,咱們在設計APP交互方式的時候,必定要遵循用戶行爲習慣。
經過用戶習慣分析的結果能夠給予手勢操做模式的指導性的方案,儘量的接近用戶平時操做習慣的操做模式和應用使用環境會將新方式的陌生程度降到最低。動畫
在移動端經常使用的手勢及功能
隨着移動技術的普及,移動平臺成爲更多用戶的選擇,所以,操做時所使用的手勢就愈加顯得重要。這些小動做對屏幕進行操做的時候,不只僅增長與移動設備的互動,也提升了操做者對結果的關注度。
不一樣的觸摸位置和方式會給用戶帶來不一樣的結果。手勢的應用也是在移動設備上的重要的用戶體驗,手勢對於移動端產品有着巨大的意義。設計
定義手勢
手勢是你與你的移動設備互動的基礎。咱們具體來分析會發現手勢其實分爲兩個狀態:接觸力和隨後的接觸活動。
觸摸力是用戶的手指在屏幕上按壓時產生的。例如,若是你在菜單項上點擊了一個最基本的手勢,你就有一個觸摸的操做。
接觸活動是針對接觸力後產生的結果。例如,你對一張圖片進行雙擊,圖片就會放大內容。
接觸的活動可能會和不一樣的接觸力組合,產生不一樣效果。3d
認識和分析一下經常使用手勢的類型及功能:
- 點擊: 經常使用的也是最基本的一個就是點擊。當你觸摸屏幕來執行一個動做,如打開你的電子郵件應用程序,用一個手指簡單的按壓,而後便可。
- 雙擊: 雙擊,用戶快速進行兩次點擊。如放大顯示圖片時,能夠經過一個手指雙擊放大。
- 滑動: 滑動手勢都很熟悉。用手指壓住屏幕,移動屏幕上的元素,鬆開手指。如鎖屏解鎖,經過滑動手勢解鎖。
- 拖動: 拖動,它的操做力度與滑動很類似,但控制速度不一樣。 如你想讓應用程序圖標移動到主屏幕的任意位置,你是否是用拖動呢?
- 輕掃刪除: 輕輕拖動,它的觸摸方式是同樣的,可是速度不一樣。 如在ISO中刪除一條信息的操做。
- 長按: 手指碰觸屏幕上的元素時,你須要持續一小段時間,而後鬆開手指。 能夠打開隱藏的功能面板,如複製、粘貼等功能。
- 長按和拖動: 長按,待所選的元素產生抖動效果時,能夠選擇並按住進行拖動。 如整理你主界面上的圖標排列方式和位置等。
- 雙擊和拖動: 經過手指快速雙擊元素,而後再拖動所選元素。 能夠放大查看某個區域中的內容。 如放大微博中圖片,方便查看。
- 捏開: 當須要移動屏幕上的內容放大時,捏開就是經常使用的另外一種手勢。 它須要同時用兩隻手指,而後把手指劃開,鬆開手指便可完成。如放大元素查看信息時使用。
- 閉合: 與捏開相反的一種手勢,按壓在屏幕時,兩隻手指向內滑動,鬆開手指。由此產生的效果常爲縮小。
- 雙指長按和拖動: 用兩根手指,按住,移動,而後鬆開手指。這種手勢方式經常使用於界面切換或者功能彈出。
- 雙指雙擊: 用兩根手指經過兩次去點擊。它一般用於縮放。
- 旋轉: 有時候,咱們會在移動設備上遇到移動內容或者移動動畫,這些都是旋轉來完成的。 須要用兩隻手指在對象的中心上壓下,而後繞着你的手指移動,當你完成操做時,同時擡起兩隻手指便可。 如地圖導航類應用,都須要你不斷的旋轉移動屏幕中的內容,得到更好的方向指示。
手勢的重要性
移動端上用戶界面的完整性是創建在手勢的基礎上,也正所以手勢纔是用戶體驗的中心。
因爲移動端產品屏幕相對來講都是比較有限的,設計師和開發人員須要不斷的保證最有效和最便利的手勢得以應用。
若是真的這樣作了,用戶會很容易的隨着心意獲得他們本身的操做所得,這就是一個偉大的用戶體現的縮影。
可是,當一個手勢不能向用戶直觀的表達,不能順利讓用戶與移動設備進行交互,那麼它就不能成爲一個好的或者明智的設計,這對於整個產品來講將是一個很大的傷害和打擊。
因此,設計師和開發人員必須經過記住這些基本的手勢,完美建立移動界面和用戶體驗,只有這樣的設計和移動產品纔會被用戶喜歡。cdn
問題:100個觸屏手勢分別都是什麼含義?