界面設(shè)計

1.人機界面: 在人與機器的交互過程中,有一個界面充當(dāng)信息傳遞的媒介察蹲,即我們所說的人機界面

2.最大最小原則:人承擔(dān)的工作量應(yīng)盡量少或最少请垛,機器承擔(dān)的工作量應(yīng)最大,在最大限度利用機器的同時洽议,充分發(fā)揮人的積極因素宗收。

3.狹義的人機界面:是指計算機系統(tǒng)中的人機界面。
人機界面(Human-Computer Interface亚兄,簡稱為HCI)混稽,
又稱用戶界面(User Interface)、人機交互(Human-Computer Interaction)审胚,
是人與計算機之間傳遞和交換信息的媒介匈勋,是用戶使用計算機系統(tǒng)的綜合操作環(huán)境。

4.人機界面是一類特殊的軟件菲盾,它幫助實現(xiàn)計算機硬件颓影、軟件和人三者之間的恰當(dāng)聯(lián)系和協(xié)調(diào)一致。
簡單地說懒鉴,人機界面是專門處理人機交互活動的軟件诡挂,它是人與硬件碎浇、軟件的交叉部分

P2
5.面向用戶的軟件界面設(shè)計就是在進(jìn)行軟件人機界面或用戶界面設(shè)計時,要更多地考慮用戶的要求璃俗,最重要的是要求界面保持“簡單奴璃、自然、友好城豁、方便苟穆、一致”。

  1. 用戶滿意度 =功能+人機界面+響應(yīng)時間+可靠性+易安裝性+信息+可維護(hù)性+ 其他因素

7.美國人類工程學(xué)會(Human Factors and Ergonomics Society)曾定義可用性的五大屬性為:
效率(Efficiency)
可學(xué)習(xí)性(Learnability)
可記憶性(Memorability)
容錯性(Errors)
滿意程度(Satisfaction)

8.認(rèn)知心理學(xué): 就是關(guān)于認(rèn)識的心理學(xué)唱星,研究人的認(rèn)識心里過程雳旅,如注意、知覺间聊、表象攒盈、記憶、思維和語言等哎榴,從心理學(xué)的觀點研究人機交互的原理型豁。

9.人機工程學(xué): 是運用生理學(xué)、心理學(xué)和醫(yī)學(xué)等有關(guān)知識尚蝌,研究人迎变、機器、環(huán)境相互間的合理關(guān)系飘言,以保證人們安全衣形、健康、舒適地工作姿鸿。

10人機界面的發(fā)展趨勢
從目前來看泵喘,人機界面會朝著高科技化、自然化般妙、人性化纪铺、和諧的人機環(huán)境等方向發(fā)展。建立自然化碟渺、人性化的人機界面已經(jīng)成為當(dāng)今信息社會研究的主要課題之一鲜锚。

采用圖形用戶界面有其內(nèi)在的不足,用戶只能用一個通道進(jìn)行交互苫拍,從計算機到用戶的通信帶寬要比用戶到計算機的大的多芜繁,這是一種不平衡的人機交互。

目前绒极,人機交互正朝著從精確到模糊骏令、從單渠道 向 多通道以及 從二維交互 到 三維交互的方向轉(zhuǎn)變,發(fā)展用戶與計算機之間快捷垄提、低耗的多通道界面榔袋。

今后的計算機應(yīng)能聽周拐、能看、能說凰兑,而且善解人意妥粟。未來的計算機發(fā)展是以人為中心,即面向用戶的吏够,必須使計算機易用好用勾给,使人們能以語言、文字锅知、圖像播急、手勢、表情等自然方式與計算機交互售睹。

P6

  1. 軟件界面: 也叫軟件人機界面旅择,是人與機器之間的信息界面,用戶與機器的交互主要是通過軟件界面完成侣姆。

2.人機交互(人機對話): 是指人與計算機之間使用某種語言、以一定的交互方式沉噩,為了完成任務(wù)進(jìn)行的一系列信息交換過程捺宗。
3.人機交互系統(tǒng): 是指實際完成人機交互的系統(tǒng),可以認(rèn)為它是由參與交互的各方所組成川蒙,如包括人和計算機雙方的人機交互系統(tǒng)蚜厉。
4.目前常用的人機交互方式有
問答式對話;
菜單技術(shù)畜眨;
命令語言昼牛;
填表技術(shù);
查詢語言康聂;
圖形方式及直接操縱贰健;
自然語言

