一個優(yōu)秀網站用戶界面的八個特征

當你構建你的用戶界面和網站的時候纬霞,有各種各樣的關于界面設計方法和模式的信息你可以使用,對常見問題的解決方案和一般可用性的建議苦酱。下列專家給出的準則可能會引導你創(chuàng)造一個良好的用戶界面,但是究竟什么才是一個良好的界面?一個有價值的用戶界面應該具有那些特性库物?

以下八個特性是一個良好的用戶界面所必須的:

清楚

簡明

熟悉

易響應

一致

吸引力

高效

寬容

1.? Clear /清楚的

清晰度是用戶界面設計最重要的元素。事實上贷帮,用戶界面設計的所有目的是為了使人們能夠與您的系統(tǒng)通過溝通和功能來進行交互戚揭。如果人們不知道你的應用程序怎樣工作或在你的網站上應該去哪里,他們會困惑和沮喪撵枢。

這是

什么呢民晒?鼠標移到WordPress的按鈕時工具提示會彈出解釋其職能。

2. Concise /簡明

清晰的用戶界面是很好的锄禽,但是潜必,您應該謹慎,不要陷入過度明晰沃但。定義和解釋很容易被添加磁滚,但是你這樣做的同時也增大了規(guī)模。您的界面規(guī)模增加宵晚。添加過多的解釋垂攘,您的用戶將不得不花費過多的時間去讀它們。

不僅要保持清晰淤刃,而且還保持簡潔晒他。當你能用一句話解釋一項功能的時候就不要用三句話。當你可以用一個單詞標記一個項逸贾,就不要用兩個仪芒。保持簡潔可以節(jié)省你的用戶的寶貴的時間唁影。同時保持清晰和簡明并不容易,需要足夠的時間和努力來實現(xiàn)掂名,但其回報是值得的据沈。

在OS X的音量控制中使用兩個小圖標以顯示的音量從低到高。

3.? Familiar /熟悉

許多設計師努力使自己的界面饺蔑,直觀锌介。但到底直觀的真正意思是什么?直觀也就是就是說可以自然地猾警,本能地理解和領會孔祸。但是你怎么能做到直觀一些?你可通過是它變的熟悉來實現(xiàn)发皿。

熟悉就是崔慧,跟你以前遇到過的東西相似。當你熟悉的東西穴墅,你就知道怎樣它怎么做-你知道會發(fā)生什么事情惶室。弄清你的用戶熟悉的并把它們融合到你的用戶界面中

GoPlan的標簽頁式界面。標簽很熟悉玄货,因為他們模仿文件夾上的標簽皇钞。你清楚知道點擊標簽您將瀏覽該節(jié)和其他地方的標簽將繼續(xù)存在為了進一步導航。

4. ?Responsive /易響應

易響應意味著兩件事松捉。首先夹界,易響應意味著快速。如果沒有軟件在后臺隘世,界面應該響應很快可柿。等待加載和緩慢的界面是令人沮喪”撸看起來加載的很快趾痘,反正就是界面快速載入(即使內容尚未趕上)改善了用戶體驗。

易響應也意味著界面提供某種形式的反饋蔓钟。界面應該反饋給用戶永票,告知他們現(xiàn)在怎么了。你成功地按下那個按鈕嗎滥沫?你將如何知道侣集?按鈕應顯示一個被按了的狀態(tài)反饋,或許可以把按鈕上的文字改成“正在加載…”并且禁用按鈕兰绣。是軟件掛了還是內容載入中世分?用轉動的輪子或顯示進度欄的方式來保持用戶在進程中。

Gmail會顯示一個進度欄當您第一次進入您的收件箱缀辩。而不是逐步載入網頁時臭埋,一旦一切準備就緒整個頁面即時顯示踪央。

5.? Consistent /一致

之前我談過關于上下文的重要性,以及它應如何指導你的設計決定瓢阴。我認為畅蹂,適應任何給定的上下文是很聰明,但是荣恐,一個界面仍然應保持一定程度的一致性液斜。

一致的界面,使用戶能夠開發(fā)慣用模式-他們會了解不同的按鈕叠穆,標簽少漆,圖示和其他界面元素的外觀,并識別他們硼被。認識到在不同的情況他們所做的事情不同示损。他們也將了解特定的東西如何工作,能夠從過去的經驗中更快的總結知道如何操作新功能嚷硫。

在Microsoft Office的用戶界面是一致的是有原因的检访。

6.? Attractive /吸引力

這可能有一點爭議,但我相信一個良好的界面應該有吸引力论巍。吸引力在某種意義上烛谊,是與界面交互變得是愉快风响。是的嘉汰,你可以讓你的用戶界面簡單,易于使用状勤,有效率和易反應鞋怀,它將盡其出色-但如果你可以做額外的一步,使之有吸引力的持搜。那樣用戶體驗會真正令人滿意密似。當你的軟件使用起來是令人愉快的,你的客戶或工作人員將不僅是簡單地使用它-他們會期待著使用它葫盼。

當然有許多不同類型的軟件和網站残腌,所有的創(chuàng)作針對的不同的市場和用戶。什么樣看來’好’對任何一個特定的觀眾都會有所不同贫导。這就是說抛猫,你應該為了你的用戶來包裝你的界面的的外觀和風格。此外孩灯,美感設計應適度使用闺金,并且是為了加強功能。美化界面不同于加載時使用多余的眼睛糖果峰档。

