UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!

有段日子沒給大家推薦國外優秀設計文章了~今天小編逛UX Collective的時候,發現一篇2.8k高讚的設計文章,作者Danny Sapio是國外著名設計機構Confetti的聯合創始人兼資深產品設計師,他為我們總結了他認為最重要、也最容易被設計師們忽略的10個設計問題,相信一定會對大家有所幫助哦~


原文內容

此列表改編自Will Grant的《101個用戶體驗原則》,這是書中101條原則中我最喜歡的10條。


1.空狀態


空狀態≠空白頁面


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


當用戶第一次打開我們的界面時,很可能由於尚未添加任何內容,因此處於空白狀態,比如閱讀記錄、項目、待辦事項、好友、歌曲列表等等。


但在內容會出現的地方留下空白,會讓我們錯失一個和用戶交流的好機會,我們完全可以利用空白狀態來引導用戶,提供指導和信息,說明你的軟件可以做什麼...


但不管你決定做什麼,都別隻說 "這裡還什麼都沒有......"


2.滑塊


請勿將滑塊用於可量化的值。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


你有沒有遇到過想將滑塊調節到6,卻一直不小心滑到5和7的情況?這不是你的錯,這是設計師的錯。


雖然滑塊對於亮度、音量、顏色選擇器等定性值很友好。但我們絕對不要使用滑塊來選擇特定的數值,在某些情況下,滑塊真的讓人令人沮喪並且無效。


3.下拉式菜單


只有在有選項很多的情況下,才使用下拉菜單。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


當我們有很多選項時,比如選擇國家或生日,下拉菜單可以幫助我們提高可用性。但如果我們只有少數幾個選項時,使用單選按鈕或滑塊會更適合。


ps.如果我們的下拉菜單非常非常長,可以考慮添加一個迷你搜索或過濾器,這樣用戶就可以快速找到他們需要的選項了。


4.控件


控件的大小應該保留足夠的空間,以配合手指點擊操作。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


需要小心翼翼的躲避其他選項才能點擊正確的選項是非常令人沮喪的。我的經驗是元素之間至少保留2mm間距,這樣可以有效防止用戶誤點。


Apple的《iPhone人機界面指南》建議最小目標尺寸為44px寬,44px高。


Microsoft的《 Windows Phone UI設計和交互指南》建議觸摸目標大小為34px,最小觸摸目標大小為26px。


5.無限滾動


無限滾動只適合feed流


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


無限滾動是所有社交媒體APP都在使用的。它的特點在於不需要點擊到下一個頁面,內容就會隨著用戶的滾動而異步加載。


這種方式在信息流中效果很好,但如果應用到消息、郵件、待辦事項、搜索中,會讓用戶無法確定開頭、中間和結尾在哪裡。


比如當用戶可以看到一個有945頁的界面時,他們可以決定是用搜索、排序還是過濾來縮小列表的範圍。但如果他們壓根不知道列表中到底有多少個項目,那麼也無法鎖定自己想看的內容在哪個位置。


6.分頁


對於有開頭、中間和結尾的內容,應該使用分頁。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


分頁雖然看起來有些過時,但它有幾個好處:


1.它有助於用戶確定自己的位置,而不是瀏覽一個無窮無盡的列表。


2.它會記住用戶的位置並向他們顯示當前頁面。


3.它可以讓用戶清楚地知道內容的開頭、中間和結尾在哪裡。


4.幫助用戶快速切換位置


5.幫助用戶縮小搜索範圍。


7.用戶引導


用戶不希望通過閱讀來理解操作


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


“show don 't tell”源自於劇作家安東·契訶夫,這是一種使讀者能夠通過感官和感覺而不是作者的描述來體驗故事的技巧。


用戶不希望通過閱讀來理解產品如何使用——相反,他們更加喜歡直觀體驗。


雖然視頻演示非常適合複雜的軟件和界面,如果我們無法制作視頻,那麼界面提示也是很好的起點。不過,一定要讓這些提示在視覺上更吸引人、且不會過多的搶佔用戶注意力。


8.標籤


沒有描述性標籤的神秘圖標不僅毫無用處,在用戶測試中更是表現糟糕。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


圖標為我們提供了視覺參考,讓用戶可以通過它快速識別控件。但前提是:用戶可以讀懂這個圖標的含義。


有些圖標可以不使用標籤,如粗體、斜體、下劃線等。但是,在菜單或工具欄中的圖標必須用描述性文本來解釋其含義。


圖標經常被誤用,以至於用戶有時很難指出大多數圖標的單一含義。不同的設計師用不同的圖標來解釋同一件事,或者用同一個圖標來描述不同的動作。


例如,放大鏡可能在一個界面中表示“搜索”,在另一個界面中卻表示“放大”。


9.本機組件


通過利用已經內置到產品中的組件,我們可以為用戶提供熟悉的體驗並避免操作失誤。


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


無論你是一個多麼優秀的設計師,你都沒有理由從零開始設計一個日曆日期選擇器。因為即使你的產品比原先更好,但用戶還是需要重新學習新組件,這對他們來說是很不友好的。


相比之下本地組件就簡單很多了——使用它們可以為你的團隊節省更多時間和精力,並減少用戶認知障礙。


10.載入中


如果任務需要的時間不確定,那麼最好使用旋轉loading


UI設計師最容易忽略的10個錯誤!完美避雷你就是大神!


當我們精確地知道一個加載過程需要多長時間,例如下載或上傳時,帶有百分比的進度條是完美選擇,但是如果我們不能確定這個加載過程需要多長時間,那麼最好使用只表示狀態的旋轉加載。


並且如果出了問題或出現錯誤,請確保你的旋轉圖標停止並向用戶發出警告。不然你的用戶就只能白白等待一段時間,而後臺卻沒有做任何事。

~此文轉載,如有侵權,請聯繫刪除


分享到:


相關文章: