1. 程式人生 > >掌握這7個點,讓你的移動端交互體驗更優秀

掌握這7個點,讓你的移動端交互體驗更優秀

移動端設計 原型設計 產品經理

以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。

封面.jpeg

移動端設計的質量好壞,其實並不難度量。當用戶可以流暢輕松地使用,不用耗費精力便可以完成各種任務,這就說明此款APP或者網站的設計足夠優秀。相反,如果一款APP或網站的交互系統出現問題,用戶會通過簡單的操作快速判斷出來。

無論處於何時何地,移動端的應用和網頁應該是具備良好易用性和優秀交互的。設計師的任務是創建一個直觀的界面,此界面可引導用戶快速而順暢地執行某些操作,完成用戶自己的需求目標。在今天的文章當中,我們將會從7個方面闡述提升移動端交互系統的基本策略,幫助設計師創建直觀的交互界面。

1.png

UI中的導航

提升可學習性

每個設計師都渴望創造有著原創的導航和交互系統的獨特產品。這樣的做法自然是能夠讓產品在激烈的競爭市場中脫穎而出,但是,創新的設計在很多時候意味著“反常規”,用戶需要適應新場景之後才能順暢使用。

如果一個移動端產品的交互系統和邏輯順序不夠清晰,或者不符合大眾的需求,那麽這樣的產品可能會令用戶在使用的時候感到沮喪和煩惱。反常規的設計可能會和用戶體驗產生沖突,用戶因此而離開也是很正常的。

為了避免這種結果,設計還需要關心交互元素的“可學習性”這一度量。可學習性代表著用戶在第一次使用你的移動端應用或者網頁的時候,能否簡單快速的找到自己想要的入口或功能,以及用戶能否基於之前的經驗快速學會新的交互和操作。為了提高可學習性,設計師應該始終讓產品的交互保持簡單直觀,以便用戶能夠快速適應。同時,交互系統也應該合乎自然邏輯,這樣用戶才會更為直觀地操作,識別不同模式。

考慮不同的握持方式

在不同的用戶場景,我們握持手機的方式也是不同的。影響握持手機方式的因素是很多的,其中包括使用情形和用戶場景,此外,我們想使用APP完成某一任務也可能會影響握持方式。

最常見的握持和交互方式有三種,一種是用單手握持,使用另一只手的拇指進行導航,第二種是使用一只手握持,用另外一只手的食指與界面進行交互,第三種則雙手握持,用雙手拇指進行交互。雖然還有其他的方式,但是這三種被認為是最普遍的。

2.jpg

3.png

考慮這三種交互模式之後,設計師需要考慮界面的布局是否充分契合這三種常見的交互。單手握持需要著重考慮,因為它具有最有限的觸及空間。為了使移動應用程序內的交互過程變得輕松,將關鍵組件放置在屏幕的底部將是一個好的解決方式,這樣用戶就能夠輕松地到達觸摸區域。另外,交互元素應該足夠大,這樣就不會給用戶造成誤操作。

4.jpg

Upper App

融入識別模式

當一個新的應用程序可以直觀地被用戶使用,這意味著設計師的設計是非常成功的。為了提供直觀的交互,UI設計必須包含識別模式。它們是用戶已經熟悉的元素,這些應用程序上的元素提示用戶應該如何操作。問題是,使用一個應用程序,我們期待看到某些與確定類型的產品相關的東西。例如,使用電子商務應用程序,我們習慣於看到購物車圖標以及CTA“購買”按鈕。新應用中熟悉的元素會使人們對自己的操作行為更加自信。

包含常見識別模式的交互,會讓用戶快速習慣,不會覺得不舒服。這也是為什麽許多界面設計會使用標準化的組件,讓用戶不會被截然不同的全新環境沖擊,這也有助於用戶快速學習。

5.jpg

珠寶電子商務APP

幹凈清爽的UI設計

移動端設備的優勢是小屏幕,而劣勢也是因其小屏幕。設計師需要弄清楚如何在小屏幕中加入自己想放進去的內容,同時還得避免界面變得過於混亂。幹凈清爽的UI界面有利於用戶交互,因為這樣,核心元素在設計的時候可以足夠突出。