5.用戶分析是界面開發(fā)設(shè)計的第一步。
6.用戶需求是用戶對所購買恬汁、所使用的計算機系統(tǒng)提出的各種要求伶椿,它集中反映了用戶對軟件產(chǎn)品的期望。
很明顯氓侧,用戶需求應(yīng)該包含功能需求和使用需求兩方面脊另。

功能需求是 用戶要求系統(tǒng)所應(yīng)具備的性能、功能约巷;
而使用需求是 用戶要求系統(tǒng)所應(yīng)具備的可使用性偎痛、易使用性。

7.軟件界面設(shè)計分為
功能性設(shè)計界面
情感性設(shè)計界面
環(huán)境性設(shè)計界面

8.設(shè)計界面是以功能性界面為基礎(chǔ)独郎,以環(huán)境性界面為前提踩麦,以情感性界面為重心而構(gòu)成的枚赡,它們之間形成有機和系統(tǒng)的聯(lián)系。

9.軟件界面開發(fā)設(shè)計原則
1.確定用戶
確定用戶是進(jìn)行系統(tǒng)分析和設(shè)計的第一步靖榕,也就是標(biāo)識使用應(yīng)用系統(tǒng)的用戶(最終用戶)标锄, 不同的用戶會有不同的經(jīng)驗、能力和要求茁计。
2.盡量減少用戶的工作
3.應(yīng)用程序和人機界面分離的原則
應(yīng)用程序和人機界面分離的思想料皇,類似于數(shù)據(jù)庫管理中數(shù)據(jù)和應(yīng)用程序的分離。

4.一致性原則

5.系統(tǒng)要給用戶提供反饋
6.盡量減少用戶的記憶要求

7.應(yīng)有及時的出錯處理和幫助功能

8.使用圖形和比喻

  1. 盡量使用快捷方式

  2. 允許動作可逆性

  3. 快速的系統(tǒng)響應(yīng)和低的系統(tǒng)成本

12.合理利用空間星压,保持界面簡潔
界面設(shè)計最重要的就是遵循美學(xué)上的原則——簡潔與明了践剂。

13.合理利用顏色、顯示效果來實現(xiàn)內(nèi)容與形式的統(tǒng)一

10.常見的人機交互方式有
問答式對話娜膘、菜單界面逊脯、數(shù)據(jù)輸入界面,竣贪、命令語言界面军洼,查詢語言界面,填表界面演怎、
自然語言界面匕争,直接操縱和圖形用戶界面

傳統(tǒng)的人機交互方式有問答式對話、菜單界面爷耀、填表界面甘桑、命令語言界面、查詢語言界面等歹叮,
隨著計算機及多媒體技術(shù)的發(fā)展跑杭,出現(xiàn)了圖形用戶界面及直接操縱界面等等,并可以用自然語言進(jìn)行人機交互咆耿,使人和計算機之間的交流越來越簡單德谅、方便。

P28 第三章 命令語言界面設(shè)計
1.命令語言界面優(yōu)點

1.功能強大
2靈活性好
3效率高
4占用屏幕空間少

2.命令語言界面缺點

  1. 難以學(xué)習(xí)和記憶

  2. 需要一定的鍵盤輸入技巧

  3. 出錯率高

  4. 命令語言設(shè)計的基本目標(biāo)是:準(zhǔn)確萨螺、緊湊女阀、易于讀寫、加快學(xué)習(xí)速度屑迂、簡單浸策、減少差錯、易于長期記憶惹盼。

  5. 命令語言結(jié)構(gòu)

所有命令語言都具有自身的詞典和語法庸汗。

  1. 命令語言的形式

常見的命令語言主要形式有:
1.簡單命令表
2.命令加變量
3.命令加選項和變量
4.4.層次式命令結(jié)構(gòu)。

