UI（User Interface），即界面設計，它是網站、App給用(yòng)戶在感覺（視覺、觸覺、聽覺等）和情感上帶來的第一體(tǐ)驗，包括人機交互、界面邏輯、界面美觀設計三個方面 。簡單來講，UI不僅是一種表現形式，更是用(yòng)戶對界面的體(tǐ)驗和信息交互意願。顯而易見，好的UI設計不僅讓軟件有(yǒu)個性、品位，還讓用(yòng)戶操作(zuò)簡單舒适，從而進一步體(tǐ)現軟件的定位和特點。那麽，到底什麽才算是好的UI設計呢(ne)？在UI設計中(zhōng)有(yǒu)哪些常見的錯誤呢(ne)？UI設計師還有(yǒu)哪些應該避免的問題呢(ne)？下面一起來看看。

好的UI設計 Vs. 糟糕的UI設計 ，區(qū)别在哪？

除了衆所周知的Kiss（Keep it simple and easy）産(chǎn)品設計原則外，好的UI設計應該也符合4個E的标準，即：

- Easy to use（方便使用(yòng)）

- Easy to understand（簡單易懂）

- Error-free（零錯誤）

- Effective for the end-goal (or product)（有(yǒu)助于最終目标的實現）

相反地，糟糕的UI設計給人一種複雜難懂、太過平凡甚至落後的感覺。如果是好的UI設計，會以一種直觀的方式地讓用(yòng)戶明白如何與網站進行交互，即便是首次訪問某個頁(yè)面或App，也能(néng)快速了解它的操作(zuò)流程及原理(lǐ)；而壞的UI設計，不僅無法體(tǐ)現設計者的創意，而且會在無意中(zhōng)給用(yòng)戶傳遞誤導的信息，從而帶來不安(ān)感、糊塗感、挫折感、甚至憤怒感。當然，不好的UI設計會帶來糟糕的用(yòng)戶體(tǐ)驗，大家看看最新(xīn)發布的iPhone X的“劉海兒”就知道了…

那麽，什麽樣的UI設計是糟糕的呢(ne)？下面列舉了6個典型的例子及教訓，供你參考。

六個糟糕的UI設計案例，看看你中(zhōng)槍沒？

1. 缺乏對比

當浏覽網站時，我們喜歡看頁(yè)面設計展示出幹淨、清爽的對比，這樣不僅可(kě)以讓内容可(kě)讀，而且能(néng)毫不費力地引導用(yòng)戶。

2. 非響應式的設計

尤其對于在手機上浏覽時要放大、縮小(xiǎo)界面元素的用(yòng)戶來說，非響應式設計會造成諸多(duō)不便。我們沒有(yǒu)任何借口去創建一個在手機上很(hěn)難用(yòng)的網站，除非前期做了大量的用(yòng)戶測試，并已經證明響應式設計并不是必需的 。

3. 沒有(yǒu)用(yòng)戶反饋、抄襲數據

從别人的設計中(zhōng)獲取靈感并不一定是件壞事，但前提要确保我們擁有(yǒu)足夠多(duō)而且正确的用(yòng)戶數據，從而帶來最佳的用(yòng)戶及設計價值。

4. 混亂的架構

每個設計師都希望自己的設計能(néng)脫穎而出、奪人眼球，但過于強調創造可(kě)能(néng)會帶來組織架構的混亂。保持視覺層次結構平衡能(néng)給用(yòng)戶良好的初次印象。更重要的是，能(néng)向用(yòng)戶傳遞更多(duō)網頁(yè)内容以外的信息。

5. 不一緻的風格

混搭風格不一定都是糟糕的，但如果整體(tǐ)界面的看起來有(yǒu)巨大的、醜陋的視覺沖突，那麽還是“回爐”重新(xīn)設計較好。出色的UI設計具(jù)有(yǒu)一緻性，它能(néng)讓用(yòng)戶在訪問網頁(yè)時能(néng)清楚了解并控制當前的局面，從而提高工(gōng)作(zuò)效率。

6. 臃腫的表單

有(yǒu)時候我們需要通過表單來收集必要的用(yòng)戶信息，但過長(cháng)、内容過多(duō)的表單不僅很(hěn)浪費時間，而且看起來也給人不清晰的感覺。因此考慮把表單精(jīng)簡或者進行分(fēn)步驟展示，用(yòng)戶體(tǐ)驗會更好。

其實像用(yòng)戶表單、評論區(qū)這類帶有(yǒu)社交性質(zhì)的界面元素，已經被越來越多(duō)的網站及App重視和使用(yòng)。如果能(néng)增加用(yòng)戶社交分(fēn)享按鈕（比如微信、QQ、微博），或者通過輸入賬号來訂閱關注的信息，不僅可(kě)以增加有(yǒu)效的傳播途徑，還能(néng)增加用(yòng)戶留存率。

常見的問題有(yǒu)以下五個：

1. 過分(fēn)地限制設計探索。由于項目時間及風險等原因，不少UI設計師其實在規劃設計方案前，并不能(néng)進行比較廣泛、創意類的設計探索，從而無法大膽地提議、限制了自己的作(zuò)品表現力。對于設計團隊來說，用(yòng)3－6個月的時間對産(chǎn)品迅速定位并配合産(chǎn)品運作(zuò)模式來正面改變，是必需的。

2. 不夠人性化。這是設計中(zhōng)最重要也較容易被忽視的一點。所有(yǒu)設計都應該以人為(wèi)本、而不是照本宣科(kē)。我們需要有(yǒu)更多(duō)的數據分(fēn)析及素材資源，确保設計想法最終能(néng)被用(yòng)戶接受并認可(kě) 。

3. 不清楚産(chǎn)品的受衆。簡而言之，應該根據自己的目标受衆、而非自身的喜好來進行設計，打破設計格局，創造好的設計賣點。

4. 過早地精(jīng)雕細琢。尤其在設計初期時，會想把腦海中(zhōng)浮現的酷炫概念不假思索地畫出來，然後開始繪制高保真地模拟圖等。但最好的做法，還是應該從不同的方面進行思考探索，挖掘更多(duō)、更有(yǒu)潛力的idea。

5. 過度地使用(yòng)動效。說實話，無意義的動效設計幾乎随處可(kě)見，這不僅阻礙了用(yòng)戶實現目标，而且讓人看着很(hěn)厭煩（如下）。因此避免使用(yòng)裝(zhuāng)飾性的動畫效果，讓動畫特效的真正用(yòng)于加強網站及應用(yòng)的用(yòng)戶體(tǐ)驗中(zhōng)。

綜上所述，好的UI設計一定是在保證美觀的大前提下，保證結構清晰、注重用(yòng)戶體(tǐ)驗、獨特、統一、且簡潔的。聽起來很(hěn)簡單，對吧？實際要做到并不容易。即便能(néng)夠吸收且确保前期的設計想法正确，但當實際運用(yòng)時可(kě)能(néng)又(yòu)會有(yǒu)很(hěn)多(duō)未預料到的事情。從想法到落地的這一過程，才是真正考驗個人能(néng)力的階段。

想了解更多(duō)有(yǒu)關UI設計方面的資訊，請繼續關注網時代官網。