【廣告】
UI設(shè)計(jì)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì),也叫界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI,互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI,UI即User Interface(用戶界面)的簡稱。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。與之相應(yīng),UI設(shè)計(jì)師的職能大體包括三方面:一是圖形設(shè)計(jì),軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì),主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。以書籍為例,我們讀書都是一頁一頁的翻,一句一句的讀,不能跳來跳去。
UI設(shè)計(jì)的準(zhǔn)確性原則
使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源。顯示有意義的出錯信息,而不是單純的程序錯誤代碼。避免使用文本輸入框來放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。使用縮進(jìn)和文本來輔助理解。使用用戶語言詞匯,而不是單純的專業(yè)計(jì)算機(jī)術(shù)語。地使用顯示器的顯示空間,但要避免空間過于擁擠。上柔道課時(shí),不僅能學(xué)到打斗,還會學(xué)到很多關(guān)于能量、氣息與和諧之類的東西。保持語言的一致性,如“確定”對應(yīng)“取消”,“是”對應(yīng)“否”。
UI設(shè)計(jì)系統(tǒng)響應(yīng)時(shí)間原則系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中,響應(yīng)時(shí)間過長,用戶就會感到不安和沮喪,而響應(yīng)時(shí)間過快也會影響到用戶的操作節(jié)奏,并可能導(dǎo)致錯誤。因此在系統(tǒng)響應(yīng)時(shí)間上堅(jiān)持如下原則:2-5秒窗口顯示處理信息提示,避免用戶誤認(rèn)為沒響應(yīng)而重復(fù)操作;5秒以上顯示處理窗口,或顯示進(jìn)度條;那今天我們討論的話題就是,客戶的用戶的來源問題,決定了客戶會在哪兒花錢,也決定了哪兒的設(shè)計(jì)師更加能掙錢(值錢)。一個(gè)長時(shí)間的處理完成時(shí)應(yīng)給予完成警告信息。
對比在UI設(shè)計(jì)中的一個(gè)主要目標(biāo)就是吸引用戶注意力。因?yàn)橐粋€(gè)頁面中的功能有很多,有的功能比較重要,用戶使用頻率比較高,設(shè)計(jì)師就需要把這個(gè)功能凸顯出來,更容易被用戶發(fā)現(xiàn)。配色是一個(gè)很好的實(shí)現(xiàn)手段。
以網(wǎng)易云音樂的客戶端為例,網(wǎng)易云音樂客戶端mac版和window版在設(shè)計(jì)上還是有很大區(qū)別的,這里我們只說搜索框。
Mac版里搜索框填充使用的白色,而windows使用的填充是深紅色。