建站常識(shí)
良好的用戶界面設(shè)計(jì)
2009-07-13 07:48:00
一、什么是用戶界面
用戶界面是負(fù)責(zé)管理與用戶之間的交互,向用戶顯示數(shù)據(jù),從用戶處獲得數(shù)據(jù),解釋由用戶操作所引發(fā)的事件,并幫助用戶查看任務(wù)的進(jìn)度。
二、用戶界面組成
模型(model,應(yīng)用程序?qū)ο螅⒁晥D(view,向用戶顯示)、控制器(controller,用戶控件)。
三、用戶界面設(shè)計(jì)指導(dǎo)方針
界面設(shè)計(jì)必須以一種對用戶很直觀的方式來實(shí)現(xiàn)用戶任務(wù)。實(shí)現(xiàn)這一目標(biāo)需要讓用戶參與用戶界面設(shè)計(jì)的所有階段。在UI的設(shè)計(jì)和實(shí)現(xiàn)期間,原型化(Prototyping)、beta測試、早期采用程序(early adoption programs)都是可以參與的方法。
在設(shè)計(jì)中要考慮到的問題:
l 用戶如何與系統(tǒng)交互
l 界面是否代表了用戶的概念和術(shù)語
l 在用戶界面設(shè)計(jì)中是否使用了適當(dāng)?shù)碾[語
l 在需要重寫自動(dòng)化過程時(shí),用戶是否具有所需的控制權(quán)
l 用戶能佛容易地找到所需功能來完成通常的任務(wù)
l 工作流是否完整和正確
l 界面是否對用戶的工作流進(jìn)行了優(yōu)化
l 用戶能否容易地訪問對特定問題的幫助
l 用戶能否自定義UI來滿足特定的需求
l 當(dāng)有問題出現(xiàn)時(shí),是否有備選方法可以執(zhí)行特定任務(wù)
l 新的系統(tǒng)是否符合所有的用戶界面標(biāo)準(zhǔn)或慣例
l 界面是否需要和其他常用系統(tǒng)保持一致
四、良好用戶界面特點(diǎn)
l 直觀設(shè)計(jì)。設(shè)計(jì)一個(gè)界面使得用戶能夠直觀地理解如何使用它。直觀設(shè)計(jì)幫助用戶更快地熟悉界面。界面會(huì)引導(dǎo)應(yīng)用程序與用戶的交互。為了得到有效界面,需要適當(dāng)?shù)臉?biāo)注控件,并使用上下文相關(guān)的幫助。
l 最適宜的屏幕空間利用。通過對所顯示的信息量和用戶所需的輸入量進(jìn)行計(jì)劃從而確定界面的內(nèi)容。如果有可能,盡量將相關(guān)的信息和輸入控件放置在同一個(gè)屏幕里。有時(shí)候一個(gè)屏幕里包涵了太多的信息,在這種情況下,可以提供選項(xiàng)卡面板或子窗口,還可以提供向?qū)碇烙脩敉瓿蓴?shù)據(jù)輸入過程
l 合適的外觀??梢允褂锰囟ㄔ貋泶_定界面的外觀,例如用戶與界面特定部分交互的頻率和時(shí)間。
l 易與導(dǎo)航。因?yàn)椴煌挠脩粝矚g以不同的方式訪問界面上的組件。所以除了鼠標(biāo)之外,組件的設(shè)計(jì)應(yīng)該使用戶還能通過TAB鍵、方向鍵或其他鍵盤快捷件訪問組件。
l 填充默認(rèn)值。如果界面包含經(jīng)常采用默認(rèn)值的域,最好自動(dòng)提供默認(rèn)值、從而避免用戶輸入任何值。比如下圖中的“http://”
l 輸入驗(yàn)證。在應(yīng)用程序處理輸入之前驗(yàn)證用戶輸入是非常重要的。需要確定何時(shí)進(jìn)行驗(yàn)證。
l 菜單、工具欄和幫助。將界面設(shè)計(jì)為以菜單和工具欄的方式訪問應(yīng)用程序的所有功能。此外,幫助功能應(yīng)該可以提供用戶操作應(yīng)用程序所需的全部信息。
l 高效事件處理。為界面組件所編寫的事件處理代碼控制用戶與界面的交互。重要的是,這些代碼的執(zhí)行不應(yīng)該導(dǎo)致用戶為應(yīng)用程序的響應(yīng)等待太長的時(shí)間。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2008-02-22 10:40:00] 界面設(shè)計(jì)表達(dá)需要注意尺度
- [2010-06-10 16:14:00] 網(wǎng)頁設(shè)計(jì)(web design)和用戶界面設(shè)計(jì)(UI design)
- [2010-07-15 15:55:00] 泛泛而談界面中的斑馬紋設(shè)計(jì)
- [2008-01-28 17:53:00] 人機(jī)交互界面設(shè)計(jì)的三個(gè)工作流程
- [2006-07-24 11:40:00] 小型軟件的通用界面設(shè)計(jì)制作指南
- [2007-01-15 16:17:00] 網(wǎng)頁界面設(shè)計(jì)教程六:版式的構(gòu)成與設(shè)計(jì)
- [2007-01-15 16:18:00] 網(wǎng)頁界面設(shè)計(jì)教程七:動(dòng)畫設(shè)計(jì)
- [2007-01-15 16:16:00] 網(wǎng)頁界面設(shè)計(jì)教程五:文字的編排設(shè)計(jì)
- [2007-01-15 16:12:00] 網(wǎng)頁界面設(shè)計(jì)教程二:與視覺傳達(dá)的設(shè)計(jì)
- [2007-01-15 16:15:00] 網(wǎng)頁界面設(shè)計(jì)教程四:色彩設(shè)計(jì)
- [2007-01-15 16:11:00] 網(wǎng)頁界面設(shè)計(jì)教程一:基礎(chǔ)理論
- [2010-08-25 08:02:00] 互聯(lián)網(wǎng)界面設(shè)計(jì)模式
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
用戶界面 青島網(wǎng)頁設(shè)計(jì) 蘋果系統(tǒng) 高端輪胎網(wǎng)站設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) 官網(wǎng)網(wǎng)站建設(shè) 圖形網(wǎng)格 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 網(wǎng)頁設(shè)計(jì) 青島網(wǎng)站案例 平面設(shè)計(jì) 手機(jī)網(wǎng)站 交互設(shè)計(jì) 舒適的界面 網(wǎng)站設(shè)計(jì)資訊 青島開發(fā)區(qū)建站公司 外貿(mào)網(wǎng)站設(shè)計(jì) 膠南網(wǎng)站建設(shè)公司 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)趨勢 H5 青島網(wǎng)站建設(shè) 網(wǎng)站推廣 網(wǎng)站動(dòng)畫 插畫 微信營銷的優(yōu)勢 網(wǎng)站交互設(shè)計(jì) 審美 色彩心理學(xué) 網(wǎng)站開發(fā)