本文作者對手勢和功能進行了一些總結(jié)，enjoy~

鼠標和鍵盤是個人電腦上最主要的輸入工具。然而對于移動端產(chǎn)品來說，與產(chǎn)品進行交互主要靠的是我們的手，或者說手勢。手勢成為了一種強大的交互模式，可以說一款產(chǎn)品在移動端能否取得成功很大程度上取決于你所構(gòu)建的手勢體系是否好用。

目前來說常見的手勢有：觸摸，滑動，拖曳，輕擊，按住不放和多點觸控等。手勢的應(yīng)用可以通過減少操作流程中的步驟來提升用戶體驗。其實大部分手勢非常的簡單易懂，一旦用戶學會了就不會忘記。但是有些手勢用戶很難發(fā)現(xiàn)，你可能都不知道其存在性，更談不到去學了。這讓我想起經(jīng)常在朋友圈看到一些文章《 XXX的這些功能，99%的人都不知道》。其實手勢跟功能是無法相互剝離來說的，因為手勢是為了功能而服務(wù)的，所以在下面我會把手勢跟功能融合在一起說。

點擊

首先來說，最常見的點擊。其實用戶對于界面中可點擊的元素都有了一定的認識。比如，他們知道按鈕是可以點擊的，置灰的按鈕不可點擊，文字帶有配色是可以點擊的(一般是藍色或者企業(yè)色);圖標也是可以點擊的。用戶可以發(fā)現(xiàn)大部分的點擊手勢。

但是也有例外，以QQ的好友互動標為例。從我個人角度來說，最開始我以為是那個好友改呢稱了，因為現(xiàn)在也有很多人的昵稱中帶有表情。我沒有意識到那個是互動圖標，更談不到點擊了。

其實手勢相同的功能在不同的產(chǎn)品中會有不同的展示形式。以簽到功能為例，閱讀類應(yīng)用一般來說功能結(jié)構(gòu)比較簡單，作為行為召喚元素的簽到按鈕在這里可以做的稍微寫實一點來凸顯出來。但是在功能比較多且結(jié)構(gòu)復雜的產(chǎn)品中這樣做就不太現(xiàn)實了，飛豬的簽到頁面有太多的內(nèi)容，有太多需要展示的信息。如果這里的簽到按鈕使用了陰影，高光的樣式來進行凸顯，那么考慮到設(shè)計的一致性其他地方的按鈕是否也要用相同的樣式?那么整個頁面就會顯得特別亂。

強弱化處理

就像我在上面說的，功能和手勢是不能相互剝離的。有的功能比較重要，所以我必須以清楚明確的視覺設(shè)計來給用戶一個手勢的指引。但是有些次要的功能，或者我們不希望用戶使用的功能，在設(shè)計的時候我們要進行弱化。

以微信為例，其對“退出登錄”按鈕進行了弱化，微信中的按鈕樣式是填充了綠色的圓角矩形。其實這種弱化也很容易理解，微信肯定不希望用戶退出當前的賬號。

同樣的道理，在同是鵝廠旗下的QQ中“添加或者注冊賬號”我表示歡迎，退出當前賬號你就慢慢找吧。

接下來再說一個反面例子，一些用戶為了在理財時簡化操作流程會選擇開通短信免驗證功能，這樣子就不用購買一次理財就要輸入一次短信驗證碼。開通成功的結(jié)果頁面中“取消免驗證”按鈕沒有進行弱化，一些心急的用戶可能以為是“返回”按鈕就點擊了下去。這樣又要重新驗證一次了。

文字的力量

有的時候為了提高點擊率，我們會給元素添加一些文字。

例如：支付寶中我的快遞，月賬單，我的健康等這些模塊的下方都有立即查看的“按鈕”。其實這些“按鈕”沒有多大的實際操作意義，因為用戶不用非要點擊到那個按鈕，只要點擊到了這個模塊的任何區(qū)域都可以完成跳轉(zhuǎn)。這里的“按鈕”是作為一種行為召喚元素來吸引用戶注意力，告訴用戶這個是可以點擊的。

滑動

相比于點擊來說，給滑動手勢設(shè)計引導就更難了。首先你不給提示的話，用戶很難自己知道原來這里可以滑動。

一些用戶 可能需要用了微信很久以后才發(fā)現(xiàn)原來每一個對話框都是可以滑動的。而且我們在使用一款新的應(yīng)用時，我們會習慣在界面上點來點去去熟悉這個應(yīng)用，很少有用戶會嘗試去滑動。給用戶展示滑動手勢最常見的方法有兩種。一是在添加滑動進度條的樣式，一般是由圓形和圓角矩形這類比較簡單的基本幾何形狀構(gòu)成。

二是對于隱藏內(nèi)容的部分展示，這屬于給用戶提供了一個暗示，表明了操作的可能性。往右邊滑動或許能看到更多的信息。例如天氣應(yīng)用中對于15時的天氣狀態(tài)展示了一點，讓用戶了解滑動可以看到更多的信息。

動效的應(yīng)用

當然會存在一些手勢很難給用戶說清楚，我們可以使用動效來用戶最直觀的展示。

總結(jié)

其實一款產(chǎn)品中有很多的功能，大部分用戶是不會用到的，同樣的功能在不同的產(chǎn)品的產(chǎn)品會有不同的展示。展示方式的不同也會造成手勢模型的差異。

網(wǎng)站欄目：app隱藏手勢設(shè)計總結(jié)
分享URL：http://www.rwnh.cn/news46/164996.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、App設(shè)計、虛擬主機、網(wǎng)頁設(shè)計公司

廣告

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