• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 如何設(shè)計(jì)一個(gè)良好體驗(yàn)的用戶界面(上)	共有1466人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

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

發(fā)表時(shí)間：2020/8/27 15:06:00 樓　主 如何設(shè)計(jì)一個(gè)良好體驗(yàn)的用戶界面(上) 　　當(dāng)設(shè)計(jì)一個(gè)web應(yīng)用程序或項(xiàng)目時(shí)，功能往往是首先要被考慮的。在大多數(shù)情況下，這是一件好事。 　　大部分人在使用的應(yīng)用程序時(shí)，是因?yàn)樗鼈兪怯杏玫?，而不是因?yàn)樗鼈兛雌饋砗芷痢５?，這并不意味著你可以忽略良好的界面設(shè)計(jì)。良好的用戶界面設(shè)計(jì)可以增加用戶對(duì)于Web應(yīng)用程序的用滿意度。 　　良好的用戶界面設(shè)計(jì)與良好的網(wǎng)頁設(shè)計(jì)在許多方面類似。色彩理論，空間，布局原則等在界面設(shè)計(jì)中仍然適用。但是，用戶界面設(shè)計(jì)中，由于需要更多的交互性，需要考慮的內(nèi)容更多。 　　游客將不只是在看你的網(wǎng)站，他們將與它進(jìn)行互動(dòng)，可能設(shè)計(jì)師會(huì)忽略其中某些互動(dòng)可能。這就是說你必須花時(shí)間去思考和探索用戶界面的交互方法和類型。 　　下面是一些界面設(shè)計(jì)的原則和理念，雖然比較像教科書，但道理十分有用。 　　設(shè)計(jì)的一致性是至關(guān)重要的 　　在用戶界面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)中，功能與界面的一致性是至關(guān)重要的。因?yàn)橛脩粼谑褂媚愕膚eb程序時(shí)，如果從一個(gè)頁面風(fēng)格突然轉(zhuǎn)換到另一個(gè)風(fēng)格，這將造成很大的困惑和沮喪。 　　為了保持一致性，需要注意界面的配色方案和總體布局，以及鏈接是否正確。 　　您的用戶會(huì)犯錯(cuò)誤 　　不管你的web程序設(shè)計(jì)的多好，都很難避免用戶犯一些錯(cuò)誤，所以在考慮界面設(shè)計(jì)時(shí)，需要關(guān)注用戶在發(fā)生錯(cuò)誤后如何進(jìn)行回復(fù)。 　　最常見的例子就是google的web應(yīng)用程序，我們會(huì)發(fā)現(xiàn)在很多地方google都放置了撤銷功能鍵或按鈕，因此既然無法避免用戶犯錯(cuò)，那么我們就要盡量讓用戶可以自己修復(fù)這個(gè)錯(cuò)誤，讓程序變得可以撤銷或返回上一步就十分必要了。 　　突出web應(yīng)用程序的顯示功能 　　顯示內(nèi)容是web應(yīng)用程序的基本功能，比如在很多情況下我們希望用戶看到的內(nèi)容是最新的，那么如何突出新舊內(nèi)容的區(qū)別人。 　　下面的一個(gè)實(shí)例界面給了我們一種思考，將老內(nèi)容的標(biāo)題背景使用灰色，而新內(nèi)容則使用綠色，這樣用戶可以很容易分辨出這些現(xiàn)實(shí)內(nèi)容的區(qū)別。 　　當(dāng)然此類方法還有很多，根本方法就是利用不同的顯示效果讓用戶使用和閱讀起來更方便 　　TitanPad使用顏色編碼來表示每個(gè)用戶造成的更改，類似圖圖網(wǎng)。 　　啟用鍵盤快捷鍵 　　并不是每個(gè)用戶都會(huì)需要使用鍵盤快捷鍵，但有些用戶確實(shí)有使用快捷鍵的習(xí)慣，一個(gè)好的web界面要盡量滿足不同用戶的需求，對(duì)于快捷鍵一般可以提供一些常用的組合。 　　最常見的鍵盤快捷鍵比如：CTRL+Z撤消或Ctrl+V粘貼。 　　可以根據(jù)web程序的功能和相關(guān)用戶的使用經(jīng)驗(yàn)來進(jìn)行合理的快捷鍵搭配 　　使用熟悉的標(biāo)準(zhǔn)和約定 　　應(yīng)用程序的功能很多都是互通的，比如我們?cè)谑褂梦谋揪庉嫻ぞ邥r(shí)，經(jīng)常會(huì)使用到一些word的功能，這樣設(shè)計(jì)的作用就是為了使用標(biāo)準(zhǔn)和約定的功能來減少用戶的學(xué)習(xí)時(shí)間。 　　例如，人們都習(xí)慣看到一個(gè)“打開”，或?yàn)椤罢迟N”剪貼板文件夾圖標(biāo)。 　　提供個(gè)性化的選擇很多的web應(yīng)用允許用戶進(jìn)行自定義他們的帳戶。有些網(wǎng)站讓你調(diào)整配色方案或上傳自定義圖形。還有一些可以讓你重新布局或在您登錄后顯示你創(chuàng)建的自定義頁面或類似內(nèi)容，顯示你關(guān)心的信息。 　　可以在你的web應(yīng)用中加入這些自定義功能，讓您的web應(yīng)用具有更好的用戶體驗(yàn)。 　　雖然并不是自定義功能越多越好，但一些常用的功能可以提高使用體驗(yàn)，比如允許用戶上傳他們自己的徽標(biāo)或更改配色方案或字體，以適應(yīng)他們的個(gè)人喜好，這些都是很簡(jiǎn)單的事情。 　　允許用戶定制自己的導(dǎo)航條的配色方案。這樣的小的定制選項(xiàng)可以大大增加用戶滿意度。 　　使用工具提示和幫助信息當(dāng)涉及到一些復(fù)雜的步驟，發(fā)生錯(cuò)誤等事件時(shí)，友好的提示與幫助功能可以大大增強(qiáng)用戶的好感 　　使用標(biāo)簽式導(dǎo)航操作和按鈕標(biāo)簽導(dǎo)航已經(jīng)在很多界面中被廣泛使用，至今依然是最有效的導(dǎo)航菜單之一。好處這里不一一闡述，相信很多設(shè)計(jì)師都會(huì)首選這種導(dǎo)航條樣式 　　遮罩背后效果的彈出窗口 　　遮罩背景，并彈出功能窗口，這種設(shè)計(jì)的好處可以減少不必要的視覺干擾，同時(shí)讓用戶停留在一個(gè)頁面中，這樣操作起來更有連貫性。 　　利用相關(guān)的圖標(biāo)和標(biāo)簽 　　每個(gè)圖標(biāo)都有自己的含義，圖標(biāo)可以增加界面的美觀，但更多時(shí)候圖標(biāo)代表了功能。因此選擇一套統(tǒng)一風(fēng)格并容易識(shí)別的圖標(biāo)是很重要的。 　　相反錯(cuò)誤的圖標(biāo)很容易讓人產(chǎn)生混亂，所以圖標(biāo)選擇是界面設(shè)計(jì)中很重要的一環(huán)。 　　讓界面簡(jiǎn)單一些 　　為了花哨而添加的元素盡量減少，沒必要用圖標(biāo)的地方盡量用文字代替。去掉沒必要的框框與線條?？傊疁p少一切沒必要的元素，這樣你的web應(yīng)用將更受用戶歡迎，以為用戶會(huì)經(jīng)常使用，所以簡(jiǎn)單的更容易讓他們產(chǎn)生好感 　　要記住用戶使用的功能，而不是你的設(shè)計(jì)。 　　高效的工作流程 　　流程是所有程序必不可少的，這里要遵循的設(shè)計(jì)原則是：盡量用一些人們預(yù)定的流程模式。比如注冊(cè)，登錄等這些常用功能都可以采用大眾化的流程。 　　對(duì)于一些特殊有特殊需要的流程盡量減少每個(gè)步驟中的內(nèi)容元素，當(dāng)然也不能增加太多的步驟，總體上要找到用戶能接受的方案。 奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

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

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