建站常識(shí)
成功的用戶界面的八個(gè)特性
2009-04-20 08:33:00
當(dāng)你構(gòu)建你的用戶界面和網(wǎng)站的時(shí)候,有各種各樣的關(guān)于界面設(shè)計(jì)方法和模式的信息你可以使用, 對(duì)常見問題的解決方案和一般可用性的建議。下列專家給出的準(zhǔn)則可能會(huì)引導(dǎo)你創(chuàng)造一個(gè)良好的用戶界面, 但是究竟什么才是一個(gè)良好的界面? 一個(gè)有價(jià)值的用戶界面應(yīng)該具有那些特性?
以下八個(gè)特性是我認(rèn)為一個(gè)良好的用戶界面所必須的:
1、清楚
2、簡(jiǎn)明
3、熟悉
4、易響應(yīng)
5、一致
6、吸引力
7、高效
8、寬容
讓我們仔細(xì)看看每一個(gè)特性:
1. Clear清楚的
清晰度是用戶界面設(shè)計(jì)最重要的元素。事實(shí)上,用戶界面設(shè)計(jì)的所有目的是為了使人們能夠與您的系統(tǒng)通過溝通和功能來進(jìn)行交互。 如果人們不知道你的應(yīng)用程序怎樣工作或在你的網(wǎng)站上應(yīng)該去哪里,他們會(huì)困惑和沮喪。
這是什么呢?鼠標(biāo)移到WordPress的按鈕時(shí)工具提示會(huì)彈出解釋其職能。
2. Concise 簡(jiǎn)明
清晰的用戶界面是很好的,但是,您應(yīng)該謹(jǐn)慎,不要陷入過度明晰。定義和解釋很容易被添加,但是你這樣做的同時(shí)也增大了規(guī)模。您的界面規(guī)模增加。添加過多的解釋,您的用戶將不得不花費(fèi)過多的時(shí)間去讀它們。
不僅要保持清晰,而且還保持簡(jiǎn)潔。當(dāng)你能用一句話解釋一項(xiàng)功能的時(shí)候就不要用三句話。當(dāng)你可以用一個(gè)單詞標(biāo)記一個(gè)項(xiàng),就不要用兩個(gè)。 保持簡(jiǎn)潔可以節(jié)省你的用戶的寶貴的時(shí)間。 同時(shí)保持清晰和簡(jiǎn)明并不容易,需要足夠的時(shí)間和努力來實(shí)現(xiàn),但其回報(bào)是值得的。
在 OS X 的音量控制中使用兩個(gè)小圖標(biāo)以顯示的音量從低到高。
3. Familiar熟悉
許多設(shè)計(jì)師努力使自己的界面,直觀。 但到底直觀的真正意思是什么?直觀也就是就是說可以自然地,本能地理解和領(lǐng)會(huì)。但是你怎么能做到直觀一些?你可通過是它變的熟悉來實(shí)現(xiàn)。
熟悉就是, 跟你以前遇到過的東西相似。當(dāng)你熟悉的東西,你就知道怎樣它怎么做-你知道會(huì)發(fā)生什么事情。 弄清你的用戶熟悉的并把它們?nèi)诤系侥愕挠脩艚缑嬷小?/p>
4. Responsive易響應(yīng)
易響應(yīng)意味著兩件事。 首先,易響應(yīng)意味著快速。 如果沒有軟件在后臺(tái),界面應(yīng)該響應(yīng)很快。等待加載和緩慢的界面是令人沮喪。 看起來加載的很快, 反正就是界面快速載入(即使內(nèi)容尚未趕上)改善了用戶體驗(yàn)。
易響應(yīng)也意味著界面提供某種形式的反饋。界面應(yīng)該反饋給用戶,告知他們現(xiàn)在怎么了。 你成功地按下那個(gè)按鈕嗎?你將如何知道?按鈕應(yīng)顯示一個(gè)被按了的狀態(tài)反饋, 或許可以把按鈕上的文字改成“正在加載... ”并且禁用按鈕。 是軟件掛了還是內(nèi)容載入中?用轉(zhuǎn)動(dòng)的輪子或顯示進(jìn)度欄的方式來保持用戶在進(jìn)程中。
#p#
5. Consistent一致
之前我談過關(guān)于上下文的重要性 ,以及它應(yīng)如何指導(dǎo)你的設(shè)計(jì)決定。我認(rèn)為,適應(yīng)任何給定的上下文是很聰明,但是,一個(gè)界面仍然應(yīng)保持一定程度的一致性。
一致的界面,使用戶能夠開發(fā)慣用模式-他們會(huì)了解不同的按鈕,標(biāo)簽,圖示和其他界面元素的外觀,并識(shí)別他們。認(rèn)識(shí)到在不同的情況他們所做的事情不同。他們也將了解特定的東西如何工作,能夠從過去的經(jīng)驗(yàn)中更快的總結(jié)知道如何操作新功能。
在Microsoft Office的用戶界面是一致的是有原因的。
6. Attractive吸引力
這可能有一點(diǎn)爭(zhēng)議,但我相信一個(gè)良好的界面應(yīng)該有吸引力。 吸引力在某種意義上,是與界面交互變得是愉快。是的,你可以讓你的用戶界面簡(jiǎn)單,易于使用,有效率和易反應(yīng),它將盡其出色-但如果你可以做額外的一步,使之有吸引力的。那樣用戶體驗(yàn)會(huì)真正令人滿意。當(dāng)你的軟件使用起來是令人愉快的,你的客戶或工作人員將不僅是簡(jiǎn)單地使用它-他們會(huì)期待著使用它。
當(dāng)然有許多不同類型的軟件和網(wǎng)站,所有的創(chuàng)作針對(duì)的不同的市場(chǎng)和用戶。什么樣看來'好'對(duì)任何一個(gè)特定的觀眾都會(huì)有所不同。 這就是說,你應(yīng)該為了你的用戶來包裝你的界面的的外觀和風(fēng)格。 此外,美感設(shè)計(jì)應(yīng)適度使用,并且是為了加強(qiáng)功能。美化界面不同于加載時(shí)使用多余的眼睛糖果。
7. Efficient高效率
用戶界面像是車輛,帶你去你要到的地方。這些地方是軟件應(yīng)用程序或網(wǎng)站的不同的功能。 一個(gè)良好的界面可讓您在執(zhí)行這些功能更快。 現(xiàn)在, '有效'聽起來像一個(gè)相當(dāng)模糊的屬性-如果你把所有其他的事情在這個(gè)清單上,當(dāng)然界面到頭來還是需要高效? 差不多,但不完全。
你真正需要做的是使界面能高效的找出用戶努力想要實(shí)現(xiàn)的,然后讓他們可以有條不紊的做到。 您必須確定您的應(yīng)用程序應(yīng)該如何工作' -什么功能它需要有,什么樣的目標(biāo)是你努力努力爭(zhēng)取實(shí)現(xiàn)? 實(shí)現(xiàn)一個(gè)界面,可以讓人們輕松地完成他們想要做的,而不只是簡(jiǎn)單的實(shí)現(xiàn)對(duì)各個(gè)功能的訪問。
蘋果公司已經(jīng)確認(rèn)了人們?cè)谄鋓Phone上想要對(duì)照片做三個(gè)關(guān)鍵的事情,并在照片控制中提供按鈕來分別完成他們。
8. Forgiving寬容
沒有人是完美的,當(dāng)使用你的軟件或網(wǎng)站必定有人會(huì)犯錯(cuò)誤。 如何處理這些錯(cuò)誤將成為你的軟件的質(zhì)量一個(gè)重要指標(biāo)。不要懲罰用戶-建立一個(gè)寬容的界面,糾正問題。
一個(gè)寬容的界面可以使你的用戶遠(yuǎn)離代價(jià)高昂的錯(cuò)誤。例如,如果有人刪除了重要的信息,他們可以輕松地重新檢索或撤消這一行動(dòng)? 當(dāng)有人瀏覽到損壞或不存在的網(wǎng)頁,他們會(huì)看到什么?他們會(huì)迎接一個(gè)加密的錯(cuò)誤提示還是得到了一些有用的替代目的地?
錯(cuò)誤的刪除了電子郵件?Gmail可讓您迅速取消上一次的操作。
To conclude…結(jié)束...
實(shí)現(xiàn)這些特性實(shí)際上可能同實(shí)現(xiàn)另外一些特性產(chǎn)生沖突。 例如,試圖使一個(gè)界面清晰,您可能會(huì)增加太多的描述和解釋,即最終使整個(gè)界面變得大而笨重。 縮減容量,努力使事情簡(jiǎn)潔可能產(chǎn)生相反的效果,使東西模糊不清。 實(shí)現(xiàn)一個(gè)完美的平衡需要的技能和時(shí)間,解決方案根據(jù)不同的案例也并不一樣。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-11-03 08:16:00] 如何設(shè)計(jì)一個(gè)良好體驗(yàn)的用戶界面(上)
- [2010-06-10 16:14:00] 網(wǎng)頁設(shè)計(jì)(web design)和用戶界面設(shè)計(jì)(UI design)
- [2009-10-09 08:13:00] 社會(huì)化網(wǎng)絡(luò)用戶界面(UI)的9個(gè)重要特征
- [2009-09-15 22:23:00] 用戶界面設(shè)計(jì)10原則
- [2009-07-13 07:48:00] 良好的用戶界面設(shè)計(jì)
- [2010-11-08 08:18:00] 用戶界面設(shè)計(jì)中“狀態(tài)”和“動(dòng)作”的表達(dá)
- [2006-01-06 21:55:00] 網(wǎng)站設(shè)計(jì)和圖形用戶界面(GUI)設(shè)計(jì)的不同
- [2010-04-07 21:41:00] 如何精簡(jiǎn)用戶界面
- [2010-03-22 15:08:00] 會(huì)猜用戶心的界面
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站品牌 蘋果系統(tǒng) 網(wǎng)站SEO 程序開發(fā) 視覺靈感 平面設(shè)計(jì) 頁面設(shè)計(jì) 微官網(wǎng)帶來的好處 力圖數(shù)字科技 微官網(wǎng) 集團(tuán)官網(wǎng) 青島輪胎網(wǎng)站設(shè)計(jì)公司 H5 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 中小型企業(yè)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) H5專題頁面 網(wǎng)站規(guī)劃 網(wǎng)站視覺 網(wǎng)站建設(shè)的步驟有哪些 SEO 網(wǎng)站動(dòng)畫 青島做網(wǎng)站多少錢 高端輪胎網(wǎng)站設(shè)計(jì) 審美 青島flash網(wǎng)站 版面布局 青島網(wǎng)站案例