起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識人人都可以是設計師：UI&UX 小技巧大全 （五）
編輯導語：產品的設計應當讓用戶始終清楚事項的發生，重要的元素也應當置于用戶一目了然的位置，直觀且清晰的設計往往能提升用戶的使用體驗。本篇文章里，作者繼續總結了提升產品設計效果的幾個小技巧，一起來看一下。
重要的位置，要留給重要的元素。
編者按：用戶對產品的體驗來自直觀感受。所以UI/UX往往對產品的成敗有著直接的影響，糟糕的UI/UX體驗會讓強大的功能失去效力。
但怎么才能提高UI/UX設計的效果呢？不一定需要你掌握豐富全面的設計知識，有時候一點點的小改變就能令設計大為改觀。
Marc Andrew總結了36個改進UI/UX設計的小技巧，分成6篇系列文章刊出，此為第五篇，希望能夠幫助到你。原文發表在Medium上，標題是：UI & UX micro-tips: Volume five。
2個卡片設計樣例。左邊的標題行高很高，右邊的標題行高就要小很多。
在創作實用、易于理解且華麗的 UI 時，只需要做一點點的調整馬上就可以改進設計。
在這篇系列文章的第5篇中，我會給大家再帶來6個容易實踐的 UI 和 UX 小技巧。
相關閱讀：
- 人人都可以是設計師：UI&UX 小技巧大全?（一）
- 人人都可以是設計師：UI&UX 小技巧大全?（二）
- 人人都可以是設計師：UI&UX 小技巧大全?（三）
- 人人都可以是設計師：UI&UX 小技巧大全?（四）
我們開始吧……
一、如果用的是Type Scales和Grids的話，變通一下也是可以的
2個卡片設計樣例。左邊的標題行高很高，右邊的標題行高就要小很多。
設計要講規矩，我是遵守規則的忠實粉絲，比方說Type Scale或者一直都很出色的8pt Grid系統我是遵守的。
但有時候最好不要太過教條主義，不要Scale 或 Grid告訴你該怎么做就怎么做，重要的是看怎么做更好看。
請記住，規則是可以變通的，有時候偶爾也是可以打破的。
做一個打破規則的叛逆者。
二、讓表單上的錯誤消息有幫助且易于理解
2 個表單字段樣例。一個顯示的是帶有基本錯誤消息的字段，另一個顯示了更詳細的錯誤消息。
使用表單的時候，要盡量確保錯誤消息說清楚出了什么問題，以及如何補救。
始終要讓用戶了解到具體情況。
要讓這些錯誤消息對用戶有幫助，不要讓用戶蒙在鼓里。
三、在APP加載的時候，應該盡量告訴用戶正在發生了什么事情
APP的 2 個加載屏幕樣例。一個空空如也，沒有加載提示，另一個展示了更詳細的加載指示器。
展示APP元素的框架可以幫助你快速地向用戶溝通應用的布局，并讓用戶放寬心，知道有什么事情正在發生，而不是死機。
系統狀態可見性是需要遵循的重要原則，這讓用戶能夠了解正在發生的事情。
不要讓用戶玩猜謎游戲。要從一開始就讓他們了解情況。
四、通知用戶如果他們應用某個動作將會發生什么
APP的 2 個通知樣例。一個提供的信息非?；荆硪粋€在模態內部提供了更詳細的描述。
在進行應用可能會產生后果的特定操作之前，始終都要先詳細告知用戶。
這尤其適用于某些會產生不可逆轉后果的操作，比方說永久性刪除某些內容。
讓用戶知道將會發生什么，并要求他們在按下那個寫著“刪除互聯網”的紅色大按鈕之前再三確認自己要這么做。
五、確保最重要的屏幕在標簽欄有優先位置
2 個標簽欄樣例。上面這個展示的是不太重要的圖標，下面這個展示的是更重要的圖標。
APP的標簽欄可是屏幕這塊房地產的黃金地段，所以請明智使用。
要把你的標簽欄保留給最常用的屏幕，并把次要的屏幕隱藏在“更多”圖標里面。
小小的標簽欄只能留給重要的東西。
六、不要把重要操作隱藏在下拉菜單里面。重要操作得放在前面，核心的位置！
2個桌面導航的樣例。一個是注冊和登錄按鈕隱藏在下拉菜單里面，另一個在菜單以外放置了 2 個按鈕，而且就放在頂部導航欄旁邊。
是的，我時不時還會在桌面視圖里面看到這種情況發生。
用戶需要采取的基本操作（也就是注冊或登錄）完全隱藏在他們甚至可能都瀏覽不到的下拉菜單里面。
把這些重要操作放在訪問便利的位置，并應該放在用戶預期最應該出現的地方。
作者：Marc Andrew，譯者：boxi
來源：https://www.36kr.com/p/1302313074821767
本文由 @神譯局 授權發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協議。
- 目前還沒評論，等你發揮！
