簡評:移動端設(shè)計的優(yōu)劣其實很容易看出來逗宜。當(dāng)用戶能輕松流暢地在你的產(chǎn)品中完成各項動作,那說明這個 App 或者網(wǎng)站設(shè)計得不錯。反之凌停,一個糟糕的設(shè)計,用戶也能很輕易從簡單的操作中感受到李丰。
移動應(yīng)用和網(wǎng)頁的設(shè)計必然應(yīng)該具有良好的易用性和交互性苦锨。設(shè)計師的任務(wù)便是創(chuàng)建一個直觀的界面,引導(dǎo)用戶快速流暢地操作趴泌,達(dá)成目標(biāo)舟舒。
本文將從 7 個方面闡述提升移動端交互設(shè)計的基本策略。
1. 提高可學(xué)性
每個設(shè)計師都致力于創(chuàng)造一個獨特的產(chǎn)品嗜憔,以及原創(chuàng)的交互和導(dǎo)航系統(tǒng)秃励。
成功的原創(chuàng)產(chǎn)品固然能讓自己在市場中引人注目、脫穎而出吉捶。然而夺鲜,創(chuàng)新設(shè)計在很多時候意味著與眾不同,意味著反常規(guī)呐舔。用戶在這個全新的環(huán)境下是需要適應(yīng)時間的币励。
如果這個交互系統(tǒng)的邏輯不夠清晰,或者不符合受眾需求珊拼,那么就會讓用戶在使用過程中感到困擾食呻。這種時候用戶往往會因為不可調(diào)和的沖突而選擇放棄,繼而離開。
因此仅胞,設(shè)計師要著重關(guān)心交互元素的「可學(xué)性」,降低用戶學(xué)習(xí)成本渠欺。簡而言之,可學(xué)性意味著用戶在第一次使用過程中就能輕松地完成任務(wù),以及用戶能夠基于過往經(jīng)驗快速學(xué)會新的交互模式成艘。
所以設(shè)計師應(yīng)該盡量保持交互的簡單直觀,還有交互的自然邏輯性仲义。
2. 考慮不同的握持方式
移動設(shè)備,特別是智能手機,也分不同的握持方式,而不同握持方式時交互也是不同的。
最常見的握持場景是:
- 單手握持,拇指交互
- 一只手握持例书,另一只手的手指進(jìn)行交互
- 雙手握持树瞭,拇指交互
了解到這個情況后,就需要考慮界面布局和元素放置的位置是否合適了。
第一種單手交互的情況需要特別關(guān)注陈莽,它的舒適觸及空間是最小的,因此將關(guān)鍵組件放置在屏幕底欄或許是個好主意私植。另外群嗤,界面元素的觸發(fā)區(qū)域也應(yīng)該足夠大。
3. 應(yīng)用識別模式
直觀易用的界面交互兵琳,包含了用戶熟悉的識別模式狂秘。借助識別模式來設(shè)計用戶界面和交互,會更加高效躯肌,它們是用戶已經(jīng)熟悉的元素者春,以及對應(yīng)用程序如何工作的提示。
舉個例子清女,購物類 App 的產(chǎn)品界面中钱烟,通常會有購物車和購買按鈕,支付和購買的方式都大同小異。用戶在使用的時候就會更加自如拴袭。
這也就是為什么許多界面設(shè)計中都包含標(biāo)準(zhǔn)化組件读第,這樣一個新的應(yīng)用程序也不會因為全新的環(huán)境而嚇到用戶,有助于用戶快速上手拥刻。
4. 干凈清爽的設(shè)計
移動端的小屏幕是設(shè)計的一大挑戰(zhàn)怜瞒,設(shè)計師要弄清楚如何在小屏幕中塞下自己想放進(jìn)去的內(nèi)容,而又不會讓用戶界面變得臃腫雜亂般哼。干凈的用戶界面有利于用戶與產(chǎn)品進(jìn)行快速的互動吴汪,所有核心元素都可以輕松觸及。
要讓界面干凈清爽蒸眠,可以嘗試使用圖標(biāo)作為交互組件漾橙。文本元素通常會占據(jù)更多的空間,信心傳遞效率也不如一個簡單的形狀更快速楞卡。不過霜运,圖標(biāo)設(shè)計上要注意它能夠被用戶正確識別,因此可用性測試必不可少蒋腮。
5. 減少冗余操作數(shù)
歷經(jīng)一個復(fù)雜的流程才能完成任務(wù)觉渴,這種體驗太糟糕了。
移動應(yīng)用是為了解決用戶問題而存在徽惋,而不是創(chuàng)造更多問題。因此移動應(yīng)用應(yīng)該盡量采用更簡潔的流程提升操作效率座韵。
記住一點险绘,用戶評價應(yīng)用程序不是這個應(yīng)用多厲害,而是它對于用戶來說是否更好地解決了問題誉碴。
6. 添加游戲機制
所謂簡潔界面其實也是有弊端的宦棺,那就是如何吸引用戶關(guān)注。因此把情感元素帶入產(chǎn)品設(shè)計中就很有必要了黔帕。
在這個過程中代咸,游戲化機制或許可以試試。
將游戲機制應(yīng)用到移動應(yīng)用中成黄,用各種各樣的挑戰(zhàn)和獎項激勵用戶與產(chǎn)品進(jìn)行更多的互動呐芥,并且不停地為產(chǎn)品提供有效反饋。
更重要的是奋岁,加入用戶歷程之后的游戲化設(shè)計思瘟,能讓整個產(chǎn)品布局更加清晰,并且用戶會在用戶歷程中逐步變化和成長闻伶,這也會催生產(chǎn)品的新發(fā)展方向和可能性滨攻。
當(dāng)然,最顯而易見的好處就是游戲化設(shè)計能讓產(chǎn)品更加有趣,讓用戶得以放松光绕。
7. 可用性測試
可用性測試必不可少女嘲,它通過對潛在受眾進(jìn)行測試來幫助評估該應(yīng)用程序。
通常在產(chǎn)品開發(fā)階段前進(jìn)行可用性測試诞帐,這個時候能夠?qū)Ψ桨高M(jìn)行調(diào)整和修改欣尼,消除各種問題,確保產(chǎn)品滿意度景埃。
一個看似簡單的移動交互系統(tǒng)其實并不容易創(chuàng)建媒至,共勉。
原文鏈接:7 Tips to Enhance Mobile Interactions
推薦閱讀:從概念到落地 - Logo 設(shè)計指南(內(nèi)附大量學(xué)習(xí)資源)