使用者互動設(shè)計(jì)

使用者互動設(shè)計(jì)大綱使用者互動設(shè)計(jì)意義 使用者介面的演進(jìn) 圖形化使用者介面（GUI） 互動設(shè)計(jì)的步驟使用者互動設(shè)計(jì)意義互動設(shè)計(jì)，又稱為交互設(shè)計(jì)，係指設(shè)計(jì)的系統(tǒng)有交互作用，有動作時會產(chǎn)生必要的反應(yīng)，用於支援使用者的日常作業(yè)或業(yè)務(wù)處理以軟體系統(tǒng)而言，軟體系統(tǒng)互動主要目的是以使用者方便使用為重點(diǎn)使用者介面的演進(jìn)

較早期的軟體應(yīng)用系統(tǒng)使用者介面多採文字模式為人機(jī)溝通的介面商業(yè)應(yīng)用軟體界開發(fā)了完善的使用者圖形介面圖形化使用者介面（GUI）互動式的使用者圖形介面（GraphicalUserInterface），簡稱GUI?？梢詭椭褂谜吆芸斓貙W(xué)習(xí)新系統(tǒng)有效地利用此系統(tǒng)完成工作，進(jìn)行使用者圖形介面系統(tǒng)的整合工作。能讓使用者處於親切(Friendly)、方便使用的作業(yè)環(huán)境之下文字介面圖形介面互動設(shè)計(jì)作業(yè)項(xiàng)目系統(tǒng)開發(fā)時，系統(tǒng)分析人員一般事先設(shè)計(jì)所有的報(bào)表及螢?zāi)划嬅孑敵?，再針對產(chǎn)生這些結(jié)果進(jìn)行輸入設(shè)計(jì)。設(shè)計(jì)互動的作業(yè)項(xiàng)目包含方便使用的目錄索引，例如主畫面、首頁等。設(shè)計(jì)軟體系統(tǒng)間的關(guān)連性。設(shè)計(jì)每個應(yīng)用程式螢?zāi)划嬅娴某尸F(xiàn)功能設(shè)計(jì)使用者與系統(tǒng)狀態(tài)即時反應(yīng)呈現(xiàn)訊息的交互作用。進(jìn)行使用者需要的互動式設(shè)計(jì)?；釉O(shè)計(jì)的步驟互動設(shè)計(jì)的步驟制定互動介面標(biāo)準(zhǔn)設(shè)計(jì)互動介面雛型檢討雛型修改雛型反覆依序執(zhí)行，直到完成互動設(shè)計(jì)的最基本原則就是容易使用、清楚、簡單，而且必須與使用者功能需求配合【補(bǔ)充】設(shè)計(jì)界面與對話設(shè)計(jì)介面與對話

以使用者為導(dǎo)向的活動。依循雛型法的方式，反覆地進(jìn)行資料蒐集建構(gòu)雛型評估可行性不斷修正必須能夠回答，用來引導(dǎo)表單和報(bào)表設(shè)計(jì)中的4W(who,what,when,where)與1H(how)的問題。產(chǎn)出與結(jié)果1/2

