激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計師常疏忽的十個要點，為你成就UI大師!

發(fā)布時間：2023-12-21 15:30:13 瀏覽量：214次

有段日子沒給大家推薦國外優(yōu)秀設(shè)計文章了~今天小編逛UX Collective的時候，發(fā)現(xiàn)一篇2.8k高贊的設(shè)計文章，作者Danny Sapio是國外著名設(shè)計機構(gòu)Confetti的聯(lián)合創(chuàng)始人兼資深產(chǎn)品設(shè)計師，他為我們總結(jié)了他認為最重要、也最容易被設(shè)計師們忽略的10個設(shè)計問題，相信一定會對大家有所幫助哦~


原文內(nèi)容

▼

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


1.空狀態(tài)


空狀態(tài)≠空白頁面



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


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


但不管你決定做什么，都別只說 "這里還什么都沒有......"


2.滑塊


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



你有沒有遇到過想將滑塊調(diào)節(jié)到6，卻一直不小心滑到5和7的情況？這不是你的錯，這是設(shè)計師的錯。


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


3.下拉式菜單


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



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


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


4.控件


控件的大小應(yīng)該保留足夠的空間，以配合手指點擊操作。



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


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


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


5.無限滾動


無限滾動只適合feed流



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


這種方式在信息流中效果很好，但如果應(yīng)用到消息、郵件、待辦事項、搜索中，會讓用戶無法確定開頭、中間和結(jié)尾在哪里。


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


6.分頁


對于有開頭、中間和結(jié)尾的內(nèi)容，應(yīng)該使用分頁。



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


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


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


3.它可以讓用戶清楚地知道內(nèi)容的開頭、中間和結(jié)尾在哪里。


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


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


7.用戶引導


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



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


用戶不希望通過閱讀來理解產(chǎn)品如何使用——相反，他們更加喜歡直觀地體驗。


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


8.標簽


沒有描述性標簽的神秘圖標不僅毫無用處，在用戶測試中更是表現(xiàn)糟糕。



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


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


圖標經(jīng)常被誤用，以至于用戶有時很難指出大多數(shù)圖標的單一含義。不同的設(shè)計師用不同的圖標來解釋同一件事，或者用同一個圖標來描述不同的動作。


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


9.本機組件


通過利用已經(jīng)內(nèi)置到產(chǎn)品中的組件，我們可以為用戶提供熟悉的體驗并避免操作失誤。



無論你是一個多么優(yōu)秀的設(shè)計師，你都沒有理由從零開始設(shè)計一個日歷日期選擇器。因為即使你的產(chǎn)品比原先更好，但用戶還是需要重新學習新組件，這對他們來說是很不友好的。


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


10.載入中


如果任務(wù)需要的時間不確定，那么最好使用旋轉(zhuǎn)loading



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


并且如果出了問題或出現(xiàn)錯誤，請確保你的旋轉(zhuǎn)圖標停止并向用戶發(fā)出警告。不然你的用戶就只能白白等待一段時間，而后臺卻沒有做任何事。

～此文轉(zhuǎn)載，如有侵權(quán)，請聯(lián)系刪除

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定