北京時(shí)間12月22日消息,中國(guó)觸摸屏網(wǎng)訊, 人機(jī)介面的種類包羅萬象,面對(duì)不同的終端產(chǎn)品,人機(jī)介面自然不同,本篇主要探討IT產(chǎn)品的設(shè)計(jì)思維,基本上以軟體介面為主要的分析方向,因目前的IT產(chǎn)品為了講求人機(jī)介面的親和化,多半使用螢?zāi)皇降目刂颇J饺〈粹o,加上iPhone成功帶起的觸控介面風(fēng)潮,都讓IT產(chǎn)品的人機(jī)介面,好像少了「螢?zāi)弧辜春茈y用,也讓其靈魂人機(jī)介面軟體的重要性更加凸顯。
本文來自:http://www.zc28898.cn/touchscreen/news/front/200912/22-4443.html
目前最熱門的人機(jī)介面,在iPhone採(cǎi)用的多點(diǎn)觸控裝置帶起觸控旋風(fēng)之后,大螢?zāi)患由嫌|控的模式成了人機(jī)介面的當(dāng)紅炸子雞,也帶起了相關(guān)硬體產(chǎn)業(yè)的發(fā)展,例如觸控螢?zāi)幻姘澹刂苹蝌?qū)動(dòng)IC等。仔細(xì)分析,多點(diǎn)觸控螢?zāi)坏难芯浚蟛糠侄荚诜治鲇搀w方面,例如電阻式或電容式觸控的規(guī)格以及適合的螢?zāi)唬瑯釉诙帱c(diǎn)式觸控的硬體到位之后,真正的決戰(zhàn)點(diǎn)是軟體,因使用者接觸的人機(jī)介面不是冰冷的IC規(guī)格,而是螢?zāi)簧峡吹囊姷姆?hào)。
圖示:iPhone的成功,除了觸控螢?zāi)慌cMEMS感測(cè)器,軟體讓人機(jī)介面發(fā)揮的親和力,也是大功臣。
實(shí)IPhone的成功,多點(diǎn)觸控的軟體設(shè)計(jì)亦無可否認(rèn)的居功厥偉,如兩指捏緊或是張開表示網(wǎng)頁(或圖片等)的縮小與放大,讓許多使用者感覺相當(dāng)好用,這種與硬體規(guī)格無關(guān)的軟實(shí)力,一直是蘋果(Apple)架構(gòu)下的IT產(chǎn)品為人所津津樂道之觸,而蘋果確實(shí)也有下過苦工。
第1個(gè)MAC介面由來 實(shí)際體驗(yàn)工作情境
蘋果在1980年代初期開始設(shè)計(jì)MAC人機(jī)介面時(shí),採(cǎi)用的方式并不是閉門空想,而是實(shí)際找了超過100位會(huì)計(jì)師,利用錄影技術(shù),錄下其上班時(shí)間的工作狀況。蘋果研究后發(fā)現(xiàn),會(huì)計(jì)師們通常將未處理的資料放在右上方,左上方是處理過的資料;正中央的工作區(qū)右下方,還會(huì)放置垃圾桶,于是整個(gè)System 1.0的桌面與資料夾并整合成視窗等概念,就跟隨現(xiàn)實(shí)的需求形成。
這樣的概念看似容易,但比對(duì)同時(shí)代的Windows 1.0,就可以察覺由使用者觀點(diǎn)與工程師觀點(diǎn)設(shè)計(jì)出來的人機(jī)介面,結(jié)果會(huì)大不相同。其后推出的Window 3.1介面亦改用視窗化,足見蘋果觀察現(xiàn)實(shí),再導(dǎo)出結(jié)論,是比較務(wù)實(shí)且先進(jìn)的作法。
從善如流的微軟(Microsoft),在1995年推出Wondows95時(shí),倒是把多年研究視窗化介面的心得,集結(jié)整理公布,很值得參考:
1、一致(Consistent):使用者可否以同樣的操作邏輯操作相同的動(dòng)作?使用者是否獲得相似的視覺提示,且可以相同的輸入方式進(jìn)入類似的操作環(huán)境。
2、可用(Usable):操作介面是否允許使用者,在不論簡(jiǎn)單或複雜的狀況下皆可以合理的操作次數(shù)完成?降低操作者對(duì)棘手或曖昧輸入順序的排斥,藉以提昇效率。
3、可學(xué)習(xí)的(Learnable):每項(xiàng)操作是否簡(jiǎn)單扼要,容易被記住?哪些指令的操作概念可以轉(zhuǎn)移到其他指令上。
4、直覺(Intuitive):介面是否夠簡(jiǎn)單,而使使用者不需藉由使用手冊(cè)或特別訓(xùn)練就能完全操作?這樣的層次是介面設(shè)計(jì)的最高境界。
5、可延伸(Extensible):因應(yīng)硬體的快速發(fā)展,例如:新的輸入模式問世,介面是否能和它一同成長(zhǎng)?相同地,新的使用范疇變得更受歡迎,原有的使用介面是否也能配合時(shí)代的轉(zhuǎn)變而更加精進(jìn)?
6、有吸引力(Attractive):外觀看起來是否夠吸引人?外表丑陋或過時(shí)的畫面會(huì)減低使用效率。
日商SONY 也在1份報(bào)告中,提出了該公司的圖像化設(shè)計(jì)理念,亦可參考:
1、具系統(tǒng)化:依所需功能進(jìn)行群組(Grouping),再依使用者的操作順序來排列圖像。
2、減少層次:大部份的功能,都可以從主畫面以下2層獲得。
3、限制對(duì)話框的項(xiàng)目:根據(jù)認(rèn)知心理研究,通常每1張畫面設(shè)定7個(gè)選項(xiàng),至多8個(gè)。
4、允許使用者回到上一個(gè)指令。
5、畫面不會(huì)自動(dòng)消失:在任何情況下,畫面必須由使用者按下按鍵才會(huì)消失。
6、一貫性:整體須具有一致性。
整體而言,好的人機(jī)介面應(yīng)該具有5個(gè)面相的完整性:
1、可學(xué)習(xí)性(Learnabililty):系統(tǒng)應(yīng)該易于學(xué)習(xí)且讓使用者能很快開始使用此系統(tǒng)工作。
2、效率(Efficiency):系統(tǒng)應(yīng)能有效的使用,使得使用者一旦學(xué)會(huì)了便可很快得到最高效能的表現(xiàn)。
3、可記憶性(Memorability):系統(tǒng)應(yīng)易于記憶,務(wù)使間歇性使用者在離開此系統(tǒng)一段時(shí)間后,再回到這個(gè)系統(tǒng)時(shí),不需再?gòu)念^學(xué)起。
4、錯(cuò)誤率(Errors):系統(tǒng)應(yīng)該有較低的錯(cuò)誤率,讓使用者使用此系統(tǒng)時(shí)不會(huì)犯許多錯(cuò)誤,即使犯錯(cuò)也能輕易克服。另外,最好避免致命的錯(cuò)誤發(fā)生,導(dǎo)致產(chǎn)生無法彌補(bǔ)的過錯(cuò)。
5、滿意度(Satisfaction):系統(tǒng)應(yīng)該使用起來很愉快,讓使用者使用時(shí)能對(duì)此系統(tǒng)感到滿意,增進(jìn)使用的愉快感。
設(shè)計(jì)人性化的人機(jī)介面 人與人互動(dòng)模式最準(zhǔn)
人機(jī)介面設(shè)計(jì)可分為3個(gè)部分,思考工具、設(shè)計(jì)基本流程、以及最后的驗(yàn)證流程,不過三者通常都建筑在平常對(duì)于市場(chǎng)需求有不斷的探索,臨時(shí)抱佛腳的設(shè)計(jì)模式基本上行不通。
思考工具
1、應(yīng)該要儘量具體化、生活化,不要使用太抽象的概念,儘量使用顯而易見的方式來表達(dá)資訊,甚至口語化、擬人化也未嘗不可。必須以使用者的角度及可能的生活經(jīng)驗(yàn)來觀看、模擬操作系統(tǒng),避免以設(shè)計(jì)者自己的經(jīng)驗(yàn)來套用在使用者身上。
2、盡可能提供預(yù)期發(fā)生的狀況,以供挑選使用者挑選,或是在使用者操作的過程中,提供使用者多種預(yù)設(shè)的范例以供使用者模仿學(xué)習(xí)或是複製,在可以採(cǎi)用選項(xiàng)的地方儘量用選擇的方式來取代填空這種不特定答案的方式,例如有預(yù)設(shè)的范例來教導(dǎo)使用者填入正確的資訊。
3、以所見即所得 (WYSIWYG, What you see is what you get) 的方式來設(shè)計(jì)使用者操作的流程,使用者每一個(gè)操作動(dòng)作都要顯示適當(dāng)?shù)幕貞?yīng) (feedback),讓使用者知道系統(tǒng)正在處理他的要求。對(duì)于熟悉者,也能夠提供巨集或快速鍵等模式,讓熟悉者有便捷性。
4、在各個(gè)子應(yīng)用系統(tǒng)中,盡量保持人機(jī)介面的使用者界面一致,包括電腦系統(tǒng)表達(dá)資訊的方式、和使用者互動(dòng)的動(dòng)態(tài)關(guān)系、第一眼的印象,實(shí)際操作感等。
5、防止使用者發(fā)生錯(cuò)誤,節(jié)省使用者操作的精力,以明顯的圖示,清楚的提示,適當(dāng)?shù)倪x項(xiàng),適當(dāng)?shù)妮o助說明及狀態(tài)說明來防止使用者發(fā)生錯(cuò)誤;當(dāng)使用者發(fā)生操作的錯(cuò)誤時(shí),必須允許使用者回復(fù)到前面正確的狀態(tài)去,應(yīng)用系統(tǒng)本身以及人機(jī)介面在設(shè)計(jì)時(shí)必須考慮到回復(fù)的動(dòng)作,不應(yīng)該讓使用者自行擔(dān)負(fù)處理錯(cuò)誤的后果。
6、盡量維持整體一致性的美感:這包括在使用各種媒體來呈現(xiàn)資訊時(shí)使用媒體本身的美感以及整體的和諧性,遵守最基本的要求,例如色彩的選擇,就應(yīng)該避免互補(bǔ)不協(xié)調(diào)的色系來刺激使用者,在聲音的使用上也不要過度地使用嘈雜或是奇異的音效,就算要提醒使用者,也應(yīng)仔細(xì)評(píng)估。
7、完整的說明文件是使用者選用此電腦系統(tǒng)的一個(gè)充分條件甚至撰寫良好的線上教材(online tutorial)可以迅速地讓使用者熟悉必要基本的操作,建立正確的心智模型。
設(shè)計(jì)流程
1、了解使用者本身以及他們使用之目的
設(shè)計(jì)人機(jī)介面系統(tǒng)的時(shí)候,第1件事就是要把這個(gè)系統(tǒng)的使用者刻劃出來,研究使用者的背景,沒有產(chǎn)品是真正老少咸宜的,人機(jī)介面亦然。接下來需要研究使用者使用這個(gè)系統(tǒng)到底為了什麼?等了解使用者的目的后,設(shè)計(jì)者需推敲出使用的時(shí)機(jī)、使用的環(huán)境以及互動(dòng)的方式,例如:是不是有時(shí)間上的壓力;是不是用過1次以后就不會(huì)再用了,還是必須常常使用;是不是在嘈雜的環(huán)境下使用;是不是在有指導(dǎo)員的情況下使用;使用者希望1個(gè)指令1個(gè)動(dòng)作還是希望盡量多給一些指示后1次操作等。
2、設(shè)定可用性(Usability)的目標(biāo)
在了解使用者的使用目的以后,人機(jī)介面必須要想辦法來達(dá)成使用者的目的,設(shè)定適當(dāng)?shù)目捎眯阅繕?biāo),并在一些衝突性目標(biāo),例如讓使用者簡(jiǎn)單操作,與能控制完整功能間,取得平衡點(diǎn)。
3、分析與設(shè)計(jì)
在設(shè)計(jì)人機(jī)界面時(shí),我們要能夠根據(jù)使用者的目的來找出使用者可能的操作互動(dòng)方式,把所有可能的操作一項(xiàng)項(xiàng)地列舉出來,分析這些操作是不是能夠達(dá)到使用者所希望達(dá)到的工作目的,再做了適當(dāng)?shù)姆治龉ぷ髦螅梢赃M(jìn)入真正的設(shè)計(jì)階段。在這個(gè)階段如可能,一定要讓使用者反覆的測(cè)試設(shè)計(jì)出來的模型,因使用者的要求可能是不斷地在修改與調(diào)整的。讓使用者加入分析與設(shè)計(jì)的步驟,比較能迫使設(shè)計(jì)者真的以使用者為中心點(diǎn)來考量。
4、製作與測(cè)試
最主要是軟體應(yīng)用系統(tǒng)的製作,包括程式、畫面配置、美工等。并測(cè)試製作的系統(tǒng)是否有滿足分析與設(shè)計(jì)所定義出來的各項(xiàng)目標(biāo)。
5、評(píng)估
這一個(gè)階段最主要是由許多「不同的」使用者來實(shí)際測(cè)試看看這個(gè)軟體的功能性以及界面是否合乎要求,雖然在設(shè)計(jì)的階段希望使用者能夠加入來驗(yàn)證設(shè)計(jì)者的構(gòu)想,提供設(shè)計(jì)者一些意見,但是有時(shí)候使用者沒有看到實(shí)體的系統(tǒng),沒有在正確的環(huán)境中操作,故使用者和設(shè)計(jì)者的思考誤差可能非常的大。
前述的問題也就反應(yīng)出為什麼現(xiàn)在很流行快速雛型發(fā)展法(Fast Prototyping)的原因,使用者需要看到實(shí)體才能夠建立正確的使用模型。一個(gè)人機(jī)介面系統(tǒng)經(jīng)過評(píng)鑑后,如果發(fā)現(xiàn)設(shè)計(jì)上的錯(cuò)誤,可以儘速思考修改的辦法,也可以調(diào)整可用性指標(biāo)來反應(yīng)使用者的意見。
驗(yàn)證流程
1、系統(tǒng)狀態(tài)的能見度(Visibility of System Status):系統(tǒng)是不是能夠透過適時(shí)和適當(dāng)?shù)幕貞?yīng),讓使用者知道發(fā)生了什麼事。
2、系統(tǒng)設(shè)計(jì)應(yīng)與現(xiàn)實(shí)世界一致:系統(tǒng)應(yīng)該採(cǎi)用使用者熟悉的詞、句、或概念,而不是系統(tǒng)內(nèi)部的詞句。
3、提供使用者控制與自由:是否完全讓使用者控制了整個(gè)介面的行為,是否有操作錯(cuò)誤時(shí)的回復(fù)機(jī)制。
4、一致性與遵照標(biāo)準(zhǔn):使用者應(yīng)該不需要思考不同的訊號(hào)、狀況或動(dòng)作,甚至介面上的字詞,是否會(huì)對(duì)系統(tǒng)產(chǎn)生不同的效果,應(yīng)具有系統(tǒng)完整一致性。
5、預(yù)防使用者犯錯(cuò):一開始就預(yù)防使用者出錯(cuò)比好的錯(cuò)誤訊息更好,消除容易讓使用者搞錯(cuò)的情境,或是提供確認(rèn)鍵、讓使用者在執(zhí)行前再度確認(rèn)。
6、讓使用者辨識(shí)(Recognition)而非回想(Recall):利用標(biāo)示清楚的按鈕、功能、選項(xiàng)減少使用者的記憶負(fù)擔(dān),使用者不用記住從一個(gè)選項(xiàng)到另一個(gè)選項(xiàng)之間的資訊,操作系統(tǒng)的資訊應(yīng)該顯而易見、或馬上可以找到。
7、人機(jī)介面使用的彈性與效率:例如提供快速鍵讓有經(jīng)驗(yàn)的老手可自行設(shè)定與使用,但可隱藏起來讓新手不會(huì)受影響,即是一種兼顧彈性與效率的介面設(shè)計(jì)方式。
8、介面的美術(shù)是否美觀順暢:一些基本原則,例如對(duì)話框中不應(yīng)該包括不相關(guān)或是很少用到的資訊,因多馀的資訊和重要的資訊相互排擠,會(huì)讓使用者分心。
9、幫助使用者辨認(rèn)、診斷甚至復(fù)原錯(cuò)誤:錯(cuò)誤訊息應(yīng)該以白話文表達(dá),而非機(jī)器語言;精準(zhǔn)的指出錯(cuò)誤,并提供解決方式。
10、有幫助及說明文件:即便人機(jī)介面已設(shè)計(jì)到不需說明文件即可操作,這類文件仍應(yīng)備用。這類資訊撰寫模式應(yīng)該易懂簡(jiǎn)要,列出步驟、并放在介面上有明顯提示處。