想要讓界面足夠清爽,建議多使用圖標作為交互組件。文本在移動端界面中可能會占據太多空間,在信息的識別和傳遞上不如圖標快速。他們可以用簡單的形狀來解釋一個可視化的功能,這有助於節省屏幕上的空間。雖然如此,在進行可用性測試過程中,應該仔細檢查圖標是否被正確識別以及是否傳遞了正確的信息。

減少交互流程中的步驟

經歷許多流程才能完成某一任務,其實是一件讓人非常疲憊的事情。造成這種局面的原因有很多,但是很大程度上是因為過多不必要的流程和功能同交互系統糾纏在一起造成的。

移動端APP 大多是為了解決問題而存在的,所以它們應該更好地貼合用戶的需求,服務於用戶。這意味著設計人員應該應用核心功能元素,這將使用戶獲得他們所需要的點。較小的操作步驟不會讓你的產品看起來很原始。相反,這將有助於移動應用程序的使用效率並提升用戶滿意度。請謹記,人們評價應用程序的可用性質量,是這樣操作多麽方便快捷,而不是它具有非凡的功能。

6.gif

照片APP

加入遊戲化機制

基於上述事實,我們可以說一個有效的移動交互系統應該是在使用時簡單明了,使用戶可以毫無疑問地操作。

簡化界面至關重要,不會令人生厭。不過,看起來讓人覺得“簡單”的界面將不那麽容易吸引用戶的註意力,這也是為什麽現在大家都如此強調將情感化設計的因素註入到產品當中。

為了使這個過程有趣和吸引人,使用遊戲化可能是一個好的解決方式。這是將遊戲機制運用到移動應用等非遊戲環境中的技術。各種各樣的挑戰和排行榜以及獎項和成就系統都會激勵用戶與產品進行更多的互動,並不斷地為產品提供有效的回饋。

更重要的是,加入用戶歷程之後的遊戲化設計,能讓整個產品布局更加清晰,並且提升轉化率。用戶歷程讓交互具備成長性,可以強化互動,帶來更為優秀的用戶體驗,並且用戶會在用戶歷程中逐步變化和成長,這也會催生產品的新發展方向和可能性。

當然,遊戲化設計會使產品變得有樂趣。用戶享受類似於電子遊戲的娛樂,挑戰和競爭精神,這也將有效提升用戶的粘度。人們總是需要一些娛樂活動,這樣他們才能從枯燥無味的日常生活中逃脫一下。 通過添加有趣的元素到一個休閑的應用程序,將有助於用戶減輕壓力,放松心情。

7.png

Toonie鬧鐘

不要忘了可用性測試

移動端交互設計的宗旨在於創造對用戶友好的產品。可是,設計師又如何能夠確保產品的體驗夠好,UX設計是否存在問題呢?這個時候,就要靠可用性測試了。

可用性測試是APP和移動端網站設計中繞不開的重要環節,通過讓潛在客戶前來參與測試,從而更好的評估產品。通常,可用性測試是在產品進入開發階段之前進行的,因為這個時候進行調整和修改,成本更低。

各種可用性測試可以識別不同的問題,並且消除各種問題。這樣一來,設計師可以從不同的方面改進用戶體驗,確保產品滿意度。

因此,在向開發團隊交付項目之前,請記住要處理可用性測試。通過你自己,你的同事,潛在的用戶進行測試,然後你會得到期望的結果。

8.jpg

Urban Sketcher App

一個簡單的移動交互系統並不容易創建。在獲得足夠滿意的結果之前,這需要努力工作,集中精力和做出大量練習。

原文作者:Tubik Studio

原文地址:https://uxplanet.org/7-tips-to-enhance-mobile-interactions-d393245522b9

Mockplus做原型,更快更簡單,現在下載Mockplus,免費體驗暢快的原型設計之旅。

掌握這7個點,讓你的移動端交互體驗更優秀