【廣告】
一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì),并且確立交互模型,交互規(guī)范。軟件領(lǐng)域不像物質(zhì)產(chǎn)品那樣,存在工藝、材料上的限制,其核心問題恰在于人。三是用戶測試/研究,這里所謂的“測試”,其目標(biāo)恰在于測試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性,主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計(jì)的合理性。如果沒有這方面的測試研究,UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來評(píng)判,這樣就會(huì)給企業(yè)帶來極大的風(fēng)險(xiǎn)。
UI設(shè)計(jì)的規(guī)范
表單錄入
-在包含必須與選填的頁面中,必須在必填項(xiàng)旁邊給出醒目標(biāo)識(shí)(*);
-各類型數(shù)據(jù)輸入需限制文本類型,并做格式校驗(yàn)如電話號(hào)碼輸入只允許輸入數(shù)字、郵箱地址需要包含“@”等,在用戶輸入有誤時(shí)給出明確提示。
-可點(diǎn)擊的按鈕、鏈接需要切換鼠標(biāo)shou勢至手型;保持功能及內(nèi)容描述一致
-避免同一功能描述使用多個(gè)詞匯,如編輯和修改,新增和增加,刪除和清除混用等。建議在項(xiàng)目開發(fā)階段建立一個(gè)產(chǎn)品詞典,包括產(chǎn)品中常用術(shù)語及描述,設(shè)計(jì)或開發(fā)人員嚴(yán)格按照產(chǎn)品詞典中的術(shù)語詞匯來展示文字信息。
UI設(shè)計(jì)系統(tǒng)響應(yīng)時(shí)間原則系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中,響應(yīng)時(shí)間過長,用戶就會(huì)感到不安和沮喪,而響應(yīng)時(shí)間過快也會(huì)影響到用戶的操作節(jié)奏,并可能導(dǎo)致錯(cuò)誤。”很多粉絲都提問過類似的問題,例如零基礎(chǔ)或者對(duì)自己現(xiàn)狀比較迷茫的問題。因此在系統(tǒng)響應(yīng)時(shí)間上堅(jiān)持如下原則:2-5秒窗口顯示處理信息提示,避免用戶誤認(rèn)為沒響應(yīng)而重復(fù)操作;5秒以上顯示處理窗口,或顯示進(jìn)度條;一個(gè)長時(shí)間的處理完成時(shí)應(yīng)給予完成警告信息。
我認(rèn)為,UI 設(shè)計(jì)困難的地方就在于文字的裝飾,因?yàn)樵O(shè)計(jì)文字時(shí)需要考慮的因素太多了:
字號(hào)顏色字體粗細(xì)大小寫斜體字母間距頁邊空白(準(zhǔn)確的說不是文字的一部分,但是容易影響閱讀時(shí)的注意力,所以也算在這個(gè)列表里了)
還有其它一些方法調(diào)整文字吸引讀者的注意力,但是不常用,也不推薦你使用。
下劃線。下劃線現(xiàn)在基本同于超鏈接了,我覺得你還是不要挑戰(zhàn)人們的常識(shí)比較好。文字背景色。這個(gè)有時(shí)候也被當(dāng)作超鏈接,只不過不是那么常見。刪除線。
就我個(gè)人經(jīng)驗(yàn)來說,當(dāng)我覺得一段文字設(shè)計(jì)的不好時(shí),通常不是因?yàn)橛昧舜髮懽帜?,或者顏色太重,而是因?yàn)楦鞣N要素的搭配出了問題。