人機(jī)交互界面在設(shè)計(jì)方面的完善

徐靜

摘要：本文對人機(jī)交互界面設(shè)計(jì)的基本原則作了簡單的分析，探討了當(dāng)前人機(jī)交互界面設(shè)計(jì)的要點(diǎn)，最后提出了完善人機(jī)交互界面設(shè)計(jì)的一些方法，希望能夠?qū)ο嚓P(guān)人員起到參考作用。

關(guān)鍵詞：人機(jī)交互 界面 設(shè)計(jì) 要點(diǎn) 完善

中圖分類號：TB47

文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069（2016）02-0064-02

人機(jī)交互是社會發(fā)展的未來趨勢，實(shí)現(xiàn)人機(jī)交互，不僅是科學(xué)技術(shù)水平發(fā)展的必然，也是人們在生活水平不斷提高的情況下所提出的新要求。設(shè)計(jì)人機(jī)交互界面是實(shí)現(xiàn)人機(jī)交互的關(guān)鍵，只有簡單易懂、操作方便、功能完善的界面，才能滿足人際交互不斷提升的要求。但是，目前人機(jī)交互界面設(shè)計(jì)還存在一些不足之處，導(dǎo)致用戶體驗(yàn)始終達(dá)不到較高水平。因此，必須對人機(jī)交互界面進(jìn)行優(yōu)化設(shè)計(jì)，不斷提升其性能。

一 人機(jī)交互界面設(shè)計(jì)的基本原則

設(shè)計(jì)人機(jī)交互界面的目的就是為人和機(jī)器之間提供一個(gè)協(xié)調(diào)操作的界面，通過這一界面可以實(shí)現(xiàn)人機(jī)互動(dòng)，達(dá)成用戶所需的各種功能。人機(jī)交互界面所涉及的范圍很廣，不論是何種用途的人機(jī)交互界面，在設(shè)計(jì)過程中都應(yīng)該遵循一些基本的設(shè)計(jì)原則，確保設(shè)計(jì)出來的人機(jī)交互界面能夠符合用戶的實(shí)際需求。

第一，人機(jī)交互界面設(shè)計(jì)需要滿足易用性原則。不論是什么產(chǎn)品，其所面對的用戶都是各種各樣的，這些不同的用戶之間存在學(xué)歷差異、認(rèn)知差異以及知識結(jié)構(gòu)差異等多方面的不同。因此在設(shè)計(jì)人機(jī)交互界面時(shí)，就應(yīng)該對這些因素全面考量，確保用戶可以在不借助說明書的情況下就可以對界面功能形成大致認(rèn)識。

第二，人機(jī)交互界面設(shè)計(jì)需要滿足規(guī)范性原則。規(guī)范性原則是設(shè)計(jì)人機(jī)交互界面所必須遵循的原則，其主要涉及到界面圖標(biāo)、標(biāo)簽提示、對齊方式、等待過程、菜單結(jié)構(gòu)等多個(gè)方面的內(nèi)容。所以，在設(shè)計(jì)過程中，設(shè)計(jì)人員應(yīng)該從菜單條、狀態(tài)欄、工具欄、滾動(dòng)條以及快捷菜單等方面加強(qiáng)交互界面的規(guī)范性設(shè)計(jì)。

第三，人機(jī)交互界面設(shè)計(jì)應(yīng)該協(xié)調(diào)與美觀。對于用戶而言，操作界面是否美觀協(xié)調(diào)，會直接決定其是否會產(chǎn)生購買欲望或是能夠順利操作。比如，對于手機(jī)的交互界面而言，若是美觀性較低，或是協(xié)調(diào)性不好，那么消費(fèi)者就不會購買這款手機(jī)。所以，在設(shè)計(jì)中加強(qiáng)協(xié)調(diào)性和美觀性的考量是十分重要的。

第四，人機(jī)交互界面設(shè)計(jì)應(yīng)該體現(xiàn)出獨(dú)特性。對于一款產(chǎn)品而言，其必定和其他類似的產(chǎn)品存在區(qū)別。而且對于企業(yè)自身而言，必定是希望自己的產(chǎn)品能夠在市場競爭中打敗同類型的產(chǎn)品。由此，就需要在人機(jī)交互界面設(shè)計(jì)中體現(xiàn)出獨(dú)特性，并且切實(shí)反映出企業(yè)自身的特色，以便得到消費(fèi)者的認(rèn)可。