谷歌是眾所周知的極簡潔的界面败匹,他們關注功能重于形式寨昙,但他們顯然的花費時間美化了Chrome用戶界面元素,如按鈕和圖標掀亩,使它們看起來正好體現(xiàn)了微妙的梯度和像素超薄突出舔哪。

7.? Efficient /高效率

用戶界面像是車輛,帶你去你要到的地方归榕。這些地方是軟件應用程序或網站的不同的功能尸红。一個良好的界面可讓您在執(zhí)行這些功能更快。現(xiàn)在刹泄,‘有效’聽起來像一個相當模糊的屬性-如果你把所有其他的事情在這個清單上外里,當然界面到頭來還是需要高效?差不多特石,但不完全盅蝗。

你真正需要做的是使界面能高效的找出用戶努力想要實現(xiàn)的,然后讓他們可以有條不紊的做到姆蘸。您必須確定您的應用程序應該如何工作’-什么功能它需要有墩莫,什么樣的目標是你努力努力爭取實現(xiàn)?實現(xiàn)一個界面逞敷,可以讓人們輕松地完成他們想要做的狂秦,而不只是簡單的實現(xiàn)對各個功能的訪問。

蘋果公司已經確認了人們在其iPhone上想要對照片做三個關鍵的事情推捐,并在照片控制中提供按鈕來分別完成他們裂问。

8.? Forgiving /寬容

沒有人是完美的,當使用你的軟件或網站必定有人會犯錯誤牛柒。如何處理這些錯誤將成為你的軟件的質量一個重要指標堪簿。不要懲罰用戶-建立一個寬容的界面,糾正問題皮壁。

一個寬容的界面可以使你的用戶遠離代價高昂的錯誤椭更。例如,如果有人刪除了重要的信息蛾魄,他們可以輕松地重新檢索或撤消這一行動虑瀑?當有人瀏覽到損壞或不存在的網頁,他們會看到什么滴须?他們會迎接一個加密的錯誤提示還是得到了一些有用的替代目的地舌狗?

錯誤的刪除了電子郵件?Gmail可讓您迅速取消上一次的操作描馅。

To conclude…結束…

實現(xiàn)這些特性實際上可能同實現(xiàn)另外一些特性產生沖突把夸。例如,試圖使一個界面清晰铭污,您可能會增加太多的描述和解釋恋日,即最終使整個界面變得大而笨重膀篮。縮減容量岂膳,努力使事情簡潔可能產生相反的效果誓竿,使東西模糊不清。實現(xiàn)一個完美的平衡需要的技能和時間谈截,解決方案根據(jù)不同的案例也并不一樣筷屡。

一個優(yōu)秀網站用戶界面的八個特征http://www.siweiw.com/sjinfo6775.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市簸喂,隨后出現(xiàn)的幾起案子毙死,更是在濱河造成了極大的恐慌,老刑警劉巖喻鳄,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扼倘,死亡現(xiàn)場離奇詭異,居然都是意外死亡除呵,警方通過查閱死者的電腦和手機再菊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颜曾,“玉大人纠拔,你說我怎么就攤上這事》汉溃” “怎么了稠诲?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長候址。 經常有香客問我吕粹,道長种柑,這世上最難降的妖魔是什么岗仑? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮聚请,結果婚禮上荠雕,老公的妹妹穿的比我還像新娘。我一直安慰自己驶赏,他們只是感情好炸卑,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著煤傍,像睡著了一般盖文。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚯姆,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天五续,我揣著相機與錄音洒敏,去河邊找鬼。 笑死疙驾,一個胖子當著我的面吹牛凶伙,可吹牛的內容都是我干的。 我是一名探鬼主播它碎,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼函荣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了扳肛?” 一聲冷哼從身側響起傻挂,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挖息,沒想到半個月后踊谋,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡旋讹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年殖蚕,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沉迹。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡睦疫,死狀恐怖,靈堂內的尸體忽然破棺而出鞭呕,到底是詐尸還是另有隱情蛤育,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布葫松,位于F島的核電站瓦糕,受9級特大地震影響,放射性物質發(fā)生泄漏腋么。R本人自食惡果不足惜咕娄,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望珊擂。 院中可真熱鬧圣勒,春花似錦、人聲如沸摧扇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扛稽。三九已至吁峻,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背用含。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工橙困, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人耕餐。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓凡傅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親肠缔。 傳聞我的和親對象是個殘疾皇子夏跷,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,095評論 25 707
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件明未、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,098評論 4 62
  • 世間的人和事 感覺都在于一個緣字 有緣相見 有緣相知 我不會知道自己會遇見你 也無法猜測你是否是我的歸宿 但 我...
    繁花知風雨閱讀 159評論 0 0
  • 一直一直以來趟妥,我覺得他是我最好的朋友猫态,曾經為我們之間的情誼而感 到自豪 ,那么的美好披摄,那么的溫暖亲雪!我以為我們就會這...
    子墨的軒雅閣閱讀 731評論 0 1
  • 當我們直面生存,死亡疚膊,還有愛情义辕,我們會選擇什么?愛情成為這樣三個命題當中選擇的一項寓盗,又是為什么灌砖,不是親情?不是友情...
    咖喱麻辣閱讀 312評論 0 1