UI設(shè)計(jì)決定著用戶(hù)對(duì)產(chǎn)品的第一印象,也決定著用戶(hù)會(huì)不會(huì)繼續(xù)看下去。在提供優(yōu)秀交互體驗(yàn)的同時(shí),做好產(chǎn)品的每一個(gè)細(xì)節(jié)。下面帶大家來(lái)了解一下小程序開(kāi)發(fā)中UI設(shè)計(jì)有哪些需要注意的地方。
一、有效的引導(dǎo)和線(xiàn)索
小程序中,視覺(jué)線(xiàn)索是重要的組成部分,它們告訴用戶(hù)應(yīng)該如何操作,應(yīng)該向哪里瀏覽,哪些控件可以操作,甚至哪些操作可能會(huì)帶來(lái)在哪些結(jié)果。所以,這里一定會(huì)涉及到信息的視覺(jué)化,所以這些視覺(jué)線(xiàn)索的設(shè)計(jì)應(yīng)當(dāng)遵循一定的規(guī)則:
·色彩:鮮艷的色彩更抓眼球,適宜于可點(diǎn)擊的元素使用
·空間:在關(guān)鍵元素周?chē)粝伦銐虻目臻g,讓用戶(hù)更容易發(fā)現(xiàn),也更容易操作
·排版:使用簡(jiǎn)單干凈的字體(盡量使用筆畫(huà)粗細(xì)統(tǒng)一的字體),并且挑選適合屏幕的字體,確保整體可讀性。
二、雜亂的設(shè)計(jì)
許多應(yīng)用最大的敗筆就是混亂。而這種混亂最常見(jiàn)的形態(tài),就是設(shè)計(jì)師將這個(gè)應(yīng)用中幾乎所有的組件都塞到同一個(gè)界面中,無(wú)論它是一款游戲、工具或新聞?lì)惖膽?yīng)用。
三、小而密集的元素
元素靠的太近,或者過(guò)小了會(huì)讓手指粗壯的用戶(hù)非常難于操作。從某種意義上來(lái)說(shuō),巨屏手機(jī)的出現(xiàn)和這種體驗(yàn)訴求不無(wú)關(guān)系。
確保每個(gè)元素周?chē)A糇銐虻目臻g和間隙,不僅僅方便用戶(hù)點(diǎn)擊,而且能夠消除誤觸的情況。并沒(méi)有一個(gè)萬(wàn)能的公式來(lái)幫你控制控件和間隙的比例,不過(guò)當(dāng)你注意到這個(gè)問(wèn)題的時(shí)候,通常不會(huì)犯錯(cuò)。
四、設(shè)計(jì)不一致
一個(gè)小程序內(nèi)所有的元素應(yīng)當(dāng)看起來(lái)一致,交互和運(yùn)作方式也應(yīng)當(dāng)統(tǒng)一。一致的設(shè)計(jì)讓用戶(hù)能夠更快適應(yīng)產(chǎn)品,統(tǒng)一的設(shè)計(jì)讓用戶(hù)對(duì)于不同的界面有了預(yù)期。
五、不完整的反饋機(jī)制
小程序給予用戶(hù)的反饋機(jī)制,賦予用戶(hù)以參與感和操控感,它給用戶(hù)提供了有價(jià)值的信息,甚至幫助用戶(hù)做合理的決策。
六、界面太復(fù)雜
界面過(guò)于復(fù)雜也許是游戲類(lèi)小程序最常見(jiàn)的問(wèn)題了。當(dāng)你完全熟悉整個(gè)界面的時(shí)候,也許你都不想再玩它了。
界面設(shè)計(jì)應(yīng)當(dāng)是簡(jiǎn)單直觀(guān)的,一眼能看明白的界面是好界面,當(dāng)界面需要一份說(shuō)明書(shū)來(lái)說(shuō)明的時(shí)候,它的設(shè)計(jì)就算得上是失敗了。