第五，人機(jī)交互界面設(shè)計(jì)應(yīng)該確保安全性。對于人機(jī)交互而言，由于機(jī)器本身和用戶都可能出現(xiàn)各種各樣的意外情況，從而引起不安全問題產(chǎn)生。因此，就需要在人機(jī)交互界面設(shè)計(jì)中加強(qiáng)安全性考量，避免發(fā)生意外情況。比如，應(yīng)該對用戶無意識輸入的無效數(shù)據(jù)有效識別，并且控制程序不做出反應(yīng)。而對某些控件也應(yīng)該設(shè)置用戶權(quán)限，避免用戶輸入不安全的數(shù)據(jù)。

最后，人機(jī)交互界面設(shè)計(jì)應(yīng)該突出快捷性。在智能化趨勢不斷明顯的當(dāng)下，快捷性是用戶提出的新要求，越來越多的用戶希望在人機(jī)交互界面中能夠?qū)崿F(xiàn)快捷操作。比如，在文件操作方面，就應(yīng)該設(shè)計(jì)打印、關(guān)閉等快捷鍵。在系統(tǒng)菜單上，也需要設(shè)置幫助、工具等快捷鍵，以滿足用戶的各種需求。

二 人機(jī)交互界面設(shè)計(jì)的要點(diǎn)

（一）整體框架設(shè)計(jì)要點(diǎn)

整體框架設(shè)計(jì)是人機(jī)交互界面設(shè)計(jì)的一個(gè)重要環(huán)節(jié)，其所包含的內(nèi)容較多，主要有典型頁面設(shè)計(jì)、登陸頁面設(shè)計(jì)、系統(tǒng)首頁設(shè)計(jì)等。

在典型頁面設(shè)計(jì)方面，首先應(yīng)該注意整體頁面的位置，即對長、寬、高進(jìn)行合理的控制。在頁面基本框架構(gòu)成方面，主要應(yīng)該對系統(tǒng)logo、導(dǎo)航、菜單、內(nèi)容顯示頁、查詢等進(jìn)行合理布置。此外，還需對頁面顯示的分辨率進(jìn)行控制，確保顯示清晰。在登陸頁面設(shè)計(jì)以及系統(tǒng)首頁設(shè)計(jì)這兩個(gè)方面，其所需要注意的問題和典型頁面設(shè)計(jì)基本一致。

在配色設(shè)計(jì)方面，首先應(yīng)該滿足基本的系統(tǒng)配色原則，確保界面設(shè)計(jì)配色的規(guī)范性。其次需要對系統(tǒng)主體背景配色進(jìn)行設(shè)計(jì)，確保其和界面配色相適宜。最后就是系統(tǒng)輔助配色設(shè)計(jì)，其也應(yīng)該在滿足系統(tǒng)配色的基礎(chǔ)上，最大程度貼合整體配色風(fēng)格。

在字體設(shè)計(jì)方面，一般人機(jī)交互界面常用主體包含了漢字和英文這兩種，針對某些交互界面可能還存在日語、德語等。在字體設(shè)計(jì)方面首先就是要確定字體類型，這需要根據(jù)用戶對象合理選擇。然后，需要對字體大小進(jìn)行確定。這應(yīng)該根據(jù)交互界面的大小尺寸合理確定。最后應(yīng)該對字體顏色進(jìn)行設(shè)計(jì)，使其和系統(tǒng)配色相得益彰。

在信息提示方面，首先應(yīng)該對必添項(xiàng)提示進(jìn)行設(shè)計(jì)，其主要包括了必添項(xiàng)的字體、項(xiàng)前標(biāo)示以及輸入框顏色等。對等待提示設(shè)計(jì)，則需注重進(jìn)度條、提示形式的設(shè)計(jì)。對刪除提示，應(yīng)該在字體、大小、內(nèi)容和顏色等方面進(jìn)行統(tǒng)一設(shè)計(jì)。對保存提示也需要在顏色、字體、大小和內(nèi)容上實(shí)現(xiàn)統(tǒng)一設(shè)計(jì)。

（二）界面元素設(shè)計(jì)要點(diǎn)

