• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 選中狀態(tài)應該高亮還是灰掉？	共有1485人瀏覽過本貼	主貼管理 置　頂 加　精 結　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2020/4/13 11:02:00 樓　主 選中狀態(tài)應該高亮還是灰掉？ 　　導航設計中一個基本的任務點是準確標明當前選中項，不當?shù)脑O計很容易造成用戶困惑。尤其是只有兩個列表項時，要對用戶準確傳達當前的選中項，設計上要很謹慎。針對最近項目中遇到的這個問題，記一筆。 　　用戶判斷選中狀態(tài)的心智模型有兩種： 　　一種是指示燈式，如紅綠燈、電梯操作面板、各種儀表盤等，指示燈亮起表示選中——即高亮； 　　另一種是按鈕式，按鈕陷下去表示選中——即灰掉。明顯告訴用戶這個正在使用中，不可點。 　　===========================案例分割線============================ 　　以上兩個分別來自淘寶和有啊，都是選中狀態(tài)高亮。（合理的指示燈式體驗） 　　以上兩個設計分別來自google和iTunes，都是選中狀態(tài)灰掉。相信不管兩個列表項還是三個列表項，都可以清楚知道哪個是選中項。（合理的按鈕式體驗） 　　上圖來自阿里國際站，圖標+鏈接的形式，選中狀態(tài)圖標灰掉。圖標和鏈接都能傳達選中狀態(tài)，當用戶對兩者認知不一致時，該相信圖標還是相信鏈接？（指示燈式與按鈕式混用，且指示燈式反著用） 　　上圖來自alibabawholesale，選中狀態(tài)圖標灰掉。與有啊一模一樣的設計，實際意義竟然完全相反。（可以看成指示燈式反著用，也可以看成按鈕式卻沒設計成按鈕） 　　========================總結分割線============================ 　　綜合以上的案例，造成用戶困惑的設計，要么是把指示燈式反著用，要么是按鈕式?jīng)]設計成按鈕，要么是兩者混著用卻沒統(tǒng)一。 　　總結： 　　1、選中狀態(tài)高亮，代表最廣大用戶的認知習慣。 　　2、使用圖標表示選中狀態(tài)時，應該讓選中狀態(tài)的圖標高亮。如果非要讓選中狀態(tài)的圖標灰掉，圖標應該設計成按鈕質(zhì)感，視覺上明確表現(xiàn)出陷下和浮起的狀態(tài)。 　　3、利用鏈接與非鏈接也可以準確地表示選中狀態(tài)。圖標+鏈接的形式慎用。 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設及精美網(wǎng)站制作服務，同時歡迎各地網(wǎng)站建設公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