6.命令語言設(shè)計原則
1.一致性
2.選擇有意義的獨特的命令名
3避免不必要的復(fù)雜性
4.使用縮寫要一致
5.命令語法結(jié)構(gòu)一致手报、經(jīng)濟
6.允許對一個命令串進(jìn)行重現(xiàn)和修改
7.采用提示幫助臨時用戶
8考慮用命令菜單幫助臨時用戶:

P36
第四章 菜單界面設(shè)計 12分
1 菜單界面特點
1.設(shè)計良好的菜單界面 能夠把系統(tǒng)語義和 系統(tǒng)語法 很明確直觀地顯示出來
并給用戶提供各種 系統(tǒng)功能的選擇
2.菜單界面適合于 結(jié)構(gòu)化的系統(tǒng)蚯舱,每一個菜單項 都可以對應(yīng)一個 子程序功能 或 下一級子菜單
3.菜單界面減輕了 用戶 學(xué)習(xí) ,記憶負(fù)擔(dān)以及 培訓(xùn)
4.菜單界面要占用 一定的 屏幕空間和 顯示空間

2 菜單界面的結(jié)構(gòu)設(shè)計
菜單的組織類型一般有單一菜單改化、線狀序列菜單、樹狀結(jié)構(gòu)菜單枉昏、循環(huán)網(wǎng)絡(luò)以及非循環(huán)網(wǎng)絡(luò)菜單等陈肛,目前,樹狀結(jié)構(gòu)菜單是最常見的菜單結(jié)構(gòu)兄裂。

4 菜單設(shè)計原則

P61
第五章 數(shù)據(jù)輸入界面設(shè)計 6分
1 數(shù)據(jù)輸入的設(shè)計原則

1數(shù)據(jù)輸入的一致性
2使用戶輸入減至最少

3為用戶提供反饋信息
4用戶輸入的靈活性
5提供錯誤檢測和修改方法

2.數(shù)據(jù)輸入方式
1問答式輸入數(shù)據(jù)界面
2菜單選擇輸入界面
3填表輸入界面
4條形碼
5光學(xué)字符識別(OCR)
6聲音數(shù)據(jù)輸入

P72第六章 圖形用戶界面

1.圖形用戶界面又稱為WIMP界面句旱,由窗口(windows)、圖標(biāo)(icons)晰奖、菜單(menum)谈撒、指點設(shè)備(pointing device)四位一體,形成桌面(desktop)

2.圖形用戶界面總體上包含以下三個主要思想匾南。
1.桌面隱喻
2.所見即所得
3.直接操縱

3.圖形用戶界面特點
1.以物理動作或標(biāo)記按鈕代替復(fù)雜的語法啃匿。
2.用指點和選擇代替鍵盤輸入
3.操作結(jié)果立即可見,具有高度的交互性
4.提供對用戶出錯的保護(hù)機制和強有力的幫助機制蛆楞,支持逆向操作
5.新手通常僅需觀看系統(tǒng)運行的演示溯乒,就能很快地學(xué)會使用系統(tǒng)的基本功能

4.圖形用戶界面設(shè)計一般原則

5.圖形用戶界面設(shè)計的藝術(shù)原則
1.對比原則
2.協(xié)調(diào)原則
3.平衡原則
4.趣味性原則

6.窗口設(shè)計
1.滾動式窗口
2.開關(guān)式窗口

  1. 分裂式窗口
    4.瓦片式窗口
    5.重疊式窗口
    6.彈出式窗口

7.主窗口的圖標(biāo)應(yīng)能在任務(wù)欄上顯示,而輔助窗口通常不應(yīng)該顯示為任務(wù)欄上的項目豹爹。一般來說裆悄,輔助窗口只是獲得或顯示與主窗口中顯示的內(nèi)容相關(guān)的補充信息。
一個典型的輔助窗口包括標(biāo)題欄和框架帅戒。

8.輔助窗口分為有模式和無模式兩種。
無模式輔助窗口允許用戶與輔助窗口或主窗口進(jìn)行交互崖技,就像在主窗口之間進(jìn)行切換逻住。無模式窗口適合用戶需要重復(fù)一個操作的情況。