整體框架只是人機(jī)交互界面設(shè)計(jì)的基礎(chǔ)，界面元素設(shè)計(jì)才是其中最為核心關(guān)鍵的環(huán)節(jié)。就人機(jī)交互界面而言，界面元素主要包含了logo圖標(biāo)、導(dǎo)航、菜單、表格、按鈕、文本框等。

在設(shè)計(jì)logo圖標(biāo)時(shí)，除去前邊所講的大小、顏色和字體等，其定位也是非常重要的。對于人機(jī)交互界面而言，logo圖標(biāo)定位應(yīng)該從人體工程學(xué)的角度出發(fā)，選擇最符合人體視覺的位置。不僅如此，在logo圖標(biāo)設(shè)計(jì)上，還需充分融入企業(yè)元素，讓用戶能夠切實(shí)感受到相關(guān)企業(yè)的企業(yè)文化。

在設(shè)計(jì)導(dǎo)航時(shí)，需要對導(dǎo)航形式、導(dǎo)航字體、導(dǎo)航顏色以及位置等合理設(shè)計(jì)。在設(shè)計(jì)的過程中不僅要考慮用戶的實(shí)際體驗(yàn)，還需結(jié)合界面設(shè)計(jì)的實(shí)際情況，確保滿足協(xié)調(diào)性和美觀性。

在設(shè)計(jì)菜單時(shí)，需要對菜單級數(shù)、菜單展開風(fēng)格、菜單菜單位置、菜單字體、菜單背景以及邊框顏色等合理設(shè)計(jì)。菜單級數(shù)最好控制在3級以內(nèi)，展開風(fēng)格一般是縱向展開，菜單位置一般位于界面頂部或是底部，但是也可設(shè)計(jì)于界面的側(cè)邊。菜單背景應(yīng)該和界面整體風(fēng)格相適應(yīng)，邊框顏色也需要和界面整體配色相符合。對于不同級別的菜單，還需在字體、顏色和大小上體現(xiàn)出一定區(qū)別。endprint

在設(shè)計(jì)表格時(shí)，對標(biāo)題字體、大小、顏色和位置都需要精確控制。此外，對于表格行，需要控制行高、背景顏色以及每頁的顯示行數(shù)。還需對單元格間距、數(shù)據(jù)單位位置、表格主體內(nèi)容提及頁數(shù)表述等進(jìn)行控制。

此外，在人機(jī)交互界面設(shè)計(jì)中，還需對按鈕、文本框、下拉框、單選框等多個(gè)方面加強(qiáng)設(shè)計(jì)控制，確保設(shè)計(jì)滿足基本原則，能夠符合用戶的實(shí)際需求。

三 人機(jī)交互界面設(shè)計(jì)的完善

（一）以人為本

以人為本，展開說來就是人機(jī)交互界面設(shè)計(jì)應(yīng)該以用戶的實(shí)際需求作為設(shè)計(jì)準(zhǔn)則，圍繞用戶的根本需求設(shè)計(jì)人機(jī)交互界面，如此才能提升用戶對人機(jī)交互界面設(shè)計(jì)的滿意度。因此，在設(shè)計(jì)人機(jī)交互界面之初，就應(yīng)該對用戶群體進(jìn)行全面調(diào)研，切實(shí)了解用戶的需求，以及其對當(dāng)前同類產(chǎn)品的評價(jià)。然后，可以對用戶群體進(jìn)行特征提取，對用戶的普遍需求、心理特征、行為活動(dòng)、個(gè)體差異等全面進(jìn)行分析，再將其融入到人機(jī)交互界面設(shè)計(jì)當(dāng)中。比如，如果人機(jī)交互界面的產(chǎn)品是面向兒童群體，那么就需要充分考量兒童的特點(diǎn)。兒童思維簡單、活潑好動(dòng)，因此界面設(shè)計(jì)就應(yīng)該簡潔明了、色彩鮮亮，在保證兒童能夠快速操作的同時(shí)充滿興趣。再比如，若是手機(jī)的人機(jī)交互界面，其面向的用戶數(shù)量龐大、特點(diǎn)各異，這是若是要充分考量所有用戶的特點(diǎn)就顯得不切實(shí)際了。因此，這就需要對產(chǎn)品進(jìn)行定位，劃分出具體的用戶人群，然后在對其進(jìn)行設(shè)計(jì)調(diào)研。不僅如此，在設(shè)計(jì)的過程中還需將用戶引入其中，讓用戶參與設(shè)計(jì)活動(dòng)，在人機(jī)交互界面中體現(xiàn)出用戶意志，如此才能設(shè)計(jì)出符合用戶群體的人機(jī)互動(dòng)界面相關(guān)產(chǎn)品。

