These are all examples of advances in human-computer interface design which were designed to make it easier to accomplish things with a computer.(hci是利用計(jì)算機(jī)簡單的、方便的完成一些事情。)
Shneiderman‘s Principles of Human-Computer Interface Design(施奈德曼準(zhǔn)則):
這些準(zhǔn)則是Shneiderman藉由經(jīng)驗(yàn)與觀察互動(dòng)系統(tǒng)后,將一些合適的經(jīng)驗(yàn)法則再精煉、延伸后才整理出來的?! ?/span>
一個(gè)容易的使用的應(yīng)用程序,妥善的使用者接口設(shè)計(jì)是少不了的。Shneiderman的八個(gè)經(jīng)典使用者接口設(shè)計(jì)準(zhǔn)則是設(shè)計(jì)一個(gè)互動(dòng)作品的最佳指南。
1.取得一致性類似的情況應(yīng)該有讓使用者有一致性的操作。在提示、選單與說明文件中,應(yīng)該采用同樣的名詞。并且保持命令的一貫性。
2.讓重度使用者使用快捷方式當(dāng)使用頻率增加時(shí),使用者會(huì)希望減少互動(dòng)的次數(shù)、讓每次的互動(dòng)能夠一次做更多的動(dòng)作??s寫、功能鍵、隱藏功能與綜觀全局的功能,對(duì)專家來說非常有用。
3.提供有意義的回饋當(dāng)使用者做出一些動(dòng)作時(shí),系統(tǒng)應(yīng)該提供回饋。越頻繁的動(dòng)作,其回饋的強(qiáng)度可以低一些。越重要或不尋常的動(dòng)作,其回饋強(qiáng)度應(yīng)該要顯著一些。
4.設(shè)計(jì)對(duì)話產(chǎn)生結(jié)束一連串的動(dòng)作應(yīng)該被組織成開始、中間、結(jié)束三部份。當(dāng)動(dòng)作結(jié)束的時(shí)候,要提供回饋?zhàn)屖褂谜咧绖?dòng)作已經(jīng)完成。在做下個(gè)一連串的動(dòng)作之前,先告知使用者整個(gè)流程,能夠減輕使用者的壓力、提高滿意度。
5.提供簡單的錯(cuò)誤處理最好不要讓系統(tǒng)有嚴(yán)重錯(cuò)誤的可能性。如果還是造成錯(cuò)誤,系統(tǒng)應(yīng)該能夠偵測出出來,并提供一個(gè)簡單、使用者可以理解的錯(cuò)誤處理方式。
6.允許回到上一步這個(gè)功能可以減低使用者的焦慮,因?yàn)槭褂谜咧坏阶鲥e(cuò)了可以重來。這個(gè)功能鼓勵(lì)使用者探索不熟西的選項(xiàng)?;氐缴弦徊降墓δ?,可以包含一個(gè)、或是一連串的動(dòng)作。
7.滿足使用者控制的需求有經(jīng)驗(yàn)的使用者強(qiáng)烈的感覺到他們?cè)诳刂葡到y(tǒng),做出動(dòng)作之后,系統(tǒng)提供回饋。系統(tǒng)設(shè)計(jì)上要讓使用者作為動(dòng)作的處發(fā)者,而不是響應(yīng)者。
8.減少短期記憶需求人類的短期記憶有限,因此顯示上要保持簡單、能同時(shí)顯示多頁數(shù)據(jù)以減少窗口切換頻率,減少記憶指令和動(dòng)作順序的時(shí)間。
Design of Everyday Things《日常物品設(shè)計(jì)》在第一篇中提到了,它的姐妹版是情感化設(shè)計(jì)。據(jù)說有中文版的,可以找找來看看。
在設(shè)計(jì)中應(yīng)該考慮以下幾個(gè)方面:
-保證用戶能夠隨時(shí)看出哪些是可行的操作
-注重產(chǎn)品的可視性,包括系統(tǒng)的概念模型、可供選擇的操作和操作的結(jié)果
-便于用戶評(píng)估系統(tǒng)的工作狀態(tài)
-在用戶意圖和所需操作之間、操作與結(jié)果之間、可見信息與對(duì)系統(tǒng)狀態(tài)的評(píng)估之間建立自然匹配關(guān)系
將任務(wù)化繁為簡的七個(gè)原則:
-應(yīng)用儲(chǔ)存于外部世界和頭腦中的知識(shí)
-簡化任務(wù)結(jié)構(gòu)
-注重可視性,消除執(zhí)行階段和評(píng)估階段的鴻溝
-建立正確的匹配關(guān)系
-利用自然和認(rèn)為的限制性因素
-考慮可能出現(xiàn)的人為差錯(cuò)
-若無法做到以上各點(diǎn),就采用標(biāo)準(zhǔn)化
二、超鏈接
超鏈接,已應(yīng)用于網(wǎng)絡(luò)的節(jié)點(diǎn)(或者物品、文件、檔案、卡、頁、框、屏幕)通過連接的方式承載信息(包括文本、圖片、視頻、聲音等)。
1、對(duì)學(xué)習(xí)超鏈接的研究幾點(diǎn):
研究建立在對(duì)超媒體的理解和態(tài)度上;
研究基于個(gè)體的異同以及研究學(xué)習(xí)的風(fēng)格和作風(fēng);
研究基于對(duì)系統(tǒng)的分析;
研究建立在實(shí)行從體驗(yàn)開發(fā)之前的軟件到開發(fā)成自己的軟件的過程。
Ayersman的結(jié)論:
對(duì)超媒體持積極的態(tài)度;
各種形式的超媒體可以標(biāo)明不同的學(xué)習(xí)風(fēng)格,這比單一模式的引導(dǎo)更有效;
超媒體至少與輔導(dǎo)、講座特別是對(duì)有學(xué)習(xí)障礙的學(xué)生,有類似的效果;
更高水平的認(rèn)知過程:尋找、解讀信息、闡明和溝通知識(shí),并利用計(jì)算機(jī)作為認(rèn)知工具。
McKnight, Dillon & Richardson 的結(jié)論:
直線文本與超媒體的幾個(gè)重大差異;
比注重學(xué)習(xí)成果更注重學(xué)習(xí)過程;
循序漸進(jìn)地設(shè)計(jì)基于用戶的基本任務(wù)。
2、超媒體設(shè)計(jì)的準(zhǔn)則
1)了解用戶以及他們想做的事;
2)首先要保證構(gòu)架有意義;
3)運(yùn)用各類不同的能力(包括項(xiàng)目組的信息專家、內(nèi)容專家、技術(shù)人員);
4)注重模塊,把信息歸類為一個(gè)話題、一個(gè)模塊或者一個(gè)理念;
5)表現(xiàn)之間的相互關(guān)系(通過鏈接到相關(guān)的文章);
6)確保遍歷的簡單性(設(shè)計(jì)鏈接結(jié)構(gòu),使導(dǎo)航簡單以及系統(tǒng)的一貫性);
7)精心設(shè)計(jì)每個(gè)顯示的頁面。
盡量減少短期記憶的需求,用戶的短期記憶有限。你能做的就是提供屏幕提示如圖標(biāo)或菜單,而不是要求用戶去背誦詞語或代碼。
三、Metaphor(抽象化)
Conceptual Models and Mental Models(概念模型和用戶思維模型)
The designer analyzes the content to be taught, the task to be performed or the information to be displayed, and defines its structure and functionality. This structure in the designer‘s mind is called a conceptual model.
完成任務(wù)或信息顯示,和定義它們的結(jié)構(gòu)和功能。在設(shè)計(jì)師的思想里,這個(gè)結(jié)構(gòu)就是概念模型。
The user also has a model, a mental model which he has built up according to his experiences in a site.
用戶也有一種模型,這種是用戶通過訪問一個(gè)網(wǎng)站建立的一個(gè)精神上的、思維上模型。就是用戶使用該網(wǎng)站的一種習(xí)慣。
However, if his mental model is different from the designer‘s conceptual model, errors will occur and the user will become confused or frustrated.
如果,用戶的思維模型和設(shè)計(jì)師的概念模型不同時(shí),問題也就產(chǎn)生了,用戶將會(huì)感到網(wǎng)站混亂和使自己灰心。
In designing a conceptual model, the closer your design matches familiar situations, the easier your system will be to use.
在設(shè)計(jì)該你那模型時(shí),應(yīng)該拋棄設(shè)計(jì)所熟悉的情形,這樣你的系統(tǒng)可能會(huì)更加易用。
討論概念模型和用戶思維模型的文章《Metaphors and the Net》。
四、菜單導(dǎo)航
1、菜單在多層結(jié)構(gòu)中扮演了最基本的角色,首頁菜單體現(xiàn)了整個(gè)網(wǎng)站的構(gòu)架,每個(gè)菜單項(xiàng)就是網(wǎng)站的一個(gè)主題。
2、菜單體現(xiàn)了網(wǎng)站的層次結(jié)構(gòu)和它們的關(guān)聯(lián)性
3、富有層次性的菜單比讓使用者一直盲目的在網(wǎng)站中前進(jìn)要好
4、結(jié)構(gòu)層次化的網(wǎng)絡(luò)文檔可以提高搜索精確度
5、在搜索很復(fù)雜或設(shè)計(jì)者希望鼓勵(lì)用戶進(jìn)行深層次搜索的時(shí)候應(yīng)該使用選擇式的菜單
6、應(yīng)該讓使用者明確他處于網(wǎng)站的哪個(gè)位置,不要讓他感到迷茫
五、關(guān)于網(wǎng)站分類觀點(diǎn)
網(wǎng)站分類
guideline缺點(diǎn):
●guideline研究往往從紙質(zhì)材料 他們不是根據(jù)命名和組織中研究
●guideline更趨向于針對(duì)單一因素而非元素融合
●標(biāo)準(zhǔn)guideline難以適用于網(wǎng)頁設(shè)計(jì)方面
●guideline不能表達(dá)跨文化的多樣性及國際性的變化
網(wǎng)站分類的形式多種多樣,從網(wǎng)站的功能上來分可以分為:
1.沒有任何要求的網(wǎng)站(如:個(gè)人主頁)
2.高訪問量要求的網(wǎng)站(如:商業(yè)網(wǎng)站)
3.高內(nèi)容含量要求網(wǎng)站(如:搜索引擎)
4.高動(dòng)機(jī)要求網(wǎng)站
高動(dòng)機(jī)需要提供部分內(nèi)容同推動(dòng)因素 同時(shí)使用者必須能夠區(qū)分內(nèi)容和特色
5.高級(jí)內(nèi)容需要網(wǎng)站(如:學(xué)校網(wǎng)站)
6.高交互性及多元素混合網(wǎng)站
在具體內(nèi)容和激發(fā)用戶特定的反應(yīng)這兩個(gè)方面是高度相互相依(如商業(yè)互動(dòng)性網(wǎng)站)
六、頁面測試
頁面設(shè)計(jì)測試
實(shí)用性研究的原則
1.大多數(shù)用戶不是閱讀信息,而是瀏覽信息。
2.作者的個(gè)性使得站點(diǎn)更具吸引力
3.搜索功能是非常重要的
4.頁面一般不要超過三頁屏
•download factors are critical
•animation is almost always annoying
•frames are disliked
•wild backgrounds disrupt a user‘s reading
•more users are scrolling (pages nolonger than 3 screens are recommended) but many still don‘t go beyond the first screen
•sections that load more quickly than one large graphic image maps are more usable now, especially if they are broken up into smaller
•users want sites to work and are no longer tolerant of those that don‘t
聯(lián)系客服