當前位置:才華齋>設計>網頁設計>

如何描述APP的隱藏手勢操作

網頁設計 閱讀(2.27W)

手勢操作,是通過手指輕微移動來讓使用者操作應用。觸屏介面提供了許多自然的手勢,比如點按、滑動、雙指縮放。但這些互動方式不像UI控制元件,通常對於使用者是不可見的。除非使用者事先了解手勢存在,否則他們並不會嘗試使用。如何加入隱藏手勢呢?以下是小編為大家搜尋整理的如何描述APP的隱藏手勢操作,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

如何描述APP的隱藏手勢操作

  首次開啟時的教程和引導頁

在手勢為主的應用中,教程和引導頁相當常見。許多情況下,在應用中加入教程意味著向用戶說明、解釋介面。但是,UI教程並不是闡述應用核心功能的最簡潔方式。這種方式存在兩個問題:

如果你要給產品準備說明書,就說明與使用者的溝通還不到位,因為他們可不希望使用前還要讀說明書。

  另一個問題在於,使用者不得不記住所有這些新的用法。

舉個例子,Clear應用一開始會展示7頁教程,使用者得耐心閱讀所有資訊,嘗試記在腦海中。這個設計很糟糕,因為它需要使用者在真正開始使用之前就付出精力。

  Clear的教程

避免使用強制性的多步引導,要試圖在操作所處環境中教育使用者(這時候使用者真正需要相應功能)。幾經迭代後,教程可以變成更加平緩的暗示。

關注單個操作,而不是試圖在介面中解釋每一個操作。

以Android版YouTube的手勢操作指引為例:

  Android版Youtube

這個應用有用到手勢操作,但並不是通過教程的方式教育使用者。它反而是在新使用者首次觸發時進行了暗示,每次只介紹一處,而且只在使用者進入相關功能時才觸發。

  如何在情境中教育使用者

在情境中教育的技巧,能幫助使用者以一種從未嘗試過的方式操作某個元素或介面。這種技巧通常包含輕微的視覺提示和微妙的動畫。

  純文字指令

這個技巧主要依靠純文字指令,促使使用者執行某個手勢操作,並且簡明地描述這個操作的`結果。

  注意:說明文字要非常簡短——文字越短,使用者越可能會閱讀,然後才能遵照它的指引。

  圖片來源:Material Design

  提示動效

提示動效(或者動畫暗示)表現了執行操作時具體手勢的效果預覽。例如,Pudding Monsters遊戲的訣竅就是完全依靠手勢操作,但是使用者不必過多猜測就能掌握基本玩法。動畫傳達了功能方面的資訊——用動畫來展現一個具體場景,使用者立馬明白該怎麼做。

提示動效展現瞭如何操作一個元素。來源:Pudding Monsters

  內容的暗示

內容暗示是一種微妙的視覺線索,表明了操作的可能。下面這個例子展示了卡片的內容暗示——當前卡片的下方還有其他卡片,這顯然表明它是可以滑動的。

展現出導航功能。來源:Barthelemy Chalvet

  結論

總之,在移動或網頁應用中展現手勢操作方式,並沒有萬能的方案。不過在教育使用者操作介面時,我比較推崇通過內容暗示、漸進式提示和微妙的動畫,在具體情景中教育使用者。教程和引導頁應該只作為最後手段。