## ##

        掌握這7點,讓你的移動端交互體驗更優(yōu)秀

        2018-02-27 12:05:09 閱讀 247567 本文來源:Thomas 摩客專訪
        分享至:

        移動端設(shè)計的質(zhì)量好壞,其實并不難度量。當用戶可以流暢輕松地使用,不用耗費精力便可以完成各種任務(wù),這就說明此款A(yù)PP或者網(wǎng)站的設(shè)計足夠優(yōu)秀。相反,如果一款A(yù)PP或網(wǎng)站的交互系統(tǒng)出現(xiàn)問題,用戶會通過簡單的操作快速判斷出來。

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

        20180227100058324.jpg

        UI中的導(dǎo)航

        提升可學(xué)習(xí)性

        每個設(shè)計師都渴望創(chuàng)造有著原創(chuàng)的導(dǎo)航和交互系統(tǒng)的獨特產(chǎn)品。這樣的做法自然是能夠讓產(chǎn)品在激烈的競爭市場中脫穎而出,但是,創(chuàng)新的設(shè)計在很多時候意味著“反常規(guī)”,用戶需要適應(yīng)新場景之后才能順暢使用。

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

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

        考慮不同的握持方式

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

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

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

        20180227100844716.jpg

        Upper App

        融入識別模式

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

        包含常見識別模式的交互,會讓用戶快速習(xí)慣,不會覺得不舒服。這也是為什么許多界面設(shè)計會使用標準化的組件,讓用戶不會被截然不同的全新環(huán)境沖擊,這也有助于用戶快速學(xué)習(xí)。

        20180227101037213.jpg

        珠寶電子商務(wù)APP

        干凈清爽的UI設(shè)計

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

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

        減少交互流程中的步驟

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

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

        20180227101243876.jpg

        照片APP

        加入游戲化機制

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

        簡化界面至關(guān)重要,不會令人生厭。不過,看起來讓人覺得“簡單”的界面將不那么容易吸引用戶的注意力,這也是為什么現(xiàn)在大家都如此強調(diào)將情感化設(shè)計的因素注入到產(chǎn)品當中。

        為了使這個過程有趣和吸引人,使用游戲化可能是一個好的解決方式。這是將游戲機制運用到移動應(yīng)用等非游戲環(huán)境中的技術(shù)。各種各樣的挑戰(zhàn)和排行榜以及獎項和成就系統(tǒng)都會激勵用戶與產(chǎn)品進行更多的互動,并不斷地為產(chǎn)品提供有效的回饋。

        更重要的是,加入用戶歷程之后的游戲化設(shè)計,能讓整個產(chǎn)品布局更加清晰,并且提升轉(zhuǎn)化率。用戶歷程讓交互具備成長性,可以強化互動,帶來更為優(yōu)秀的用戶體驗,并且用戶會在用戶歷程中逐步變化和成長,這也會催生產(chǎn)品的新發(fā)展方向和可能性。

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

        20180227101755392.jpg

        Toonie鬧鐘

        不要忘了可用性測試

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

        可用性測試是APP和移動端網(wǎng)站設(shè)計中繞不開的重要環(huán)節(jié),通過讓潛在客戶前來參與測試,從而更好的評估產(chǎn)品。通常,可用性測試是在產(chǎn)品進入開發(fā)階段之前進行的,因為這個時候進行調(diào)整和修改,成本更低。

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

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

        20180227101923412.jpg

        Urban Sketcher App

        一個簡單的移動交互系統(tǒng)并不容易創(chuàng)建。在獲得足夠滿意的結(jié)果之前,這需要努力工作,集中精力和做出大量練習(xí)。


        原文作者:Tubik Studio

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


        責(zé)任編輯:大同

        認可我的創(chuàng)作,就鼓勵一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