起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識改善設計與用戶體驗的小技巧
編輯導語：有時候，一點小小的細節變化，能給用戶帶來不一樣的體驗。本文作者分享了12個易于實踐的UI/UX小技巧，幫助我們改善設計與用戶體驗，希望能給你帶來幫助。
每天進步一點點，與大家分享一些易于實踐的UI/UX小技巧，可以幫助我們改善設計與用戶體驗。
01 幫助用戶以最快的方式獲取相關內容
頁面內鏈接/跳轉鏈接，如果應用得當，當涉及到單個頁面上的冗長內容時，它們可以顯著改善用戶體驗。
例如，在一篇很長的文章中，就是一個有很多部分的文章，每個部分都有很多內容，擁有大綱目錄可以幫助用戶快速導航到他們需要的部分，而不用無需無休止的滾動。
頁內鏈接應用得當，可以為用戶提供感興趣內容的快速訪問，并大大提高你的內容的可發現性和參與度。
02 在表格輸入中，盡量減少冗余任務
有些表格輸入內容項可能會很長，為用戶簡化并盡量減少冗余任務，例如輸入送貨地址的詳細信息，這在大多數情況下都是相同的。因此，使用簡單的復選框讓用戶減少耗時，讓他們可以復制之前輸入的數據、預填充字段并在表單中快速移動。
03 始終將標簽放在較長輸入框的上方
對于簡短的表單，遵循Z模式并將標簽放置在字段左側是可行的，因為沒有太多要掃描的內容，但對于類目較多的表單，請始終將這些標簽放在頂部。
尤其是那些類目比較多的表單，使用更常見的F模式，允許用戶以更自然的方式掃描表單并更快地完成表單。
04 避免使用“超極簡”外觀
當涉及到一些UI元素時，尤其是像下載按鈕之類的，使用超極簡的外觀并不合適，尤其是在PC上。嘗試通過使用顏色、百分比數字（在更大的屏幕上，更是如此）來顯示當前進度和一個簡單的圖標來實現隨時取消該過程。
05 在表單輸入后提供即時反饋
當涉及到很多的輸入字段組成的表單，可以鼓勵用戶在完成輸入的時候看到及時反饋。及時反饋，只需讓用戶了解與特定字段的交互是否成功。
一個簡單的圖標，在某些情況下，一個簡短的文本提示就足以提供大大改進的可訪問性。
06 如何快速地選擇配色？
鄰近色，是色盤上彼此相鄰的三種（也可以選擇更多的）顏色，由一種主色組成，然后輔助顏色在兩邊。
使用鄰近顏色可以幫助你快速找到一種和諧的配色方案，使你的設計看起來統一、一致。
07 保持搜索字段的完整性
在條件允許的情況，搜索框區域足夠大，以容納用戶的完整搜索查詢。
沒有人喜歡看到他們的查詢消失在搜索區域的邊緣。只需單擊一個搜索圖標，當單擊該圖標時，會顯示一個搜索區域，足以容納用戶的完整搜索查詢。
08 選擇合適的控件
當涉及到產品列表時，單選按鈕還是下拉菜單？
在電商類應用中，屏幕空間非常緊張，避免用戶信息過載，單選按鈕適用于四個或更少的選項，四個以上的選項，與下拉菜單一起使用。
09 讓設計看起來更“真實”的陰影選擇
在彩色畫布上處理元素時，盡量避免使用黑色陰影。在現實世界中，如果你將一個元素放置在彩色背景之上，那么該元素投射的陰影將與背景顏色滲出。
所以要避免那些看起來很假的陰影，并在混合中加入一點背景顏色，讓設計看起來更“真實”。
10 關于暗黑主題設計中的白色
正如在上面一組技巧中提到的，在創建深色主題設計時永遠不要選擇純黑色，因為它會影響許多用戶的可用性，盡可能弱化黑色。
每當你決定將白色元素添加到深色設計中時，都適用類似的規則。
如果使用的白色是純白色，它們可能會在與黑暗主題元素的映襯下刺眼，并造成糟糕的視覺體驗，因此需要弱化這些白色，并降低它們的對比度，以使用戶的眼睛更容易看到。
11 表單中的錯誤狀態不要只要靠顏色
當涉及到表單的可訪問性時，不要僅僅依靠顏色來向用戶傳達不同的狀態。
例如，對于錯誤提示，如果僅靠顏色進行提示，那么對患有色盲的很不友好。可以結合圖標和某種形式的錯誤消息來幫助輔助功能，讓用戶得到正確的提示。
12 使用示例來改進表單的用戶體驗
事實證明，在表單字段中使用正確占位符，例如選擇“輸入您的電子郵件”之類的占位符副本，不如提供一個真實的示例，即；’hello@hotmail.com’，以改善用戶體驗，并按照預期的方式使用占位符。
本文由 @Color可樂 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于 CC0 協議
??
這篇文章干貨滿滿，結構清晰，感謝作者的分享，值得收藏