本文轉(zhuǎn)譯自TubikStudio恤左,內(nèi)容有刪減
如果你要問某個產(chǎn)品的移動端交互設(shè)計好不好?很簡單析孽,如果用戶能夠很輕松愉快的使用以至于沒有感受到它的存在嘲叔,這就表示這款產(chǎn)品的設(shè)計是專業(yè)的、成功的砸琅。另一方面甸私,如果整套交互中存在不合理的地方荣挨,用戶一定會注意到他們欧芽,并且引發(fā)吐槽莉掂。
移動應用的設(shè)計,需要清晰易用千扔,可以隨時隨地進行有效使用憎妙。設(shè)計師的認識是創(chuàng)建一個直觀的界面,指導用戶們曲楚,幫助他們順利操作使用尚氛。
1、降低學習成本
每個產(chǎn)品經(jīng)理或者交互設(shè)計師洞渤,都想創(chuàng)造一些獨特的產(chǎn)品,這樣可以吸引用戶的注意力属瓣。但是载迄,設(shè)計過于超前,必須要考慮到用戶是否能夠接受抡蛙?
如果移動應用的交互沒有邏輯順序护昧,或者并不滿足目標受眾人群的需求,他可能就不會獲得好的市場反饋粗截。這種情況對于用戶體驗至關(guān)重要惋耙,最差可能導致用戶卸載。
為了避免這種結(jié)果熊昌,設(shè)計師需要關(guān)系交互設(shè)計元素的學習成本绽榛。這影響了用戶在第一次使用應用時能否快速上手。為了降低學習成本婿屹,我們需要保持簡答你明了灭美,幫助用戶快速適應。此外昂利,整套設(shè)計應該一致且合乎邏輯届腐,以便用戶可以直觀的使用產(chǎn)品,并在整個使用流程中保持一致性蜂奸。
2犁苏、考慮大屏優(yōu)化
每個人使用手機的方式都不一樣,用戶使用手機的握持姿勢都不同扩所,取決于應用程序的使用情況以及用戶需要完成的任務(wù)围详。
有三種常見握持方式。第一種是我們單手握持并用拇指進行操作碌奉。第二是一只手握持短曾,第二只手操作寒砖。第三種是雙手握持,雙手拇指操作嫉拐。
考慮到這三種常見情況哩都,我們必須弄清楚整個UI中的元素是否有效考慮到了三種不同的握持方式。單手握持特別注意婉徘,因為單手觸及范圍有限漠嵌。為了使應用程序中內(nèi)的交互過程順暢自如,將關(guān)鍵控件放在屏幕的底部可能是比較好的方式盖呼,用戶可以輕松觸及儒鹿。另外,單個元素的觸控范圍應該足夠大几晤,避免誤觸约炎。
3、使用熟悉的元素
如果用戶能夠直觀的使用產(chǎn)品蟹瘾,表示我們的工作是恰當?shù)幕场榱颂峁┲庇^的交互,UI設(shè)計必須包含易于識別的元素憾朴。用戶必須對這些元素足夠熟悉狸捕,或者為用戶提供必要的提示。比如众雷,用電商產(chǎn)品灸拍,我們習慣看到購物車圖標以及購買按鈕。新產(chǎn)品中看到熟悉的元素砾省,讓我們對自己的操作更加自信鸡岗。
用戶總是習慣于自己以前熟悉的事物,如果做不到這點编兄,他們會感到很陌生纤房。所以,如果你打算使用自定義組件翻诉,也要加一些標注組件進去炮姨。這樣你的新產(chǎn)品就不會被陌生的元素影響,有助于用戶快速學習碰煌。
4舒岸、UI要干凈整潔
移動UI設(shè)計的一大問題就是屏幕太小,設(shè)計師必須搞清楚如何在短時間內(nèi)將所必須的元素包含在內(nèi)芦圾,且不能把界面弄得太亂蛾派。干凈的UI設(shè)計有助于與產(chǎn)品進行有效交互,因為這樣所有核心的元素都能被用戶觸達。
為了創(chuàng)建干凈整潔的用戶界面洪乍,建議多使用圖標作為交互組件眯杏。用一個簡單的形狀來解釋一個功能,有助于節(jié)省屏幕上的空間壳澳。在可用性測試的時候岂贩,必須仔細檢查圖標是否被正確用戶理解。
5巷波、減少操作步驟
我們可能很多人都有用過設(shè)計不佳的移動產(chǎn)品萎津,我們在達成最終目的之前,轉(zhuǎn)化路徑很長抹镊。這大多數(shù)是因為交互設(shè)計繁雜锉屈,有太多不必要的操作和功能。
移動產(chǎn)品是用來幫助用戶解決問題的垮耳,所以設(shè)計一定要人性化颈渊。這意味著我們需要使用最核心的功能元素,解決用戶最核心的問題终佛。這并不會讓你的產(chǎn)品看上去很簡陋儡炼,反而會提升產(chǎn)品的使用效率。用戶評判產(chǎn)品是否好查蓉,關(guān)鍵看是不是能解決問題,而不是有多少功能榜贴。
6豌研、增加游戲機制
基于上述事實,我們可以說唬党,一個有效的移動交互系統(tǒng)應該簡單明了鹃共,使用起來輕松明快。
但是驶拱,簡化界面至關(guān)重要霜浴,不會令人厭煩±陡伲看上去普通的產(chǎn)品獲得用戶注意的機會比較少阴孟,這就是為什么你的產(chǎn)品需要加入一些情感化設(shè)計。
使用游戲化設(shè)計是一個好方式税迷,各種挑戰(zhàn)和排行榜以及獎項勛章都會激勵用戶與產(chǎn)品進行更多互動永丝,并促進留存。更重要的是箭养,新手上路是促進新用戶留存的好方式慕嚷。可以讓新用戶逐步了解各種功能,避免一上來用戶難以理解這一套功能和交互喝检。
7嗅辣、有效測試
移動設(shè)計旨在為用戶創(chuàng)造一個友好的產(chǎn)品,在不同場景下能夠順利使用挠说。但是澡谭,我們?nèi)绾味x產(chǎn)品可用性并找出問題?這就是可用性測試要解決的問題纺涤。
可用性測試是移動產(chǎn)品創(chuàng)建的關(guān)鍵階段译暂,通過對潛在受眾進行測試來對產(chǎn)品進行評估。它通常在開發(fā)之前撩炊,交互設(shè)計之后進行外永,這樣可以更輕松、更低成本的修改拧咳。
各種可用性測試可以識別問題伯顶、錯誤,并快速消除它們骆膝。通過這種方式祭衩,設(shè)計人員可以改進設(shè)計中的方方面面,確保用戶滿意阅签。因此掐暮,在向開發(fā)團隊交付設(shè)計之前,記住一定要測試政钟。