網(wǎng)站設(shè)計(jì)的八大要點(diǎn)--提升用戶(hù)界面
當(dāng)你構(gòu)建你的用戶(hù)界面和網(wǎng)站的時(shí)候,有各種各樣的關(guān)于界面設(shè)計(jì)方法和模式的信息你可以使用, 對(duì)常見(jiàn)問(wèn)題的解決方案和一般可用性的建議。下列專(zhuān)家給出的準(zhǔn)則可能會(huì)引導(dǎo)你創(chuàng)造一個(gè)良好的用戶(hù)界面, 但是究竟什么才是一個(gè)良好的界面? 一個(gè)有價(jià)值的用戶(hù)界面應(yīng)該具有那些特性?
There is a lot of information out there about various interface design techniques and patterns you can use when crafting your user interfaces and websites, solutions to common problems and general usability recommendations. Following guidelines from experts will likely lead you towards creating a good user interface — but what exactly is a good interface? What are the characteristics of an effective user interface?
以下八個(gè)特性是一個(gè)良好的用戶(hù)界面所必須的:
清楚 簡(jiǎn)明 熟悉 易響應(yīng) 一致 吸引力 高效 寬容
1. Clear / 清楚的 清晰度是用戶(hù)界面設(shè)計(jì)最重要的元素。事實(shí)上,用戶(hù)界面設(shè)計(jì)的所有目的是為了使人們能夠與您的系統(tǒng)通過(guò)溝通和功能來(lái)進(jìn)行交互。 如果人們不知道你的應(yīng)用程序怎樣工作或在你的網(wǎng)站上應(yīng)該去哪里,他們會(huì)困惑和沮喪。
這是什么呢?鼠標(biāo)移到WordPress的按鈕時(shí)工具提示會(huì)彈出解釋其職能。
2. Concise / 簡(jiǎn)明 清晰的用戶(hù)界面是很好的,但是,您應(yīng)該謹(jǐn)慎,不要陷入過(guò)度明晰。定義和解釋很容易被添加,但是你這樣做的同時(shí)也增大了規(guī)模。您的界面規(guī)模增加。添加過(guò)多的解釋?zhuān)挠脩?hù)將不得不花費(fèi)過(guò)多的時(shí)間去讀它們。
不僅要保持清晰,而且還保持簡(jiǎn)潔。當(dāng)你能用一句話(huà)解釋一項(xiàng)功能的時(shí)候就不要用三句話(huà)。當(dāng)你可以用一個(gè)單詞標(biāo)記一個(gè)項(xiàng),就不要用兩個(gè)。 保持簡(jiǎn)潔可以節(jié)省你的用戶(hù)的寶貴的時(shí)間。 同時(shí)保持清晰和簡(jiǎn)明并不容易,需要足夠的時(shí)間和努力來(lái)實(shí)現(xiàn),但其回報(bào)是值得的。
在 OS X 的音量控制中使用兩個(gè)小圖標(biāo)以顯示的音量從低到高。
3. Familiar / 熟悉 許多設(shè)計(jì)師努力使自己的界面,直觀。但到底直觀的真正意思是什么?直觀也就是就是說(shuō)可以自然地,本能地理解和領(lǐng)會(huì)。但是你怎么能做到直觀一些?你可通過(guò)是它變的熟悉來(lái)實(shí)現(xiàn)。
熟悉就是, 跟你以前遇到過(guò)的東西相似。當(dāng)你熟悉的東西,你就知道怎樣它怎么做-你知道會(huì)發(fā)生什么事情。 弄清你的用戶(hù)熟悉的并把它們?nèi)诤系侥愕挠脩?hù)界面中。
GoPlan的標(biāo)簽頁(yè)式界面。標(biāo)簽很熟悉,因?yàn)樗麄兡7挛募䦅A上的標(biāo)簽。你清楚知道點(diǎn)擊標(biāo)簽?zāi)鷮g覽該節(jié)和其他地方的標(biāo)簽將繼續(xù)存在為了進(jìn)一步導(dǎo)航。
4. Responsive / 易響應(yīng) 易響應(yīng)意味著兩件事。首先,易響應(yīng)意味著快速。如果沒(méi)有軟件在后臺(tái),界面應(yīng)該響應(yīng)很快。等待加載和緩慢的界面是令人沮喪?雌饋(lái)加載的很快,反正就是界面快速載入(即使內(nèi)容尚未趕上)改善了用戶(hù)體驗(yàn)
易響應(yīng)也意味著界面提供某種形式的反饋。界面應(yīng)該反饋給用戶(hù),告知他們現(xiàn)在怎么了。你成功地按下那個(gè)按鈕嗎?你將如何知道?按鈕應(yīng)顯示一個(gè)被按了的狀態(tài)反饋,或許可以把按鈕上的文字改成“正在加載... ”并且禁用按鈕。是軟件掛了還是內(nèi)容載入中?用轉(zhuǎn)動(dòng)的輪子或顯示進(jìn)度欄的方式來(lái)保持用戶(hù)在進(jìn)程中。
Gmail會(huì)顯示一個(gè)進(jìn)度欄當(dāng)您第一次進(jìn)入您的收件箱。 而不是逐步載入網(wǎng)頁(yè)時(shí),一旦一切準(zhǔn)備就緒整個(gè)頁(yè)面即時(shí)顯示。
5. Consistent / 一致 之前我談過(guò)關(guān)于上下文的重要性,以及它應(yīng)如何指導(dǎo)你的設(shè)計(jì)決定。我認(rèn)為,適應(yīng)任何給定的上下文是很聰明,但是,一個(gè)界面仍然應(yīng)保持一定程度的一致性。
一致的界面,使用戶(hù)能夠開(kāi)發(fā)慣用模式-他們會(huì)了解不同的按鈕,標(biāo)簽,圖示和其他界面元素的外觀,并識(shí)別他們。認(rèn)識(shí)到在不同的情況他們所做的事情不同。他們也將了解特定的東西如何工作,能夠從過(guò)去的經(jīng)驗(yàn)中更快的總結(jié)知道如何操作新功能。
在Microsoft Office的用戶(hù)界面是一致的是有原因的。
[1] [2] 下一頁(yè) |