軟件界面設(shè)計(jì)的“簡(jiǎn)”與 “繁”取決于產(chǎn)品的功能需求和用戶的偏好,反映的是設(shè)計(jì)師對(duì)設(shè)計(jì)理念和美的把握。好的軟件界面設(shè)計(jì),應(yīng)該在注重用戶體驗(yàn)的基礎(chǔ)上,把握設(shè)計(jì)的整體風(fēng)格;在追求時(shí)尚簡(jiǎn)約的同時(shí),兼顧功能的最大化。做到“化繁為簡(jiǎn)”,進(jìn)而 “簡(jiǎn)中有繁”,最終達(dá)到 “繁”與 “簡(jiǎn)”的和諧統(tǒng)一。下面小編將從以下9個(gè)方面發(fā)表對(duì)優(yōu)秀的軟件界面設(shè)計(jì)的看法。
一、軟件界面設(shè)計(jì)得一致,不要增加用戶的學(xué)習(xí)成本
自從Donald Norman的一系列著作面世后,軟件界面設(shè)計(jì)中盡量保持一致性成了一個(gè)普遍遵循的準(zhǔn)則。在設(shè)計(jì)中保持一致性可以減少用戶的學(xué)習(xí)成本。當(dāng)我們點(diǎn)擊按鈕或進(jìn)行拖拽操作,我們期望這樣的操作在整個(gè)程序的各個(gè)界面都是一致的,會(huì)得到相似的結(jié)果出來。反之我們需要新情境下重新學(xué)習(xí)某種操作會(huì)產(chǎn)生何種結(jié)果??梢栽诤芏喾矫嫦鹿Ψ騺韺?shí)現(xiàn)一個(gè)一致的界面,包括顏色,方向,元素的表現(xiàn)形式,位置,大小,形狀等。不過在讓界面變得一致之前,記住一點(diǎn),適當(dāng)?shù)拇蚱普w一致性也是可取的。偶爾的不一致性的設(shè)計(jì)用在你需要強(qiáng)調(diào)的地方可以起到很大的作用。

二、使用較貼切的默認(rèn)值會(huì)減少操作
適當(dāng)?shù)哪J(rèn)值和預(yù)先填充好的表單字段可以大量減少用戶的工作量。在節(jié)省用戶寶貴的時(shí)間上面,這是種非常常見的做法,可以幫助用戶快速填完表單或者注冊(cè)信息。

三、遵從一些約定而不要去重新設(shè)計(jì)
軟件界面設(shè)計(jì)中遵從約定的準(zhǔn)則跟之前的界面一致性準(zhǔn)則很相似。如果我們遵從了軟件界面設(shè)計(jì)中的一些約定,用戶用起來會(huì)很方便。有了界面設(shè)計(jì)中這些約定,我們想都不用想就知道界面右上角的叉叉是關(guān)閉程序用的,或者點(diǎn)擊一個(gè)按鈕后我們能夠預(yù)測(cè)到將會(huì)發(fā)生什么。當(dāng)然,約定是會(huì)過時(shí)的,隨著時(shí)間的推移,同樣的操作也有可能被賦予新的含義。

四、讓用戶覺得可以避免失去而不是獲得
我們喜歡成功,沒有誰愿意失敗。根據(jù)心理學(xué)得到的可靠結(jié)論,人們一般更頃向于避免失去擁有的東西而不是獲得新的利益。這一結(jié)論也適用于產(chǎn)品的設(shè)計(jì)和推廣中。試著說明你的產(chǎn)品會(huì)幫助客戶維護(hù)他的利益,保持健康,社會(huì)地位等要好過告訴客戶這個(gè)產(chǎn)品會(huì)帶來一些他未曾擁有的東西。

