使用者互动设计

使用者互動設計大綱使用者互動設計意義 使用者介面的演進 圖形化使用者介面（GUI） 互動設計的步驟使用者互動設計意義互動設計，又稱為交互設計，係指設計的系統有交互作用，有動作時會產生必要的反應，用於支援使用者的日常作業或業務處理以軟體系統而言，軟體系統互動主要目的是以使用者方便使用為重點使用者介面的演進

較早期的軟體應用系統使用者介面多採文字模式為人機溝通的介面商業應用軟體界開發了完善的使用者圖形介面圖形化使用者介面（GUI）互動式的使用者圖形介面（GraphicalUserInterface），簡稱GUI。可以幫助使用者很快地學習新系統有效地利用此系統完成工作，進行使用者圖形介面系統的整合工作。能讓使用者處於親切(Friendly)、方便使用的作業環境之下文字介面圖形介面互動設計作業項目系統開發時，系統分析人員一般事先設計所有的報表及螢幕畫面輸出，再針對產生這些結果進行輸入設計。設計互動的作業項目包含方便使用的目錄索引，例如主畫面、首頁等。設計軟體系統間的關連性。設計每個應用程式螢幕畫面的呈現功能設計使用者與系統狀態即時反應呈現訊息的交互作用。進行使用者需要的互動式設計。互動設計的步驟互動設計的步驟制定互動介面標準設計互動介面雛型檢討雛型修改雛型反覆依序執行，直到完成互動設計的最基本原則就是容易使用、清楚、簡單，而且必須與使用者功能需求配合【補充】設計界面與對話設計介面與對話

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

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

對話圖的三個區域順序、選擇與迴圈的對話圖案例松谷傢俱客戶資訊系統的對話圖建構雛型和評估可使用性是選擇性的活動直覺簡單的設計或是現有系統的延伸不須評估建構雛型畫面可使用圖形化開發環境Micr