昆明UI培訓
達內昆明五一路

18487146383

熱門課程

怎么利用手勢交互來提升UI設計中的易用性和有效性呢?

  • 時間:2018-08-01 15:45
  • 發布:UI設計
  • 來源:達內新聞

怎么利用手勢交互來提升UI設計中的易用性和有效性呢?今天,我們來聊一聊移動端UI設計中,如何借助手勢交互提升易用性和有效性。

選擇對的手勢

當你想在你的UI中引入手勢交互的時候,應該先了解一下你的目標受眾可能會用的APP中所用的手勢,以及你的目標市場。在你的APP 中引入類似的手勢交互,能夠至少降低用戶轉移APP的時候的學習成本,這樣針對目標市場的手勢設計,讓用戶一開始就能以一種舒適的方式開始使用。

手勢學習

雖然手勢幾乎無處不在了,但是面對新的APP的時候,用戶還是不清楚哪些手勢可用,學習新APP的手勢交互幾乎是繞不過去的問題。絕大多數的界面交互沿用了最常用的點按、滑動和捏合手勢,通過這些手勢可以執行絕大多數的操作,其中點按是無疑是最常用也是最直覺的。但是,與顯性的圖形化的界面不同,手勢交互本身是隱形的,除非用戶實現知道某個界面某個位置可以用手勢交互,否則,用戶需要通過自行摸索和嘗試來發掘。

所以,從這個角度而言,只有設計師在界面中提供正確的視覺指引,用戶才會“正確地發現”手勢交互的存在。

避免在新用戶引導的時候加入手勢教程

許多手勢交互驅動的APP當中,設計師都習慣于將手勢交互的教程放在首次打開APP的時候。這樣帶有新用戶引導教程的APP非常之多,用戶需要在剛剛進入的時候,了解APP的功能、特點,學習操作等等等等。但是,這樣的教程展現方式本身并不夠優雅,也不夠有效。這種新用戶引導階段的前期教程所存在的主要問題,是用戶必須在一打開應用的時候,就記住一大堆的信息。如果信息和教程不多還好,稍多一些,用戶會很快陷入混亂。舉個例子,著名的效率應用 Clear,新用戶引導教程長達7頁,用戶需要非常耐心地看完它們才知道如何正確有效的使用這款應用。這樣的設計無疑是糟糕的。

在使用過程中提供教程

在用戶使用APP的過程中,結合用戶所處的界面、執行的操作、正在完成的任務和上下文信息來提供相應的手勢交互的教程。如果想要交給用戶一個新的手勢,那么你必須慢慢開始,不要指望一次搞定,不要急于求成。

所以,你需要給用戶的是一個迭代式的漸進的指引教程,恰到好處的提醒,并且你的引導應該是專注于單個交互的,而非一次給用戶灌輸盡可能多的信息。結合語境來提供教程和指引,才是最有效的。

下圖是 Android 版的Youtube 的APP中的手勢交互的引導界面,這款源自谷歌官方的應用采用的是標準的Material Design的手勢交互方式,用戶會在初次進入應用之后,適時地提供相應的手勢交互引導,一次一項,不會進行填鴨式的信息灌輸。簡練的文本引導,讓用戶能夠快速明白交互方式和結果。

使用動效來呈現手勢

手勢本身是動態的,它和動效本身有著高度的相似性。作為設計師,使用動效來呈現手勢的交互和效果是非常自然的邏輯。為了讓用戶能夠更為清晰的明白手勢的正確用法,你可以在相應的元素上加上文本說明,并且搭配相應的交互動效,展示操作方式和執行結果。就像下面的案例所示:

使用動效進行手勢交互引導的時候,有三種比較流行的方式。

第一種是提示動效。提示動效主要以預覽的形式展現了如何運用手勢來與特定的元素進行交互。它是作為手勢和觸發交互之間的橋梁而存在的。比如下面這個布丁怪物的游戲就是以手勢操作為主的,動效結合游戲場景,呈現給用戶交互的基本方式。

第二種方式也很有效,內容展示。相比于第一種方式,內容展示更加微妙,它向用戶呈現了交互所能呈現出來的內容和結果。就像下面這個案例,它簡單的展示了卡片之后還隱藏著其他的卡片,隱晦而微妙地暗示用戶,使用滑動手勢就能看到后面的卡片了。

第三種方式是著重推薦的,也是我認為最有效的一種,借助可供性設計的原理來呈現手勢交互。為了呈現手勢交互的可供性,設計師應該通過設計呈現出“用戶能怎么操作”,iOS 的鎖屏相機就是一個典型案例,當用戶在鎖屏狀態下點擊右下角的相機按鈕的時候,屏幕會向上彈跳,展示它是可向上滑動打開的(這一功能的“能指”)。

結語

手勢交互的實用性和泛用性是有目共睹的,它依賴于界面,并且高度依賴基礎的幾個單指和雙指手勢,但是它的隱藏性使得設計師的引導顯得無比重要。還好在最近幾年的經驗累積之下,手勢交互的引導模式有了如今這套相對成熟的經驗,動效、文本和提示可以有效的幫助用戶,逐步學會新界面的手勢交互。

UI設計

上一篇:怎么去搞定UI設計師面試上的一些問題呢?
下一篇:怎么讓自己的UI設計更好?

馬上預約三天免費體驗課

姓名:

電話:

UI設計在配色上有哪些技巧?

怎么讓自己的UI設計更進一步呢?

有時候ui設計很好可是用戶反饋差這是怎么回事?

怎么讓自己的UI設計更好?

選擇城市和中心
江西省

貴州省

廣西省

海南省

名优馆app官网ios