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