自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

良好的用戶界面設(shè)計

開發(fā)
用戶界面是負(fù)責(zé)管理與用戶之間的交互,向用戶顯示數(shù)據(jù),從用戶處獲得數(shù)據(jù),解釋由用戶操作所引發(fā)的事件,并幫助用戶查看任務(wù)的進(jìn)度。來看本文對用戶界面的介紹。

用戶界面是負(fù)責(zé)管理與用戶之間的交互,向用戶顯示數(shù)據(jù),從用戶處獲得數(shù)據(jù),解釋由用戶操作所引發(fā)的事件,并幫助用戶查看任務(wù)的進(jìn)度。

一、用戶界面組成

模型(model,應(yīng)用程序?qū)ο螅?、視圖(view,向用戶顯示)、控制器(controller,用戶控件)。

用戶界面組成

二、用戶界面設(shè)計指導(dǎo)方針

界面設(shè)計必須以一種對用戶很直觀的方式來實現(xiàn)用戶任務(wù)。實現(xiàn)這一目標(biāo)需要讓用戶參與用戶界面設(shè)計的所有階段。在UI的設(shè)計和實現(xiàn)期間,原型化(Prototyping)、beta測試、早期采用程序(early adoption programs)都是可以參與的方法。

在設(shè)計中要考慮到的問題:

  • 用戶如何與系統(tǒng)交互
  • 界面是否代表了用戶的概念和術(shù)語
  • 在用戶界面設(shè)計中是否使用了適當(dāng)?shù)碾[語
  • 在需要重寫自動化過程時,用戶是否具有所需的控制權(quán)
  • 用戶能佛容易地找到所需功能來完成通常的任務(wù)
  • 工作流是否完整和正確
  • 界面是否對用戶的工作流進(jìn)行了優(yōu)化
  • 用戶能否容易地訪問對特定問題的幫助
  • 用戶能否自定義UI來滿足特定的需求
  • 當(dāng)有問題出現(xiàn)時,是否有備選方法可以執(zhí)行特定任務(wù)
  • 新的系統(tǒng)是否符合所有的用戶界面標(biāo)準(zhǔn)或慣例
  • 界面是否需要和其他常用系統(tǒng)保持一致

三、良好用戶界面特點(diǎn)

直觀設(shè)計。

設(shè)計一個界面使得用戶能夠直觀地理解如何使用它。直觀設(shè)計幫助用戶更快地熟悉界面。界面會引導(dǎo)應(yīng)用程序與用戶的交互。為了得到有效界面,需要適當(dāng)?shù)臉?biāo)注控件,并使用上下文相關(guān)的幫助。

最適宜的屏幕空間利用。

通過對所顯示的信息量和用戶所需的輸入量進(jìn)行計劃從而確定界面的內(nèi)容。如果有可能,盡量將相關(guān)的信息和輸入控件放置在同一個屏幕里。有時候一個屏幕里包涵了太多的信息,在這種情況下,可以提供選項卡面板或子窗口,還可以提供向?qū)碇烙脩敉瓿蓴?shù)據(jù)輸入過程

合適的外觀。

可以使用特定元素來確定界面的外觀,例如用戶與界面特定部分交互的頻率和時間。

易與導(dǎo)航。

因為不同的用戶喜歡以不同的方式訪問界面上的組件。所以除了鼠標(biāo)之外,組件的設(shè)計應(yīng)該使用戶還能通過TAB鍵、方向鍵或其他鍵盤快捷件訪問組件。

填充默認(rèn)值。

如果界面包含經(jīng)常采用默認(rèn)值的域,***自動提供默認(rèn)值、從而避免用戶輸入任何值。比如下圖中的“http://”

填充默認(rèn)值

輸入驗證。

在應(yīng)用程序處理輸入之前驗證用戶輸入是非常重要的。需要確定何時進(jìn)行驗證。

菜單、工具欄和幫助。

將界面設(shè)計為以菜單和工具欄的方式訪問應(yīng)用程序的所有功能。此外,幫助功能應(yīng)該可以提供用戶操作應(yīng)用程序所需的全部信息。

高效事件處理。

為界面組件所編寫的事件處理代碼控制用戶與界面的交互。重要的是,這些代碼的執(zhí)行不應(yīng)該導(dǎo)致用戶為應(yīng)用程序的響應(yīng)等待太長的時間。

轉(zhuǎn)載請注明:http://blog.sina.com.cn/momosoft http://ueblog.blog.sohu.com

【編輯推薦】

  1. 用戶界面設(shè)計的技巧與技術(shù)
  2. 從產(chǎn)品經(jīng)理眼里看UI設(shè)計師的困惑和發(fā)展
  3. Web 2.0 用戶界面技術(shù)
  4. 視頻展示用戶界面的未來:數(shù)據(jù)可視化
  5. Android用戶界面設(shè)計:相對布局
責(zé)任編輯:于鐵 來源: ucdchina.com 
相關(guān)推薦

2011-06-01 10:58:57

2014-11-26 10:42:55

界面設(shè)計

2011-06-01 09:31:46

用戶界面設(shè)計

2012-01-16 16:16:49

JavaSwing

2011-04-11 17:07:33

布局基礎(chǔ)用戶界面設(shè)計Android

2011-04-08 13:58:10

Android界面設(shè)計

2011-04-11 17:25:30

線性布局用戶界面設(shè)計Android

2011-04-19 09:19:37

相對布局界面設(shè)計Android

2011-05-19 08:49:01

使用片段界面設(shè)計Android

2011-04-22 11:01:36

框架布局界面設(shè)計Android

2014-04-03 09:49:20

設(shè)計界面設(shè)計

2012-01-16 11:03:09

javaswing

2013-11-27 10:12:11

2011-03-02 14:03:02

DashboardAndroid用戶界面反例模板

2011-03-02 10:49:42

DashboardAndroid用戶界面設(shè)計模板

2015-07-09 10:25:45

界面設(shè)計UI設(shè)計

2010-12-16 10:31:16

iOSiPhone應(yīng)用界面設(shè)

2011-12-20 10:42:22

Android應(yīng)用界面設(shè)計

2011-06-01 16:50:05

Android ListView

2013-12-26 15:46:30

Android開發(fā)Android應(yīng)用用戶界面設(shè)計
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號