當(dāng)設(shè)計(jì)一個(gè)web應(yīng)用程序或項(xiàng)目時(shí),功能往往是首先要被考慮的。在大多數(shù)情況下,這是一件好事。
大部分人在使用的應(yīng)用程序時(shí),是因?yàn)樗鼈兪怯杏玫,而不是因(yàn)樗鼈兛雌饋?lái)很漂亮。
但是,這并不意味著你可以忽略良好的界面設(shè)計(jì)。
良好的用戶界面設(shè)計(jì)可以增加用戶對(duì)于Web應(yīng)用程序的用滿意度。
良好的用戶界面設(shè)計(jì)與良好的網(wǎng)頁(yè)設(shè)計(jì)在許多方面類似。
色彩理論,空間,布局原則等在界面設(shè)計(jì)中仍然適用。
但是,用戶界面設(shè)計(jì)中,由于需要更多的交互性,需要考慮的內(nèi)容更多。
游客將不只是在看你的網(wǎng)站,他們將與它進(jìn)行互動(dòng),可能設(shè)計(jì)師會(huì)忽略其中某些互動(dòng)可能。
這就是說(shuō)你必須花時(shí)間去思考和探索用戶界面的交互方法和類型。
下面是一些界面設(shè)計(jì)的原則和理念,雖然比較像教科書(shū),但道理十分有用。
設(shè)計(jì)的一致性是至關(guān)重要的
在用戶界面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)中,功能與界面的一致性是至關(guān)重要的。
因?yàn)橛脩粼谑褂媚愕膚eb程序時(shí),如果從一個(gè)頁(yè)面風(fēng)格突然轉(zhuǎn)換到另一個(gè)風(fēng)格,這將造成很大的困惑和沮喪。
為了保持一致性,需要注意界面的配色方案和總體布局,以及鏈接是否正確。
您的用戶會(huì)犯錯(cuò)誤不管你的web程序設(shè)計(jì)的多好,都很難避免用戶犯一些錯(cuò)誤,所以在考慮界面設(shè)計(jì)時(shí),需要關(guān)注用戶在發(fā)生錯(cuò)誤后如何進(jìn)行回復(fù)。
最常見(jiàn)的例子就是google的web應(yīng)用程序,我們會(huì)發(fā)現(xiàn)在很多地方google都放置了撤銷(xiāo)功能鍵或按鈕,因此既然無(wú)法避免用戶犯錯(cuò),那么我們就要盡量讓用戶可以自己修復(fù)這個(gè)錯(cuò)誤,讓程序變得可以撤銷(xiāo)或返回上一步就十分必要了。
突出web應(yīng)用程序的顯示功能
顯示內(nèi)容是web應(yīng)用程序的基本功能,比如在很多情況下我們希望用戶看到的內(nèi)容是最新的,那么如何突出新舊內(nèi)容的區(qū)別人。
下面的一個(gè)實(shí)例界面給了我們一種思考,將老內(nèi)容的標(biāo)題背景使用灰色,而新內(nèi)容則使用綠色,這樣用戶可以很容易分辨出這些現(xiàn)實(shí)內(nèi)容的區(qū)別。
當(dāng)然此類方法還有很多,根本方法就是利用不同的顯示效果讓用戶使用和閱讀起來(lái)更方便
<IMG onmousewheel="return bbimg(this)" alt="" src="http://lslks.net/faq.html" onloadload=resizepic(this) border=0>
TitanPad使用顏色編碼來(lái)表示每個(gè)用戶造成的更改,類似圖圖網(wǎng)。
啟用鍵盤(pán)快捷鍵
并不是每個(gè)用戶都會(huì)需要使用鍵盤(pán)快捷鍵,但有些用戶確實(shí)有使用快捷鍵的習(xí)慣,一個(gè)好的web界面要盡量滿足不同用戶的需求,對(duì)于快捷鍵一般可以提供一些常用的組合。
最常見(jiàn)的鍵盤(pán)快捷鍵比如:CTRL + Z撤消或Ctrl + V粘貼。