下載體驗近30個大廠APP 后,我總結了8個提升交互表示的技巧 - 優設網 - UISDC

下載體驗近30個大廠APP 后,我總結了8個提升交互表示的技巧

2019/08/12 16334評論 5

在我們日常的產品設計中,交互上的表達(反饋、動效)能將信息很好地展示給用戶,而無論什么樣的交互表示,都是對用戶的操作效率、業務目標的提升有很大贊助的。

所以本文集合了淘寶、支付寶、QQ瀏覽器、百度瀏覽器、抖音、高德地圖、馬蜂窩等眾多一線產品,為你整理了 8 個可以提升交互表示的方式和技巧,讓你在平時的設計工作中,可以盡量地提升用戶的操作效率和業務目標的轉化。

實時更換效果

云南体彩网在需要用戶進行多項內容的選擇時,可結合具體場景,向用戶展示選擇后的效果預覽。將用戶的選擇內容「可視化」,贊助用戶進行決策與配對內容。

云南体彩网如首次進入 UC 瀏覽器,用戶在選擇分歧的興趣類型時,會同步展示對應的標簽形象。這種優化方式,極大提升了用戶對資訊類型的篩選,方便產品推送對應的資訊信息。

跟隨用戶的操作

云南体彩网大部分產品的功能都是「固定好位置」的,但用戶的手指操作區域卻是靈活多變的,為了進一步提升用戶操作效率,有些產品會把功能設置跟隨用戶的操作而展示。

云南体彩网如夸克瀏覽器,在觀看視頻時點擊屏幕右側,就會涌現操作圖標;而點擊屏幕左側,操作圖標則在左邊涌現。

還有抖音,會根據用戶手指的點擊/長按位置,來實時展示操作信息和入口。

更直接的引導

很多 APP 會在用戶首次使用功能時,用一張蒙層或 GIF 圖引導用戶操作,如向上/向下滑動屏幕、點擊某入口等等。但這種「靜態」展示無法直觀、易懂地向用戶說明:操作后會有什么?

因此,為了減少用戶思考、更準確地轉達信息,可以將「操作后」的效果直接展示給用戶。這種交互方式比單放一張 gif 圖來說,引導性更強。

云南体彩网如抖音,首次進入時會自動地下拉屏幕,向用戶明確說明可以下拉切換視頻。

入口收縮

指提示的信息(廣告彈窗、浮層)展示完后,不再以透明度為 0 的方式進行消失,而是通過縮小、位移等方式將特定內容「收縮」到入口中去。

該方式好處在于:可以增加、強化用戶對于功能入口的認知,很適合各種需要做「用戶教育」的入口。如QQ瀏覽器的「花草卡」、荔枝音樂的快捷菜單就采取該方式進行信息引導。

前置展示用戶目標

根據用戶的操作行為,推導/預判出用戶下一步即將要執行的目標,提前將用戶的操作目標展示出來。可以進一步地減少用戶的操作路徑。

云南体彩网好比淘寶,當復制完商品口令后,打開 app 時就立即彈出商品信息,免去發起搜索的操作成本。還有支付寶,在與好友聊天時若觸發到數字信息,則預判用戶有轉賬訴求,提前將金額和操作入口展示出來,方便用戶操作。

特定的彩蛋效果

云南体彩网在展示一些特定的功能模塊、業務價值更重的內容時,可用一些驚喜的彩蛋吸引用戶。一方面能渲染氛圍、吸引用戶注意力。另一方面又能對產品的 PV、UV 等業務指標起到一個增進效果。

云南体彩网如愛奇藝,在切換到近期熱播的節目時,會飄落與之相關的視覺元素,能對用戶的當前操作起很好的「止步」效果。

更擬物化的表示

產品的內容與功能展示,可以盡量貼近「現實生活」來設計,給用戶一種更強的代入感(親民、有趣、真實),突出該功能/內容的品質感。

云南体彩网如高德地圖,根據當前天氣情況展示真實效果,給用戶的出行決策進行「提醒」。還有飛豬的「會員卡」,會用一層「反光」來突顯出卡的質感,同時能起到吸引用戶注意力的作用。

利用好手機陀螺儀

陀螺儀是手機系統里的功能之一,能給手機提供準確的位置、速度、水平等信號。如玩賽車游戲時,翻動屏幕就能實現車輛的轉彎。而利用陀螺儀,也能對頁面元素的交互進行優化。

好比「好好住」,當把手機往屏幕左邊/右邊翻動時,視覺元素也跟著往左/右旋轉、滾動,能很好地增加產品的趣味性。

當然優化交互反饋的方式不止上面幾種,對于用戶使用頻率較高的、業務價值更重的信息,我們也可以適當做一些交互優化。好比馬蜂窩的 tab 滑動效果、百度瀏覽器的點贊反饋等,都能提升用戶操作過程中的趣味性。

歡迎關注作者的微信公眾號:「和出此嚴」

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.7daer.cn/8-promote-interaction-skills

發表評論 加載中....

評論加載中....

uisdc

云南体彩网評論區都快餓癟了,看看我期盼的小眼神...

您還沒有登錄

優設啟用更平安省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里