天天看點

讓移動端使用者體驗出類拔萃的5種技巧

不談APP,即使是浏覽網頁,大部分使用者也已經是依靠移動端裝置來進行了。是以,無論你是網頁設計師還是在研發APP,為移動端的使用者設計穩定、可用的使用者體驗,應該是你份内的事情。當然,由于如今UI/UX設計的成熟,各種最佳實踐使得設計師不用再對一些常見的設計模式從頭開始摸索,而今天我們所聊的提升移動端體驗的技巧,也是這樣探索出來的經驗總結。

讓移動端使用者體驗出類拔萃的5種技巧

1、簡化導航

相比于曾經所流行的大型導航設計,移動端裝置和精簡的導航更搭。當使用者在使用移動端裝置的時候,注意力和時間通常都是碎片化的,當他們打開應用和網站的時候,希望盡快找到想要的内容。

是以,在設計移動端APP和網站的導航的時候,盡量根據分析和實際狀況,保留最常用的的幾個導航選項即可。

這樣的設計一方面能夠節省螢幕空間,而且導航選項的觸發區域也可以設計得相對更大一些。

至于漢堡圖示和彈出式菜單,具體用法見仁見智,可以根據實際狀況靈活處理。但是有了漢堡圖示這一約定俗成的菜單辨別,使用者可以快速了解它的含義,并且意識到背後還有一個彈出式的菜單。

讓移動端使用者體驗出類拔萃的5種技巧

Ebates 這款APP 就使用了兩級菜單的設計,首先最常用的導航選項被做成标簽頁置于頁面頂部,另外一個就是右上角的書簽式菜單(心型+漢堡圖示)。整個設計確定了功能性,足夠簡單,不會讓使用者覺得複雜,也可以輕松找到他們想要的東西。

2、多考慮手勢與觸感

移動端的互動和桌面端是截然不同的,而你的UI和UX設計要有意識地為移動端進行适配。

在這個過程中,手勢互動是很重要的組成部分,設計師應該充分利用手勢,幫助使用者更快更高效地完成互動。

常見的手勢包括:

點按,輕按兩下

按壓

長按

托拽

縮放

滑動

移動端的手勢互動的地位相當于桌面端的點選互動。

讓移動端使用者體驗出類拔萃的5種技巧

不過當你在思考手勢互動的時候,别忘了搭配相應的觸覺回報。在我們日常使用移動端裝置的過程中,常常會借用震動和力回報來強化互動體驗。而這種觸感的設計,精髓在于盡量微妙一點,確定能讓使用者感覺到回報,又不會太過吸引人注意。觸摸界面越來越多,使用者是期望從中獲得積極響應的。

3、創造對話

人們始終是希望通過語言交流來溝通的。也正是這種需求,使得對話式UI和聊天機器人能逐漸走到台前,成為一種流行趨勢。是以,當你的移動端UI當中,擁有讓使用者可以即時聊天的可能性的時候,你可以借用對話式UI 來提升使用者體驗:

讓移動端使用者體驗出類拔萃的5種技巧

在你的界面當中加入更加觸動人心的文案。無論是成段的文本,還是界面元素裡的微文案,都可以通過更有觸動性的文本來創造對話的感覺。就像 WTFWeather 這個應用一樣,從文本到标簽都采用的是對話式的表達,在為使用者推送資訊的時候也盡量營造出對話的感覺。

使用聊天機器人和對話界面來和使用者進行溝通。聊天機器人可謂是 24小時線上的客服,他們幫助使用者解決問題,也能從某種程度上提升客戶的忠誠度。

将語音互動內建到設計當中來。Siri 、Cortana 和 Alexa 幾乎是家喻戶曉的人工智能語音助手了,将它們加入進來,讓對話式界面更加強大。

4、動畫化

如果你仔細觀察近年來的網頁,會發現動畫特效已經無處不在了。動畫效果能夠讓頁面更加自然,更加漂亮,也更加引人入勝。動畫不僅能夠吸引使用者關注,而且能夠幫助使用者展示如何更好的設計和互動。

讓移動端使用者體驗出類拔萃的5種技巧

Google 地圖 當中就內建了少量的動效,它們并不引人注意,但是讓整個應用更好周到、完整。在之前 Nick Babich 的文章當中,他總結了動效的三個關鍵用途:

呈現系統狀态:使用動效來顯示加載狀态,内容重新整理,推送通知

使用者導航和過渡:使用動效來幫助使用者了解内容切換,件視覺層次,呈現狀态的變化

用于視覺回報:使用動畫幫助使用者确認他們之前的操作完成了

5、善用新使用者引導流程和表單

相比于網頁,APP當中的新使用者引導流程是相當關鍵的。

絕大多數的應用因為其中的功能、服務的獨特性,設計師會在使用者初次打開應用的提供快速入門的教程,引導使用者熟悉其功能。這一點在遊戲類應用中尤其普遍。

如果新使用者引導教程做的足夠有趣,很容易提升使用者的忠誠度。確定引導教程足夠簡單,并且能夠給使用者以幫助,而使用者看過之後,如果還能回過頭來再次檢視,就更好了。

移動端網站則不同,最大的問題通常不是新使用者引導而是系統資料庫單和登入表單。移動端裝置上,使用者對于表單的易用性其實非常的敏感,使用者不會喜歡又臭又長的表單和複雜的字段,是以,簡化移動端網頁的表單,能夠更好地提升轉化率。

讓移動端使用者體驗出類拔萃的5種技巧

看看上面的GoodRx,表單的設計就足夠簡單。

系統資料庫單不應複雜。讓使用者輸入郵箱注冊,使用者名、郵箱、密碼三者綁定,登入的時候使用者名和郵箱通用,這樣能夠便捷不少。

當然,還有更為便捷的思路,就是使用通用的社交網絡站好來登入注冊,這樣對于使用者而言就更加友善了。

結語

移動端使用者體驗要如何建構,對于如今的設計師而言,是很日常的問題了。激烈的競争中,産品的差異往往是透過各種細節來呈現的。建立一套易用的使用者界面,結合良好的使用者體驗,在細節上精細打磨,才能讓使用者真正留下來。 

原文釋出時間為:2017-10-30 

本文作者:佚名

本文來自雲栖社群合作夥伴“51CTO”,了解相關資訊可以關注。 

繼續閱讀