有模式輔助窗口要求用戶在該輔助窗口內(nèi)完成交互迎献,然后瞎访,必須關(guān)閉輔助窗口后才能與其他窗口進(jìn)行交互。

9.圖形用戶界面要素部件設(shè)計

圖標(biāo)的基本概念和工作原理
圖標(biāo)是一種形象語言吁恍,是可視地表示實體信息的簡潔扒秸、抽象符號,是表示概念的圖像或符號冀瓦。
設(shè)計圖標(biāo)時伴奥,要考慮以下因素:
1.使用已有概念以確保真實表達(dá)用戶的想法。
2.圖標(biāo)在用戶界面中以何種形式出現(xiàn)翼闽。
3.如何作為圖標(biāo)集的一部分使用拾徙。
4.圖標(biāo)的文化背景,避免使用字母感局、單詞尼啡、手或臉暂衡。
5.必須用圖標(biāo)表示人或用戶時,盡可能大眾化崖瞭。

P104 第七章 幫助和出錯界面設(shè)計
1 幫助系統(tǒng)的類型
1.聯(lián)機用戶手冊
2.聯(lián)機培訓(xùn)
3.聯(lián)機演示
4.上下文幫助
5.“幫助”命令

2 幫助信息分類
幫助信息可分為 概念幫助信息 和 過程幫助信息狂巢。

3 幫助處理系統(tǒng)設(shè)計基本原則
1.完整性
2.一致性
3.上下文幫助
4.可理解性
5.可維護(hù)性
6.用戶可以使用關(guān)鍵詞在幫助索引中搜索所需要的幫助,同時還應(yīng)該提供幫助主題詞书聚。
7.方便性

4.向?qū)гO(shè)計規(guī)則

5.出錯的根源和類型

  1. 感知的誤導(dǎo)導(dǎo)致知覺錯誤
  2. 人的記憶特性導(dǎo)致知覺錯誤
  3. 響應(yīng)時間過快或過慢

6.錯誤恢復(fù)原則

1.提供恢復(fù)功能(Undo)唧领。
2.在程序運行中提供撤銷(Cancel)功能。
3.對重要的寺惫、有破壞性的命令提供確認(rèn)措施疹吃,以避免招致破壞性操作。
4.對于無法恢復(fù)或處理的錯誤西雀,應(yīng)該向用戶說明系統(tǒng)遇到無法恢復(fù)的錯誤萨驶,引導(dǎo)用戶下一步操作,如結(jié)束系統(tǒng)艇肴、重新啟動等等腔呜,不要讓用戶不知所措。

P122 第八章 網(wǎng)頁界面設(shè)計
1.人性化的設(shè)計是Web界面設(shè)計的核心再悼,如何根據(jù)人的心理核畴、生理特征,運用技術(shù)手段冲九,創(chuàng)造簡單谤草、友好的界面,是Web界面設(shè)計的重點莺奸。
2.網(wǎng)頁設(shè)計要求主題鮮明丑孩、形式和內(nèi)容相統(tǒng)一,強調(diào)整體為設(shè)計原則灭贷,并具有交互性與持續(xù)性温学、多維性、綜合性甚疟、版式的不可控性以及藝術(shù)與技術(shù)結(jié)合的緊密性等特點仗岖。

3.網(wǎng)頁設(shè)計基本原則

1.主題鮮明、特色明確
2.形式與內(nèi)容統(tǒng)一
3.強調(diào)整體
4.減少瀏覽層次
5.了解瀏覽者的心理狀態(tài)
6.Web網(wǎng)站設(shè)計的3C原則

3C指Concise (簡潔 )览妖、Consistent(一致性)和Contrast (對比度)轧拄。

4.網(wǎng)頁界面設(shè)計要素

網(wǎng)頁視聽元素
網(wǎng)頁界面布局
網(wǎng)頁界面的色彩
網(wǎng)頁界面的字體
網(wǎng)頁界面的動畫與多媒體
網(wǎng)頁界面的導(dǎo)航

網(wǎng)頁視聽元素包括:文本、背景讽膏、按鈕紧帕、圖標(biāo)、圖像、表格是嗜、顏色愈案、導(dǎo)航工具、背景音樂鹅搪、動態(tài)影像等站绪。

