使用者介面设计.ppt

本章總結 輸入設計方面，我們先介紹來源文件及該文件中的各區域，包括標題區、控制區、指示區、主體區、總計區及核可區等。 我們說明了如何利用輸入遮罩和驗證規則來降低資料輸入錯誤。 本章也學習到有關批次處理和線上輸入方式、輸入媒介和程序，以及輸入量考量等。 最後，我們介紹安全與控制的考量。 Slide * 第八章 使用者介面設計 第336-337頁 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 設計使用者介面 建立一個具吸引力的畫面和設計 確定同一命令總是會產生相同的結果。 確保相似的滑鼠動作在整個應用程式中會產生同樣的結果。使用超連結，讓使用者可以跳轉到相關議題。 當使用者輸入的資料填滿一個欄位時，不要自動移到下個欄位，而要請使用者在每個填入欄位的最後按ENTER 鍵或是TAB 鍵確認所輸入的資料。 Slide * 第八章 使用者介面設計 第307頁 設計使用者介面 使用熟悉的術語和圖像 請注意，使用者已習慣「紅色＝停止」、「黃色＝警告」及「綠色＝執行」這種模式。 對每個選單命令，以容易記憶的字母提供一個可替代的按鍵。 如果可能，使用熟悉的命令。 如果使用者熟悉Windows 應用程式，請在你的介面設計上提供一個像Windows的外觀。 避免使用複雜的術語和技術用語。 Slide * 第八章 使用者介面設計 第307-308頁 設計使用者介面 加入控制項功能 「選單列」(menu bars) 「工具列」(toolbars) 「命令按鈕」(command buttons) 「對話框」(dialog boxes) 「文字方塊」(text boxes) 「切換按鈕」(toggle buttons) Slide * 第八章 使用者介面設計 第308-309頁 設計使用者介面 圖8-16　 學生註冊系統的資料輸入視窗，此視窗使用很多種本節中所描述的設計功能。 Slide * 第八章 使用者介面設計 第308頁 設計使用者介面 加入控制項功能 「清單方塊」(list boxes) -「捲動軸」(scroll bars) 「下拉式選單」(drop-down list boxes) 「選擇鈕」(option buttons) 或「單選按鈕」(radio buttons) 「核取方塊」(check boxes) 日曆控制項(calendar control) 「切換板」(switchboard) Slide * 第八章 使用者介面設計 第309頁 設計使用者介面 圖8-18　一個專案管理系統的主選單及資料輸入畫面的範例。 Slide * 第八章 使用者介面設計 第310頁 輸出設計 在開始輸出設計前，先詢問自己幾個問題： 輸出的目的是什麼？ 誰想要資訊？為什麼需要？他將如何使用資訊？ 將包含何種特別的資訊？ 輸出是要在畫面上顯示還是列印輸出？抑或是兩者皆是？ Slide * 第八章 使用者介面設計 第310頁 輸出設計 在開始輸出設計前，先詢問自己幾個問題： 何時提供資訊？通常多久必須更新？ 有安全性或機密性存在嗎？ 這些問題的答案將會影響輸出設計的策略。 Slide * 第八章 使用者介面設計 第310-311頁 輸出設計 報表設計綜述 很少有企業能夠完全地不使用列印 回送單據(turnaround document) 報表必須容易閱讀且結構良好 資料庫程式就包含許多不同的報表設計工具 文字型報表(character-based report) Slide * 第八章 使用者介面設計 第311.313頁 輸出設計 報表的種類 明細表(detail report) 摘錄表(exception report) 彙總報表(summary report) Slide * 第八章 使用者介面設計 第313-314頁 輸出設計 使用者參與報表設計 列印報表是一種將資訊傳遞給使用者的重要方式，所以所有的報表設計都應該事先讓接受使用者認可。 最好的方法是將每一張完成的報表設計送交認可，而不要等到所有報表完成後才送交。 模型(mock-up) 報表分析單(report analysis form) Slide * 第八章 使用者介面設計 第315頁 輸出設計 報表設計原則 圖8-24　 這份員工工時報表是一個具有控制分段、小計和總計的明細表。請注意，報表的表頭可用來辨識此份報表、頁首包括欄位抬頭、控制分段群組的末行包含每間分店的小計、報表的表尾包括總計、頁尾則標出頁碼。 Slide * 第八章 使用者介面設計 第316頁 輸出設計 輸出技術 網際網路式的資訊傳遞 網路廣播(Webcast) 電子郵件(e-mail) 部落格(blog) 即時通訊 無線設備 (wireless