好用的UI設計都有這六項共通點

“本篇適合給剛入行的UI/UX設計師讀者們，6點非常實用的UI(User Interface)設計技巧，幫助你日後的相關工作可以更加得心應手！

一個好的UI設計除了要求視覺美觀外，其實我們可以加入更多UI佈局上的巧思，幫助用戶減少“誤操作”的發生率，同時讓用戶能順暢完成使用目的，從而增加用戶對產品的好感度與得到更多的用戶留存率。

6點增加UI設計好感度的技巧

• 不違背用戶對某些功能icon既定的印象
• 貼心的導覽說明，讓用戶更容易進入狀況
• 一致性與標準化的畫面佈局與元素安排
• 保持介面與元素的單純以凸顯內容為重
• 絕不浪費空白狀態的影響力
• 提前預防錯誤的發生，讓用戶避免錯誤的產生

1.不違背用戶對某些功能icon既定的印象

以”返回“功能為例，在目前的互聯網產品中最為普遍常見的icon造型是“ ＜ ”的左箭頭。那麼我們可以針對這樣的icon”印象”做些不同風格的設計表現，但千萬別離這樣的icon印象太遙遠，否則用戶就得付出不必要的“學習成本”來適應我們產品的UI設計語言。

2.貼心的導覽說明，讓用戶更容易進入狀況

別期待剛完成下載的用戶可以馬上瞭解我們的產品是什麼？或能做什麼？甚至如何使用。我們可以試著在一些重點功能上加入一些活潑生動的導覽說明，幫助用戶更快瞭解我們的產品內容與使用方式。

3.一致性與標準化的畫面佈局與元素安排

就像使用“返回”功能，iOS的用戶會直覺性的從畫面左上角做點擊，而android的用戶會反射性的點擊畫面左下角一樣。UI的畫面元素在佈局上越是標準化，產品的使用體驗就會越直覺易用。

4.盡可能保持畫面單純以凸顯內容為重

UI的視覺設計應該美觀，但不應該強過產品的主要內容或功能，降低次要的UI元素設計複雜度，反而能讓重點功能或內容更加凸顯。

5.絕不浪費空白狀態的影響力

如果當前頁面是沒有任何資料的空白頁，我們可以嘗試加入“提示性語言”與“引導操作”的UI設計。

6.提前預防錯誤的發生，讓用戶避免錯誤的產生

有些功能比較容易讓用戶產生誤操作（ex:用戶註冊的密碼不符合規則），我們可以在UI上提前告知用戶:「還需要X個英文或數字」，這樣既不打斷用戶正在建立密碼的過程，同時降低用戶的誤操作機率。

總結

一個“好的UI設計”，我個人的定義是除了視覺美觀和清楚直覺外，若能幫助用戶降低產品使用上的誤操作率，並且在用戶使用產品的過程中完全不需經過思考＆猶豫就能直覺使用UI上的每個功能＆按鈕。像這樣清楚且直覺的表現出UI上每個設計元件的意義，能幫助用戶使用產品的體驗更加順暢且無障礙。

感謝你們的瀏覽閱讀，如果你覺得這篇文章寫得不錯並且有幫助到你，希望你能給我一點「拍手鼓勵」，也歡迎在下方留言讓我知道你的想法，我會持續分享更多實用＆實戰的經驗方式給你們。

拍手小秘訣： 只要將滑鼠(或手指)持續按著不放手掌的icon，就能夠連續拍手囉，試試看吧！