歡迎來到培訓(xùn)無憂網(wǎng)!

全國(guó)切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT >  web界面設(shè)計(jì)有什么原則嗎

web界面設(shè)計(jì)有什么原則嗎

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:羽初

2021-09-28 14:01:50|已瀏覽:147次

Web前端Java開發(fā)培訓(xùn)班學(xué)員就業(yè)好嗎

     1、一致性原則

     對(duì)于相同或相近的業(yè)務(wù)功能,操作方式保持一致,培養(yǎng)用戶的操作習(xí)慣。

     比如查看聯(lián)系人功能,如果有的頁(yè)面是點(diǎn)擊彈出窗口查看,有的頁(yè)面是點(diǎn)擊從右側(cè)展出內(nèi)容,就會(huì)讓用戶產(chǎn)生困擾,降低用戶體驗(yàn)。所以要不就統(tǒng)一地彈出窗口查看詳情,要不就統(tǒng)一地從右側(cè)展開詳情。

     此外,對(duì)于組件顏色、組件尺寸、組件擺放位置也盡量保持一致。比如彈出窗口,類似的業(yè)務(wù)不能有的窗口大,有的窗口小;一個(gè)查找聯(lián)系人的輸入框,不能有的頁(yè)面放在右側(cè),有的卻放在左側(cè);確認(rèn)按鈕,不能有的頁(yè)面是藍(lán)色,有的頁(yè)面是灰色。

     2、主次性原則

     避免并列過多操作讓用戶選擇,在不得不并列多個(gè)操作時(shí),需區(qū)分操作主次,減輕用戶的選擇難度。

    3、扁平化原則

    這里說的扁平化除了指界面效果的扁平化外,還包含了操作的扁平化這一層意思。即:

(1)降低頁(yè)面層級(jí),能夠一個(gè)界面解決的不要彈出窗口,能夠彈出一層窗口解決不要彈出兩層窗口。

(2)降低操作復(fù)雜度,以清晰明了的方式讓用戶完成操作。比如對(duì)于復(fù)雜的表單填寫進(jìn)行分步處理,每一步給出指引。

(3)降低鼠標(biāo)點(diǎn)擊次數(shù)。比如一個(gè)新增用戶操作,如果是每增加一個(gè)用戶都要用戶點(diǎn)擊彈出一次窗口,完成后點(diǎn)擊“確定”窗口關(guān)閉,添加第二個(gè)人再?gòu)棾龃翱凇?/span>

    不如加入一個(gè)“確定并繼續(xù)添加”按鈕,這樣窗口并不關(guān)閉,讓用戶每次添加用戶都可以少點(diǎn)兩次鼠標(biāo),降低用戶使用系統(tǒng)的疲勞感;

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.elsolbar.com/news-id-1797.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注電腦/IT頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請(qǐng) 試 聽
提交申請(qǐng),《培訓(xùn)無憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程!