由于網(wǎng)頁布局的不可控性,在布局過程中丽柿,可以遵循以下原則:
平衡 呼應(yīng) 對比 疏密

網(wǎng)頁界面色彩設(shè)計應(yīng)遵循如下原則:
色彩的鮮明性
色彩的獨特性
色彩的合適性
色彩的聯(lián)想性

5.網(wǎng)頁界面設(shè)計技術(shù)基礎(chǔ)
1.HTML
2.JavaScript
3.JavaApplet
4.服務(wù)器端腳本語言 ASP PHP JSP

6.網(wǎng)站設(shè)計方法
1.確定網(wǎng)站的目標(biāo)

  1. 網(wǎng)站設(shè)計中用戶的地位
    3.建立原型系統(tǒng)
    4.詳細(xì)設(shè)計
  2. 網(wǎng)站測試恢准、改進(jìn)與維護(hù)

7.衡量網(wǎng)站可用性的5個方面
1.易學(xué)性
2.有效性
3.易記性
4.錯誤
5.滿意程度

8.網(wǎng)站幫助信息的設(shè)計
1.聯(lián)機幫助
2.工具提示
3.狀態(tài)顯示
4.“這是什么”幫助

P175 第九章 移動設(shè)備界面設(shè)計
1.移動設(shè)備界面的輸入方式
1.鍵盤輸入(T9輸入法,字能輸入法甫题,ITAP輸入法)
2.筆輸入
3.語音識別

2.移動設(shè)備應(yīng)用開發(fā)技術(shù)架構(gòu)
1.J2ME架構(gòu)

  1. .NET精簡架構(gòu)
    3.BREW

3.移動設(shè)備操作系統(tǒng)
1.Palm OS
2.微軟的系列移動操作系統(tǒng)
3.嵌入式LINUX
4.Symbian OS/EPOC OS

4.移動瀏覽標(biāo)準(zhǔn)
1.WAP
2.WML
3.XHTML Basic和XHTML MP

P214 第十章 軟件界面測試與評估
1.界面評估可大致分為兩類:
一是在界面完成之后做最終評估馁筐,稱為總結(jié)性評估;
二是在設(shè)計過程中就進(jìn)行的評估坠非,或?qū)υ瓦M(jìn)行評估敏沉,稱之為階段性評估。

2.對于界面的評估 可以使用三種評估指標(biāo)
1.設(shè)計功能評估
2.設(shè)計效果評估
3.設(shè)計問題的診斷

3.軟件測試的方法 結(jié)構(gòu)測試 行為測試

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末炎码,一起剝皮案震驚了整個濱河市盟迟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌潦闲,老刑警劉巖攒菠,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異歉闰,居然都是意外死亡辖众,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門和敬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凹炸,“玉大人,你說我怎么就攤上這事概龄』够荩” “怎么了饲握?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵私杜,是天一觀的道長。 經(jīng)常有香客問我救欧,道長衰粹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任笆怠,我火速辦了婚禮铝耻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己瓢捉,他們只是感情好频丘,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著泡态,像睡著了一般搂漠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上某弦,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天桐汤,我揣著相機與錄音,去河邊找鬼靶壮。 笑死怔毛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的腾降。 我是一名探鬼主播拣度,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蜂莉!你這毒婦竟也來了蜡娶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤映穗,失蹤者是張志新(化名)和其女友劉穎窖张,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蚁滋,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡宿接,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了辕录。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睦霎。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖走诞,靈堂內(nèi)的尸體忽然破棺而出副女,到底是詐尸還是另有隱情,我是刑警寧澤蚣旱,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布碑幅,位于F島的核電站,受9級特大地震影響塞绿,放射性物質(zhì)發(fā)生泄漏沟涨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一异吻、第九天 我趴在偏房一處隱蔽的房頂上張望裹赴。 院中可真熱鬧,春花似錦、人聲如沸棋返。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽睛竣。三九已至窄潭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間酵颁,已是汗流浹背嫉你。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留躏惋,地道東北人幽污。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像簿姨,于是被迫代替她去往敵國和親距误。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容