系統(tǒng)介面與對話設(shè)計(jì)的產(chǎn)出是設(shè)計(jì)規(guī)格。產(chǎn)出與結(jié)果系統(tǒng)介面與對話設(shè)計(jì)的產(chǎn)出是設(shè)計(jì)規(guī)格。設(shè)計(jì)規(guī)格包含：總覽樣本設(shè)計(jì)測試與可使用性評估讓使用者可以了解不同畫面間的瀏覽順序。互動方法和設(shè)備介面：使用者和資訊系統(tǒng)間互動的方式。所有人機(jī)介面互動皆：有其互動方式。 使用特定硬體設(shè)備來支援互動?；臃椒ㄖ噶钫Z言包含快捷鍵和功能鍵。選單表單物件自然語言指令語言互動指令語言互動：一種人機(jī)介面互動方式，使用者藉由指令來啟動系統(tǒng)運(yùn)作。以MSDOS為例：COPYC:PAPER.DOCA:PAPER.DOC將C槽下檔名為「PAPER.DOC」的檔案複製到A槽。選單互動選單互動：一種人機(jī)介面互動方式，選單上會提供系統(tǒng)功能清單，透過使用者點(diǎn)選選單選項(xiàng)來啟動特定的操作。選單是最廣泛使用的介面方式。單層選單用於小規(guī)模低複雜度的系統(tǒng)，大型複雜的系統(tǒng)採用多層選單。影像擷取軟體---使用單層選單各種類型選單設(shè)計(jì)彈出式選單：選單位置呈現(xiàn)的方法，將選單呈現(xiàn)於游標(biāo)所在旁邊。下拉式選單：選單位置呈現(xiàn)的方法，將選單呈現(xiàn)於視窗最上方的選單列。當(dāng)點(diǎn)選後，選單以下拉清單方式呈現(xiàn)。圖形化編輯工具能協(xié)助設(shè)計(jì)者建置選單。彈跳式選單下拉式選單選單互動選單設(shè)計(jì)指南用字遣詞：具意義的標(biāo)題、指令所使用的動詞必須清楚且明確敘述執(zhí)行動作、必須以大小寫字母混合呈現(xiàn)。組織：一致的組織原則。長度：選單選項(xiàng)個數(shù)不應(yīng)該超過視窗長度。選擇：點(diǎn)選和輸入方法須一致、需清楚讓使用者了解如何選擇選項(xiàng)。重點(diǎn)標(biāo)示：應(yīng)精簡使用，僅使用在呈現(xiàn)可選擇選項(xiàng)或不可選用選項(xiàng)(如暗灰色選項(xiàng)文字)。不良選單設(shè)計(jì)vs改善後選單設(shè)計(jì)表單互動表單互動：高度直覺的人機(jī)互動方法，資料欄位的格式和紙本表單相似。允許使用者在和系統(tǒng)互動過程中，可輸入資料於空白欄位。Google搜尋引擎的表單互動物件式互動物件式互動：一種人機(jī)介面互動方式，以符號呈現(xiàn)指令或功能。圖示：以符合系統(tǒng)功能的圖像呈現(xiàn)。優(yōu)點(diǎn)為所佔(zhàn)視窗空間小和簡單易懂。MicrosoftVisualBasic.Net的物件式互動自然語言互動自然語言互動：一種人機(jī)介面互動方式，透過一般性口語語言（例如英文），電腦系統(tǒng)會接收這些資訊輸入和產(chǎn)生結(jié)果。為人工智慧研究的子領(lǐng)域。現(xiàn)有的自然語言互動對於使用者而言費(fèi)時費(fèi)力，並不像其他互動方法般可行?；釉O(shè)備使用上常見的問題裝置視覺阻礙使用者疲倦感移動範(fàn)圍比例差異耐用性充分的系統(tǒng)回應(yīng)速度指標(biāo)精確性鍵盤●●●滑鼠●●搖桿●●●軌跡球●●●觸控螢?zāi)弧瘛瘛瘛窆夤P●●●繪圖板●●聲音●●●介面設(shè)計(jì)在很多組織中，在頁面配置設(shè)計(jì)時，儘量與紙本表單相同。標(biāo)準(zhǔn)的系統(tǒng)移動與紙本表單相同是由左至右、由上至下的方式。頁面配置盡量與紙本表單相同介面設(shè)計(jì)彈性和一致性：讓使用者可隨意向前或向後移動到任何資料輸入欄位。應(yīng)避免頻繁使用永久性儲存，除非使用者提出明確需求。每個快速鍵或動作指令只能對應(yīng)到單一功能。組織與排列資料輸入輸入不要要求使用者輸入已經(jīng)存在或是可經(jīng)過計(jì)算取得的資料。預(yù)設(shè)值提供適當(dāng)?shù)念A(yù)設(shè)值。單位確認(rèn)輸入欄位的資料單位類型。替換提供字元替換。加註說明在欄位旁加註說明。格式提供格式範(fàn)例。對齊自動驗(yàn)證資料輸入。協(xié)助提供使用功能與環(huán)境相關(guān)協(xié)助。資料輸入控制目的：降低資料輸入錯誤。資料錯誤的來源：新增：欄位中增加多餘字元?？s短：欄位中缺漏字元。謄寫錯誤：欄位中輸入無效資料。順序顛到：欄位中一到多個字元順序錯誤。系統(tǒng)回應(yīng)三種系統(tǒng)回應(yīng)類型：狀態(tài)訊息：讓使用者了解目前系統(tǒng)運(yùn)作狀態(tài)為何。當(dāng)使用者等待系統(tǒng)回應(yīng)，狀態(tài)訊息會有幫助。提示訊息：告知使用者何時需要輸入和如何進(jìn)行輸入。錯誤或警告訊息：通知使用者發(fā)生資料輸入或系統(tǒng)操作錯誤。提供協(xié)助當(dāng)設(shè)計(jì)輔助功能時，必須設(shè)身處地了解使用者需求為何。設(shè)計(jì)有效的輔助功能之指導(dǎo)原則簡單明瞭：使用簡短、簡單及常用的用語，且句子必須完整。有組織的：轉(zhuǎn)助訊息應(yīng)讓使用者易於吸收和瞭解。清楚呈現(xiàn)：提供使用方的範(fàn)例以及使用後的預(yù)期產(chǎn)出。不良顯示方式的輔助畫面設(shè)計(jì)改善後的輔助畫面設(shè)計(jì)MicrosoftIE的超文件輔助系統(tǒng)設(shè)計(jì)對話對話：使用者和系統(tǒng)間的互動過程。對話設(shè)計(jì)程序包括三個主要步驟：設(shè)計(jì)對話順序建立雛型評估可使用性設(shè)計(jì)對話順序例如。松谷傢俱的行銷人員檢討最近一年的客戶交易情況，使用者和客戶資訊系統(tǒng)間的對話流程應(yīng)遵循下列步驟：要求檢視個別客戶資訊指定有興趣了解的客戶選擇呈現(xiàn)最近一年交易明細(xì)檢視客戶資訊離開系統(tǒng)設(shè)計(jì)對話順序2/3以對話圖設(shè)計(jì)和呈現(xiàn)對話方式。方塊中的三層區(qū)塊則為：上層：包含唯一的畫面參照編號，以供其他畫面參照。中層：包含該畫面名稱和描述。底層：包含參照到其他畫面的參照編號。

對話圖的三個區(qū)域順序、選擇與迴圈的對話圖案例松谷傢俱客戶資訊系統(tǒng)的對話圖建構(gòu)雛型和評估可使用性是選擇性的活動直覺簡單的設(shè)計(jì)或是現(xiàn)有系統(tǒng)的延伸不須評估建構(gòu)雛型畫面可使用圖形化開發(fā)環(huán)境Micr