校園卡圈存系統人機界面的改良設計

摘 要：產品的改良設計可以使產品更好地為用戶服務。本文通過分析現有校園卡圈存系統人機界面的缺陷和問題，從人機界面角度對其操作界面、系統界面流程操作的交互以及視覺效果方面進行改良設計。

關鍵詞：校園卡圈存系統；人機界面；改良設計；交互

人機界面是人與產品進行信息傳遞與交流的交互面，用戶使用產品的綜合操作環境系統，也是用戶和機器之間互相傳遞信息的媒介。通過調研分析發現現有的校園卡圈存系統的人機界面設計存在一些缺陷和問題，本文針對這些問題進行改良設計。

原有的人機界面設計如圖1、2，

一 原有校園卡圈存系統人機界面的缺陷和問題分析以及改進方案

（１）操作界面方面

缺陷及問題：原有的系統操作界面是采用視覺界面（如圖1）、功能實體按鈕和數字鍵盤（如圖2）結合的方式。在使用的過程中，由于按鈕的使用頻率過高導致按鈕上的數字或文字標識變模糊，或按鈕對應的功能或菜單指示不明確等，用戶在進行進一步操作的過程中會產生誤操作或不必要的操作。改進方案：設計全觸摸屏的操作界面，除去實體按鈕和鍵盤的部分，用戶通過手觸點擊各個功能按鈕便可進行目標操作，整個使用過程都是在視覺界面上完成的。這是對上文提到的社會科技發展和設計流行發展趨勢的一種呼應，順應了時代的發展，同時也滿足了用戶對生活周遭產品的更高層次的心理追求，以及對高品質生活的需求。

（２）系統界面流程操作的交互方面

缺陷及問題：1）系統的初始界面以及使用產品結束后的界面是功能主界面（如圖1），過于單調，缺少與用戶的交互，缺乏親和力，而且沒有給用戶提供一定的指示如何進行產品的起始操作。2）沒有提供相關的搜索工具或幫助、指引、提示信息供用戶參考使用（如圖7、8）以及無明確的反饋信息。這導致用戶在使用圈存機的時候，特別是初始使用者，他們會因為不了解產品的使用方式而感到困擾，會因此進行多種方式試用而導致使用效率也隨之降低，從而也影響了用戶的操作情緒。3）操作流程、容錯及改錯方面。原有產品功能操作流程方面容易給用戶誤操作或者沒有充分考慮用戶使用過程當中由于誤操作或多余操作想返回上一步操作或者進行別的任務的時候的方便性、自由選擇的權利（如輸入圈存金額的時候，有些用戶可能會想自己輸入一定的金額或者像取款機一樣選擇固定的金額，原有界面沒有提供這樣的服務）等，以及設置了沒必要的操作，如插入校園卡之后還需按“確認”按鈕。另外，當用戶想結束當前操作，取出卡的時候，還需一步一步地退回到主界面，這無疑浪費了用戶的時間、觸動了用戶的耐心，影響了心情。改進方案：1）設計一個歡迎界面和感謝使用的界面，其中歡迎界面上有插卡提示和演示圖，這樣用戶可以明了地知道如何進行第一步的操作以進行自己的目標行為，界面還設計了時間和日期顯示、服務電話等輔助信息；感謝使用的界面有相關提醒信息，提示用戶在完成目標操作后取走自己的卡，以免造成不必要的隱患和麻煩。另外，兩個界面上有分別有歡迎詞和感謝使用詞。這些設置考慮了用戶的使用心理感受，能給用戶帶來愉悅的心情，給人一種在使用“有生命”的產品的感覺，而不是在跟所謂的機械的物體在交流，這些都體現了“人性化”的設計精神。2）（1）在界面上設計操作流程提示（①選擇圈存金額→②輸入銀行卡密碼→③圈存完成），以幫助用戶能夠較快地使用產品進行操作。且每個流程提示用顏色將其區分，紅色代表當前的操作步驟，藍色表示其他步驟，明確地給用戶傳達有效信息。（2）提供了輸入密碼和身份證號碼時的溫馨提示。用以提示用戶在輸入密碼時注意密碼安全，以防他人獲取信息而造成麻煩或損失，以及由于有些身份證號碼包含字母，溫馨提示幫助用戶了解如何正確輸入有效身份證號碼，從而進行正確地下一步操作，這些都是“體貼”的設計表現方式。（3）當用戶操作錯誤的時候，提供相關的反饋信息，指引用戶改錯并進行正確的操作。3）（1）圈存金額頁面設置“自定義金額”選項，為用戶帶來方便。（2）系統功能操作流程圖方面，本著“以用戶為中心”的思想，省去不必要的步驟，換之或加上更為明了的方式，使用戶操作起來更為方便、快捷、有效。（３）設置進入其他功能界面的“選擇其他服務”及直接“退卡”按鈕。

（３）視覺效果方面

缺陷及問題：原有界面只是單一的藍色背景和文字描述。缺乏了審美愉悅性（愉悅性是人類審美的一個更高層次，表現為一種快感），難免顯得有些單調乏味。而豐富的界面設計應該具備外觀形式或符號信息（色彩、線條、形狀、質感等），這些因素又物化為審美客體的形式感（形體感、色彩感、線條感等）以及與此相應的語言信息、符號，這能給用戶帶來視覺沖擊。且頁面的布局要簡潔、明了、有序，不能顯示雜亂。

改進方案：

界面整體以紅色為主色調，功能菜單分區、按鈕布局與顏色區分、整體顏色搭配等都是基于用戶的感受進行的設計。如圖3。

三 結束語

人機界面是面向人的，與人息息相關，這就要求它必須體現“人性化”關懷。好的人機界面美觀易懂，操作簡單且具有引導功能，使用戶感覺愉快，增強興趣，從而提高效率。界面設計的美，不僅是藝術審美形式的美，滿足人們感覺上的愉悅性，更多的是產品作為操作的一種工具，來滿足實現某種目的帶來的愉悅性，它帶有更多的實用性。

參考文獻

[1] 羅仕鑒、朱上上、孫守遷著，《人機界面設計》，[M] 機械工業出版社 2002.9

[2] 李世國著，《體驗與挑戰—產品交互設計》，江蘇：江蘇出版社，2008

[3] 周蘇編著，《人機界面設計》，北京：科學出版社，2007

[4] 張展，產品改良設計[M]，上海：上海畫報出版社，2006.