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

2021-08-15 12:40:53 字數 3224 閱讀 9224

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

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

ui中的導航

提公升可學習性

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

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

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

考慮不同的握持方式

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

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

融入識別模式

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

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

乾淨清爽的ui設計

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

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

減少互動流程中的步驟

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

加入遊戲化機制

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

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

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

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

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

toonie鬧鐘

不要忘了可用性測試

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

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

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

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

掌握這6點,你的學習就效率沖天了 1 !

對於學生和職場人士來講,高效學習是你脫穎而出必備技能。即便你是富二代,如果沒有足夠的學習能力,遲早也是會坐吃山空,到最後 丟了朕的江山 人這一生,小到買菜算賬,大到為人處事的技能,無一不是通過學習而獲得的。如果,你已經步入社會,我覺得有必要 重操舊業 撿起這個學習技能 如果,你還是在校生,更好好的思...

掌握這6點,你的學習就效率沖天了 5 !

書接上回,今天講第5個高效學習方法 質問。這個方法和前面介紹的 檢索 有一點類似。但二者又有很大不同。檢索側重於資訊確認且不含二次加工,而質問側重於深度挖掘 深度思考和加工。1 什麼是質問?我們這裡說的質問對應的英文單詞是 elaboration。意思是用細節來解釋和描述想法,並且進一步把學習內容以...

移動端字型設定的7個準則

可能你聽過這說法,好的字型是 的,不過更準確來說,應該是好的字型讓閱讀行為毫不費力。當視線掠過一行文字時,它是跳躍前進的,我們稱之為掃視。你讀的不是字母,甚至不是詞語,而是文字某部分的影像,大腦會補上它預期的內容。如果超出大腦預料,它會促使眼睛回去核實假設十分正確。通過在字裡行間創造平順的視覺流動,...