（二）情感因素

人機(jī)交互界面并不是單純的操作界面，其應(yīng)該在設(shè)計(jì)中融入情感元素，使其體現(xiàn)出生命力，情感因素可以從交互界面的構(gòu)成元素上得到體現(xiàn)。在設(shè)計(jì)的過程中，需要設(shè)計(jì)者對用戶情感客觀審視，并通過顏色、字體、排版等設(shè)計(jì)體現(xiàn)出這些情感因素。只有人機(jī)交互界面充滿了情感因素，才能使用戶對產(chǎn)品產(chǎn)生興趣，從而真正深入了解并認(rèn)同一款產(chǎn)品。對于一款產(chǎn)品而言，不論是手機(jī)還是平板電腦，用戶在使用之前都需要下載一些必要的軟件。在設(shè)計(jì)交互界面時(shí)，不僅設(shè)計(jì)一個(gè)美觀協(xié)調(diào)的下載界面，還需設(shè)計(jì)人性化的引導(dǎo)界面，通過引導(dǎo)幫助用戶完成新產(chǎn)品的配置和軟件下載。不僅如此，還可以加入一些交互界面，在用戶下載新軟件的時(shí)候能夠進(jìn)行一些其他的事項(xiàng)。在界面的按鈕設(shè)計(jì)上，還可以融入企業(yè)的標(biāo)示，讓用戶能夠感受到企業(yè)設(shè)計(jì)這一款產(chǎn)品時(shí)的心意。比如，以微軟推出的surface 3為例，其在人機(jī)交互界面的設(shè)計(jì)上就體現(xiàn)出了情感因素，簡潔美觀的交互界面，以灰色調(diào)配以surface字樣的界面背景，不僅給用戶一種沉穩(wěn)大氣的體驗(yàn)感受，更彰顯出微軟自身的企業(yè)文化。

（三）操作設(shè)計(jì)

操作是人機(jī)交互界面所必須考慮的問題，不論界面設(shè)計(jì)多么美觀協(xié)調(diào)，若是操作性不好，就會導(dǎo)致用戶的使用感受大打折扣。因此，在人機(jī)交互界面的設(shè)計(jì)過程中，必須注重操作設(shè)計(jì)，不僅要確保操作的便捷高效，還需符合用戶的使用習(xí)慣。比如，在手機(jī)的設(shè)計(jì)中，對于音量鍵的設(shè)計(jì)就應(yīng)該符合大眾的使用習(xí)慣。大部分人都是右手持機(jī)，習(xí)慣音量鍵在手機(jī)右側(cè)上方位置，或者是左側(cè)上方位置，這樣就能夠直接用大拇指或是食指調(diào)控音量。再比如在滑屏設(shè)計(jì)上，大部分用戶的使用習(xí)慣是向左或是向右滑動(dòng)屏幕，因此若是設(shè)計(jì)成向上或是向下滑動(dòng)屏幕，勢必會導(dǎo)致用戶操作體驗(yàn)不佳。所以，在實(shí)際設(shè)計(jì)應(yīng)該盡量避免這種設(shè)計(jì)出現(xiàn)，確保操作設(shè)計(jì)符合用戶習(xí)慣，以及能夠方便地進(jìn)行操作。此外，在操作設(shè)計(jì)上還需加強(qiáng)安全設(shè)計(jì)，即對用戶的誤操作進(jìn)行安全保護(hù)，避免一些意外操作導(dǎo)致產(chǎn)品出現(xiàn)問題。

結(jié)束語

人機(jī)交互界面設(shè)計(jì)已經(jīng)成為業(yè)界關(guān)注重點(diǎn)，在設(shè)計(jì)過程中必須遵循基本的設(shè)計(jì)原則，同時(shí)要對界面框架和界面元素加強(qiáng)設(shè)計(jì)。為了提升人機(jī)交互界面的互動(dòng)性，還應(yīng)該在設(shè)計(jì)中秉持以人為本的設(shè)計(jì)思想，融入感情因素，加強(qiáng)操作設(shè)計(jì)，切實(shí)提升人機(jī)交互界面的性能。endprint