五、具有層次的圖形化展示優(yōu)于直白的文字描述
具有層次的設(shè)計(jì)可以將界面上重要的部分與不次要部分區(qū)分開來。要讓界面層次分明,可以在這些方面做文章:對(duì)齊方式,間距,顏色,縮進(jìn),字體大小,元素尺寸等。當(dāng)所有這些調(diào)整運(yùn)用得適當(dāng)時(shí),可以提高整個(gè)界面的可讀性。

六、將有關(guān)聯(lián)的功能分組而不是雜亂無章
將各個(gè)功能項(xiàng)分組合并起來可以提高程序的可用性。有常識(shí)的人都知道打開文件和關(guān)閉文件是放在一起的。將功能相近的元素放在一起也符合邏輯,符合我們平時(shí)的認(rèn)知。

七、讓用戶快速做出響應(yīng)而不是毫無時(shí)間觀念
適當(dāng)?shù)木o迫感是個(gè)有效的戰(zhàn)術(shù)。重要的是這種戰(zhàn)術(shù)屢試不爽,因?yàn)樗凳玖速Y源的緊缺或者活動(dòng)的時(shí)間有限,今天可以買,但明天可能就無法這么低價(jià)了。另一方面,這一戰(zhàn)術(shù)也讓用戶感到會(huì)錯(cuò)失一次大好的機(jī)會(huì)。當(dāng)然,這種戰(zhàn)術(shù)會(huì)被一些人嗤之以鼻,認(rèn)為是不耿直的做法。不過,這只是種戰(zhàn)術(shù)而以,并且在保持合法性的前提下應(yīng)用也無傷大雅。所以請(qǐng)不要為了營銷而在界面上制造緊迫的假象。

八、讓點(diǎn)擊更輕松
像鏈接,表單的輸入框還有按鈕等,如果尺寸做得大一點(diǎn)則點(diǎn)擊起來更方便容易些。根據(jù)費(fèi)特定律,使用像鼠標(biāo)這樣的外設(shè)來點(diǎn)擊需要一些時(shí)間,特別是元素比較小的情況下,時(shí)間會(huì)更多。鑒于此,最好還是把你的表單輸入框,按鈕等做大點(diǎn)。抑或者你可以保持原有的設(shè)計(jì)不變,只是把元素可點(diǎn)擊區(qū)域(也就是熱區(qū))增大。這樣的一個(gè)典型例子是手機(jī)設(shè)備上的文本鏈接和導(dǎo)航菜單,它們文字不一定很大但背景是拉伸的,在很 寬范圍內(nèi)點(diǎn)擊都有效。

九、優(yōu)化頁面加載速度,不要讓用戶等太久
速度很重要。頁面加載速度和UI對(duì)操作的響應(yīng)速度都直接關(guān)系到用戶是否有耐心繼續(xù)等下去。無疑地每多一秒種的等待都會(huì)失去一些用戶或者項(xiàng)目機(jī)會(huì)。一 個(gè)好的解決之道當(dāng)然就是優(yōu)化你的頁面和圖片。除此之外還可以運(yùn)用心理學(xué)讓這個(gè)等待時(shí)間顯得不那么長(zhǎng)。具體來說有兩種技巧。一是顯示進(jìn)度條,二是展示其他相 關(guān)或有趣的東西來吸引用戶的注意力。

以上就是我對(duì)一個(gè)優(yōu)秀的軟件界面設(shè)計(jì)的看法??傊缑媸欠?wù)于應(yīng)用的,界面設(shè)計(jì)的“簡(jiǎn)”與 “繁”也要配合功能的需要。好的界面設(shè)計(jì),“簡(jiǎn)”是基礎(chǔ),“繁”是功最后終究要?dú)w于統(tǒng)一,化為和諧,這是藝術(shù)。用戶始終是上帝,讓上帝滿意的設(shè)計(jì)才是好設(shè)計(jì)。
了解更多關(guān)于UI學(xué)習(xí)素材、資料及相關(guān)課程視頻,關(guān)注@涂尉尉,加VX:2752194649 無償共享學(xué)習(xí)??!